@charset "UTF-8";
@layer base, components, layout, utilities, overrides;
@layer base {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  html {
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
    color: inherit;
    background: none;
    border: none;
    appearance: none;
  }
  button {
    cursor: pointer;
    touch-action: manipulation;
  }
  button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  img,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
    height: auto;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  ul,
  ol {
    list-style: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  :root {
    --color-primary: oklch(0.5673 0.237661 262.6942);
    --color-white: oklch(100% 0 0);
    --color-black: oklch(0% 0 0);
    --color-bg: var(--color-white);
    --color-text: var(--color-black);
    --color-text-base: oklch(0.2401 0.0038 286.11);
    --color-text-secondary: oklch(0.3715 0 0);
    --color-text-muted: oklch(0.7051 0.0201 265.93);
    --color-success: oklch(0.7216 0.1967 144);
    --color-error: oklch(0.6602 0.229356 35.4025);
    --color-star: oklch(0.8693 0.1281 81.06);
    --color-discount: oklch(0.8046 0.1786 128.18);
    --color-accent-1: oklch(0.9643 0.0083 271.33);
    --color-accent-2: oklch(0.5593 0.0118 248.04);
    --color-accent-3: oklch(0.8641 0.0128 271.27);
    --color-accent-4: oklch(0.9156 0.01 267.35);
    --color-surface-1: oklch(0.8429 0.0775 262.98);
    --color-surface-2: oklch(0.9193 0.0481 230.9);
    --color-surface-3: oklch(0.9129 0.0448 18);
    --color-surface-4: oklch(0.9359 0.0897 124.95);
    --color-surface-5: oklch(0.8582 0.0676 304.35);
    --color-surface-6: oklch(0.9368 0.0736 87.62);
    --color-surface-7: oklch(0.9422 0.0374 62.17);
    --color-surface-8: oklch(0.3421 0.0607 282.71);
    --color-header-bg: oklch(from var(--color-bg) l c h / 80%);
    --color-popover-bg: oklch(from var(--color-bg) l c h / 85%);
    --color-footer-bg: oklch(0.2456 0.0094 285.69);
    --color-footer-surface: oklch(0.316 0.0124 285.67);
    --color-ai-surface: oklch(0.2649 0.0463 282.78);
    --color-blog-blog: oklch(0.8551 0.087 232.21);
    --color-blog-update: oklch(0.8775 0.1535 126.72);
    --color-blog-education: oklch(0.8868 0.0747 60.72);
    --color-tariff-gradient-start: oklch(0.6928 0.2181 359.04);
    --color-tariff-gradient-end: oklch(0.6593 0.2472 313.09);
    --font-primary: 'Nunito Sans', sans-serif;
    --container-width: 75rem;
    --container-padding: clamp(0.75rem, 0.5332369942rem + 0.9248554913vw, 1.25rem);
    --rem-4: 0.25rem;
    --rem-6: 0.375rem;
    --rem-8: 0.5rem;
    --rem-12: 0.75rem;
    --rem-14: 0.875rem;
    --rem-15: 0.9375rem;
    --rem-16: 1rem;
    --rem-18: 1.125rem;
    --rem-20: 1.25rem;
    --rem-24: 1.5rem;
    --rem-28: 1.75rem;
    --rem-32: 2rem;
    --rem-48: 3rem;
    --fluid-4-8: clamp(0.25rem, 0.1416184971rem + 0.4624277457vw, 0.5rem);
    --fluid-16-18: clamp(1rem, 0.9458092486rem + 0.2312138728vw, 1.125rem);
    --fluid-16-20: clamp(1rem, 0.8916184971rem + 0.4624277457vw, 1.25rem);
    --fluid-24-32: clamp(1.5rem, 1.2832369942rem + 0.9248554913vw, 2rem);
    --fluid-30-40: clamp(1.875rem, 1.6040462428rem + 1.1560693642vw, 2.5rem);
    --transition-base: 200ms ease-out;
    --transition-slow: 400ms ease-out;
    --transition-fast: 150ms ease-out;
    --z-negative: -1;
    --z-base: 1;
    --z-dropdown: 100;
    --z-popover: 200;
    --z-tooltip: 300;
    --z-sticky: 400;
    --z-header: 500;
    --z-modal: 1000;
    --header-height: min(4.5rem, 72px);
    --header-height-desktop: min(4.875rem, 78px);
    --main-padding-top: var(--rem-24);
    --breakpoint-mobile: 23.4375rem;
    --breakpoint-tablet: 48rem;
    --breakpoint-desktop: 64rem;
    --breakpoint-wide: 77.5rem;
  }
  @media (color-gamut: p3) {
    :root {
      --color-primary: oklch(0.5673 0.2546 262.6942);
      --color-error: oklch(0.6602 0.2454 35.4025);
      --color-success: oklch(0.7216 0.2692 144);
      --color-star: oklch(0.8693 0.1588 81.06);
      --color-discount: oklch(0.8046 0.2464 128.18);
      --color-blog-blog: oklch(0.8551 0.0941 232.21);
      --color-blog-education: oklch(0.8868 0.0946 60.72);
      --color-tariff-gradient-start: oklch(0.6928 0.2802 359.04);
      --color-tariff-gradient-end: oklch(0.6593 0.2818 313.09);
    }
  }
  @media (min-width: 64rem) {
    :root {
      --header-height: var(--header-height-desktop);
    }
  }
  html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--header-height) + var(--main-padding-top));
    scrollbar-gutter: stable;
    font-optical-sizing: auto;
    height: 100dvh;
    background-color: var(--color-bg);
    color-scheme: light;
    overflow-x: clip;
  }
  body {
    display: flex;
    min-height: 100dvh;
    font-family: var(--font-primary);
    color: var(--color-text);
    flex-direction: column;
    overflow-x: clip;
  }
  main {
    padding-block-start: var(--main-padding-top);
  }
  hr {
    --hr-height: 1px;
    --hr-margin-y: var(--rem-14);
    --hr-margin-x: 0;
    border: none;
    height: var(--hr-height);
    background-color: var(--color-accent-3);
    margin-block: var(--hr-margin-y);
    margin-inline: var(--hr-margin-x);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  blockquote {
    text-wrap: balance;
  }
  p,
  li,
  figcaption {
    text-wrap: pretty;
  }
  p {
    max-width: 65ch;
  }
  h1,
  .h1 {
    font-size: clamp(1.75rem, 1.0455202312rem + 3.0057803468vw, 3.375rem);
    line-height: 1.2;
    font-weight: 700;
    margin-block-end: 1.1em;
  }
  h1.__lg,
  .h1.__lg {
    font-size: clamp(2rem, 1.1871387283rem + 3.4682080925vw, 3.875rem);
    line-height: 1.1;
    font-weight: 800;
  }
  h2,
  .h2 {
    font-size: clamp(1.5rem, 1.1748554913rem + 1.387283237vw, 2.25rem);
    line-height: 1.2;
    font-weight: 700;
    margin-block-end: 1em;
  }
  h3,
  .h3 {
    font-size: clamp(1.25rem, 1.0332369942rem + 0.9248554913vw, 1.75rem);
    line-height: 1.2;
    font-weight: 700;
    margin-block-end: 1em;
  }
  h4,
  .h4 {
    font-size: clamp(1.125rem, 0.9624277457rem + 0.6936416185vw, 1.5rem);
    line-height: 1.2;
    font-weight: 700;
    margin-block-end: 1em;
  }
  h5,
  .h5 {
    font-size: clamp(1rem, 0.8916184971rem + 0.4624277457vw, 1.25rem);
    line-height: 1.2;
    font-weight: 700;
    margin-block-end: 1em;
  }
  h6,
  .h6 {
    font-size: clamp(0.875rem, 0.7666184971rem + 0.4624277457vw, 1.125rem);
    line-height: 1.2;
    font-weight: 700;
    margin-block-end: 1em;
  }
  .text {
    font-size: var(--fluid-16-20);
    line-height: 1.4;
  }
  .text.__sm {
    font-size: var(--fluid-16-18);
  }
  @media (min-width: 64rem) {
    h1,
    .h1 {
      line-height: 1.1;
      font-weight: 800;
    }
  }
  .visually-hidden {
    position: fixed;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(100%);
    white-space: nowrap;
  }
  :focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
    border-radius: 2px;
  }
  :focus:not(:focus-visible) {
    outline: none;
  }
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
    html {
      scroll-behavior: auto !important;
    }
  }
  @media (prefers-contrast: more) {
    :root {
      --color-text-base: var(--color-black);
      --color-text-muted: var(--color-black);
      --color-accent-1: var(--color-white);
    }
  }
}
@layer components {
  .btn {
    --btn-bg: var(--color-primary);
    --btn-bg-hover: var(--color-black);
    --btn-text: var(--color-white);
    --btn-text-hover: var(--color-white);
    --btn-border: var(--color-primary);
    --btn-border-hover: var(--color-black);
    --btn-size: var(--rem-20);
    --btn-height: 3.6875rem;
    --btn-padding: var(--rem-28);
    --btn-gap: var(--rem-12);
    --btn-transition: var(--transition-base);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    cursor: pointer;
    touch-action: manipulation;
    user-select: none;
    border: 1px solid transparent;
    transition: color var(--btn-transition), background-color var(--btn-transition), border-color var(--btn-transition);
    line-height: 1;
    gap: var(--btn-gap);
    background-color: var(--btn-bg);
    color: var(--btn-text);
    border-radius: 6.25rem;
    height: var(--btn-height);
    font-size: var(--btn-size);
    padding-inline: var(--btn-padding);
  }
  .btn.__bordered {
    --btn-bg: transparent;
    --btn-text: var(--color-black);
    border-color: var(--btn-border);
  }
  .btn.__black {
    --btn-bg: var(--color-black);
    --btn-text: var(--color-white);
    --btn-border: var(--color-black);
  }
  .btn.__black.__bordered {
    --btn-bg: transparent;
    --btn-text: var(--color-black);
  }
  .btn.__white {
    --btn-bg: var(--color-white);
    --btn-text: var(--color-black);
    --btn-border: var(--color-white);
  }
  .btn.__white.__bordered {
    --btn-bg: transparent;
    --btn-bg-hover: var(--color-white);
    --btn-text: var(--color-white);
    --btn-text-hover: var(--color-black);
    --btn-border-hover: var(--color-white);
  }
  .btn.__secondary {
    --btn-bg: var(--color-accent-1);
    --btn-text: var(--color-text-base);
    --btn-border: var(--color-accent-1);
  }
  .btn.__sm {
    --btn-size: var(--rem-16);
    --btn-height: 2.875rem;
    --btn-padding: var(--rem-24);
    --btn-gap: var(--rem-4);
  }
  .btn.__sm:has(.ico) {
    --btn-padding: var(--rem-16) var(--rem-12);
  }
  .btn.__disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  .btn:not(.__disabled):focus-visible {
    --btn-bg: var(--btn-bg-hover) !important;
    --btn-text: var(--btn-text-hover) !important;
    --btn-border: var(--btn-border-hover) !important;
  }
  @media (hover: hover) {
    .btn:not(.__disabled):hover {
      --btn-bg: var(--btn-bg-hover) !important;
      --btn-text: var(--btn-text-hover) !important;
      --btn-border: var(--btn-border-hover) !important;
    }
  }
  .ico {
    --ico-container-size: auto;
    --ico-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--ico-container-size);
    height: var(--ico-container-size);
  }
  .ico svg {
    width: var(--ico-size);
    height: var(--ico-size);
    max-width: 100%;
    max-height: 100%;
  }
  .ico.__app {
    --ico-border: currentcolor;
    --ico-border-radius: var(--rem-6);
    --ico-width: auto;
    --ico-height: auto;
    --ico-size: auto;
    border-radius: var(--ico-border-radius);
    border: 1px solid var(--ico-border);
    width: var(--ico-width);
    height: var(--ico-height);
  }
  .ico.__circle-arrow {
    --ico-size: 1.5rem;
    --ico-padding: var(--rem-12);
    padding: var(--ico-padding);
    border-radius: 50%;
    border: 1px solid currentcolor;
  }
  .link {
    --link-color: inherit;
    --link-color-hover: var(--color-primary);
    --link-decoration: none;
    --link-decoration-hover: underline;
    --link-transition: color var(--transition-base);
    color: var(--link-color);
    text-decoration: var(--link-decoration);
    transition: var(--link-transition);
  }
  .link:focus-visible {
    color: var(--link-color-hover);
    text-decoration: var(--link-decoration-hover);
  }
  @media (hover: hover) {
    .link:hover {
      color: var(--link-color-hover);
      text-decoration: var(--link-decoration-hover);
    }
  }
  .user {
    --user-gap: clamp(0.5rem, 0.3374277457rem + 0.6936416185vw, 0.875rem);
    --user-avatar-size: clamp(2.375rem, 2.1582369942rem + 0.9248554913vw, 2.875rem);
    --user-info-gap: 0;
    --user-name-size: var(--rem-16);
    --user-role-size: var(--rem-14);
    display: flex;
    align-items: center;
    gap: var(--user-gap);
    overflow-wrap: anywhere;
  }
  .user.__sm {
    --user-gap: var(--rem-8);
    --user-avatar-size: 2.375rem;
  }
  .user.__lg {
    --user-gap: var(--rem-16);
    --user-avatar-size: clamp(3rem, 2.2955202312rem + 3.0057803468vw, 4.625rem);
    --user-info-gap: clamp(0rem, -0.1083815029rem + 0.4624277457vw, 0.25rem);
    --user-name-size: clamp(1.125rem, 1.0708092486rem + 0.2312138728vw, 1.25rem);
    --user-role-size: clamp(0.875rem, 0.8479046243rem + 0.1156069364vw, 0.9375rem);
  }
  .user__avatar {
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: clip;
    flex-shrink: 0;
    width: var(--user-avatar-size);
  }
  .user__avatar img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .user__info {
    display: flex;
    flex-direction: column;
    gap: var(--user-info-gap);
  }
  .user__name {
    font-size: var(--user-name-size);
    font-weight: 700;
    line-height: 1.2;
  }
  .user__role {
    font-size: var(--user-role-size);
    color: var(--color-accent-2);
    line-height: 1.4;
  }
  @container (max-width: 18.7475rem) {
    .user {
      --user-name-size: var(--rem-14);
    }
  }
  .breadcrumbs {
    --breadcrumbs-margin-bottom: clamp(1.5rem, 0.524566474rem + 4.161849711vw, 3.75rem);
    --breadcrumbs-gap: var(--rem-8);
    display: none;
  }
  @media (min-width: 48rem) {
    .breadcrumbs {
      display: block;
      margin-block-end: var(--breadcrumbs-margin-bottom);
    }
    .breadcrumbs__list {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: var(--breadcrumbs-gap);
    }
    .breadcrumbs__item {
      flex-shrink: 0;
      font-size: var(--rem-14);
      line-height: 1.4;
      color: var(--color-text-muted);
    }
    .breadcrumbs__item + .breadcrumbs__item {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      white-space: nowrap;
      gap: var(--breadcrumbs-gap);
    }
    .breadcrumbs__item + .breadcrumbs__item::before {
      content: "–";
      display: block;
      flex-shrink: 0;
    }
    .breadcrumbs__item:last-child:not(:first-child) .link {
      --link-color: var(--color-text-base);
      pointer-events: none;
    }
    .breadcrumbs .link {
      --link-color: var(--color-text-muted);
      --link-color-hover: var(--color-text-base);
    }
  }
  .mosaic-icons {
    display: flex;
    flex-direction: column;
    gap: 2cqi;
  }
  .mosaic-icons__row {
    display: flex;
    justify-content: center;
    gap: 1.5cqi;
  }
  .mosaic-icons .ico {
    --ico-size: clamp(2.125rem, 1.6194144838rem + 2.157164869vw, 3rem);
  }
  @container (min-width: 61.7497109827rem) {
    .mosaic-icons {
      --mosaic-icons-gap: var(--rem-8);
      flex-direction: row;
      justify-content: center;
      gap: var(--mosaic-icons-gap);
    }
    .mosaic-icons__row {
      gap: var(--mosaic-icons-gap);
    }
    .mosaic-icons .ico {
      --ico-size: var(--rem-32);
    }
  }
  .form-subscribe {
    --form-subscribe-color: var(--color-text);
    --form-subscribe-border-color: transparent;
    --form-subscribe-bg-color: var(--color-accent-1);
    --form-subscribe-info-color: var(--color-text-muted);
    text-align: center;
    margin-inline: auto;
    max-width: 28.125rem;
    padding-inline: var(--rem-8);
  }
  .form-subscribe.__error {
    --form-subscribe-color: var(--color-error);
    --form-subscribe-border-color: var(--color-error);
    --form-subscribe-bg-color: color-mix(in oklch, white 95%, var(--color-error));
    --form-subscribe-info-color: var(--color-error);
  }
  .form-subscribe.__success {
    --form-subscribe-color: var(--color-success);
    --form-subscribe-border-color: var(--color-success);
    --form-subscribe-bg-color: color-mix(in oklch, white 95%, var(--color-success));
    --form-subscribe-info-color: var(--color-success);
  }
  .form-subscribe__form {
    display: flex;
    border-radius: 6.25rem;
    height: 3.0625rem;
    background-color: var(--form-subscribe-bg-color);
    border: 1px solid var(--form-subscribe-border-color);
    color: var(--form-subscribe-color);
    transition: color var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);
  }
  .form-subscribe__form:has(input:focus-visible) {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
    border-radius: "inherit";
  }
  .form-subscribe__input {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    padding-inline: var(--rem-12);
  }
  .form-subscribe__input::placeholder {
    opacity: 1;
    color: var(--color-text-muted);
  }
  .form-subscribe__input:focus {
    outline: none;
  }
  .form-subscribe__info {
    font-size: var(--rem-14);
    line-height: 1.4;
    margin-block-start: clamp(0.5rem, 0.3916184971rem + 0.4624277457vw, 0.75rem);
    color: var(--form-subscribe-info-color);
    padding-inline: clamp(0rem, -0.7586705202rem + 3.2369942197vw, 1.75rem);
    transition: color var(--transition-base);
  }
  .form-subscribe .btn {
    --btn-height: 100%;
    --btn-padding: var(--rem-12);
    --btn-size: var(--rem-14);
  }
  @media (min-width: 48rem) {
    .form-subscribe {
      padding-inline: 0;
    }
    .form-subscribe .btn {
      flex-shrink: 0;
    }
  }
  @media (min-width: 64rem) {
    .form-subscribe__form {
      height: 3.5rem;
    }
    .form-subscribe__input {
      padding-inline: var(--rem-24);
    }
    .form-subscribe .btn {
      --btn-padding: var(--rem-20);
      --btn-size: var(--rem-16);
    }
  }
  .color-block {
    --color-block-border-radius: var(--fluid-30-40);
    --color-block-color-bg: var(--color-block-color-accent, var(--color-accent-1));
    --color-block-color-accent-default: oklch(
      from var(--color-block-color-bg) calc(l - 0.0334) calc(c + 0.0178) h
    );
    --color-block-lines-stroke: 50;
    --color-block-lines-stroke-desktop: 60;
    position: relative;
    border-radius: var(--color-block-border-radius);
    transition: color var(--transition-base), background-color var(--transition-base);
    background-color: var(--color-block-color-bg);
    overflow: clip;
    isolation: isolate;
  }
  .color-block__lines {
    position: absolute;
    z-index: var(--z-negative);
    width: calc(var(--color-block-lines-width) / 16 * 1rem);
    max-width: none;
    color: var(--color-block-color-accent, var(--color-block-color-accent-default));
    transition: color var(--transition-base);
    pointer-events: none;
    stroke-width: calc(var(--color-block-lines-stroke) / 16 * 1rem);
  }
  .color-block__lines.__v1 {
    inset: var(--color-block-lines-inset, -1.875rem -9.6875rem auto auto);
  }
  .color-block__lines.__v2 {
    inset: var(--color-block-lines-inset, -14.1875rem -5.3125rem auto auto);
  }
  .color-block__lines.__v3 {
    inset: var(--color-block-lines-inset, -2.1875rem -7.5rem auto auto);
  }
  .color-block__lines.__v4 {
    inset: var(--color-block-lines-inset, -1.75rem -7.0625rem auto auto);
  }
  .color-block__lines.__v5 {
    inset: var(--color-block-lines-inset, -8.25rem -6.5625rem auto auto);
  }
  .color-block__lines.__v6 {
    inset: var(--color-block-lines-inset, -6.75rem -3.4375rem auto auto);
  }
  .color-block__lines.__v7 {
    inset: var(--color-block-lines-inset, -4.0625rem auto auto -2.5625rem);
  }
  .color-block__lines.__v8 {
    inset: var(--color-block-lines-inset, -4.6875rem auto auto -10.625rem);
  }
  .color-block__lines.__v9 {
    inset: var(--color-block-lines-inset, -8.8125rem auto auto -8rem);
  }
  .color-block__lines.__v10 {
    inset: var(--color-block-lines-inset, -1.3125rem auto auto -2.6875rem);
  }
  .color-block__lines.__v11 {
    inset: var(--color-block-lines-inset, -2.5rem auto auto -1.875rem);
  }
  .color-block__lines.__v12 {
    inset: var(--color-block-lines-inset, -2.875rem auto auto -2.25rem);
  }
  .color-block__lines.__v13 {
    inset: var(--color-block-lines-inset, -3.9375rem auto auto -3.3125rem);
  }
  .color-block__lines.__v14 {
    inset: var(--color-block-lines-inset, -2.75rem auto auto -4.6875rem);
  }
  .color-block__lines.__v15 {
    inset: var(--color-block-lines-inset, -8.5rem -5.625rem auto auto);
  }
  .color-block.__surface {
    --color-block-color-bg: var(--color-accent-1);
    --color-block-color-accent: oklch(
      from var(--color-block-color-bg) calc(l - 0.0275) calc(c + 0.0017) h
    );
  }
  .color-block.__surface-1 {
    --color-block-color-bg: var(--color-surface-1);
    --color-block-color-accent: oklch(
      from var(--color-block-color-bg) calc(l - 0.0334) calc(c + 0.0178) h
    );
  }
  .color-block.__surface-2 {
    --color-block-color-bg: var(--color-surface-2);
    --color-block-color-accent: oklch(
      from var(--color-block-color-bg) calc(l - 0.0334) calc(c + 0.0178) h
    );
  }
  .color-block.__surface-3 {
    --color-block-color-bg: var(--color-surface-3);
    --color-block-color-accent: oklch(
      from var(--color-block-color-bg) calc(l - 0.0334) calc(c + 0.0178) h
    );
  }
  .color-block.__surface-4 {
    --color-block-color-bg: var(--color-surface-4);
    --color-block-color-accent: oklch(
      from var(--color-block-color-bg) calc(l - 0.0334) calc(c + 0.0178) h
    );
  }
  .color-block.__surface-5 {
    --color-block-color-bg: var(--color-surface-5);
    --color-block-color-accent: oklch(
      from var(--color-block-color-bg) calc(l - 0.0334) calc(c + 0.0178) h
    );
  }
  .color-block.__surface-6 {
    --color-block-color-bg: var(--color-surface-6);
    --color-block-color-accent: oklch(
      from var(--color-block-color-bg) calc(l - 0.0334) calc(c + 0.0178) h
    );
  }
  .color-block.__surface-7 {
    --color-block-color-bg: var(--color-surface-7);
    --color-block-color-accent: oklch(
      from var(--color-block-color-bg) calc(l - 0.0334) calc(c + 0.0178) h
    );
  }
  .color-block.__surface-8 {
    --color-block-color-bg: var(--color-surface-8);
    --color-block-color-accent: oklch(
      from var(--color-block-color-bg) calc(l - 0.0334) calc(c + 0.0178) h
    );
  }
  .color-block.__surface-8 {
    --color-block-color-accent: var(--color-surface-4);
  }
  @media (min-width: 48rem) {
    .color-block__lines.__v1 {
      inset: var(--color-block-lines-inset-desktop, -1.875rem -2.3125rem auto auto);
    }
    .color-block__lines.__v2 {
      inset: var(--color-block-lines-inset-desktop, -20.3125rem -5.3125rem auto auto);
    }
    .color-block__lines.__v3 {
      inset: var(--color-block-lines-inset-desktop, -0.625rem -7.5rem auto auto);
    }
    .color-block__lines.__v4 {
      inset: var(--color-block-lines-inset-desktop, -4.875rem -4.625rem auto auto);
    }
    .color-block__lines.__v5 {
      inset: var(--color-block-lines-inset-desktop, -4.5rem -3.375rem auto auto);
    }
    .color-block__lines.__v6 {
      inset: var(--color-block-lines-inset-desktop, -4.6875rem -5.8125rem auto auto);
    }
    .color-block__lines.__v7 {
      inset: var(--color-block-lines-inset-desktop, -7.3125rem auto auto -2.125rem);
    }
    .color-block__lines.__v8 {
      inset: var(--color-block-lines-inset-desktop, -7.25rem auto auto -5.9375rem);
    }
    .color-block__lines.__v9 {
      inset: var(--color-block-lines-inset-desktop, -11.375rem auto auto -5.8125rem);
    }
    .color-block__lines.__v10 {
      inset: var(--color-block-lines-inset-desktop, -2.125rem auto auto -1.25rem);
    }
    .color-block__lines.__v11 {
      inset: var(--color-block-lines-inset-desktop, -1.875rem auto auto -0.3125rem);
    }
    .color-block__lines.__v12 {
      inset: var(--color-block-lines-inset-desktop, -2.1875rem auto auto -3.5rem);
    }
    .color-block__lines.__v13 {
      inset: var(--color-block-lines-inset-desktop, -6rem auto auto -3.3125rem);
    }
    .color-block__lines.__v14 {
      inset: var(--color-block-lines-inset-desktop, -3.875rem auto auto -5.375rem);
    }
    .color-block__lines.__v15 {
      inset: var(--color-block-lines-inset-desktop, -7.5rem -3.4375rem auto auto);
    }
  }
  @media (min-width: 64rem) {
    .color-block__lines.__v1 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 20) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 20) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v2 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 37) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 37) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v3 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 24) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 24) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v4 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 22) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 22) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v5 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 0) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 0) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v6 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 15) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 15) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v7 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 28) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 28) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v8 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 34) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 34) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v9 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 22) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 22) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v10 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 29) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 29) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v11 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 32) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 32) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v12 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 22) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 22) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v13 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 19) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 19) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v14 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 33) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 33) / 100) / 16 * 1rem);
    }
    .color-block__lines.__v15 {
      --color-block-lines-stroke: calc(
        var(--color-block-lines-stroke-desktop) *
          (1 - var(--color-block-lines-scale, 12) / 100)
      );
      width: calc(var(--color-block-lines-width) * (1 + var(--color-block-lines-scale, 12) / 100) / 16 * 1rem);
    }
  }
  .tool-block {
    --tool-block-gap: clamp(1rem, 0.7832369942rem + 0.9248554913vw, 1.5rem);
    --tool-block-padding: var(--fluid-24-32);
    --tool-block-padding-wide: clamp(2rem, -0.2372881356rem + 4.6610169492vw, 3.375rem);
    --tool-block-illustration-max-size: 22.8125rem;
    --tool-block-body-inner-gap: var(--rem-8);
    --tool-block-title-size: clamp(1.5rem, 1.3916184971rem + 0.4624277457vw, 1.75rem);
    --tool-block-title-color: var(--color-text);
    --tool-block-text-size: var(--fluid-16-18);
    --tool-block-text-color: var(--color-text-base);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--tool-block-gap);
  }
  .tool-block:has(.btn) {
    --tool-block-illustration-max-size: 20rem;
  }
  .tool-block__illustration {
    aspect-ratio: 1.35;
    max-height: var(--tool-block-illustration-max-size);
    width: 100%;
    flex-shrink: 0;
  }
  .tool-block__illustration + .tool-block__body {
    padding-block-start: 0;
  }
  .tool-block__illustration img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .tool-block__lines {
    position: relative;
    overflow: clip;
    min-height: 14.375rem;
    flex-shrink: 0;
    padding: var(--tool-block-padding);
    padding-block-end: 0;
  }
  .tool-block__lines .color-block__lines {
    --color-block-lines-stroke: 64;
    inset: 50% clamp(-4rem, -5.0838150289rem + 4.6242774566vw, -1.5rem) auto auto;
    translate: 0 -50%;
    scale: 0.6;
    transform-origin: right;
  }
  .tool-block__ico {
    --ico-size: clamp(3.5rem, 3.012283237rem + 2.0809248555vw, 4.625rem);
    --ico-stroke: 2.5;
    padding: var(--rem-16);
    display: inline-flex;
    border-radius: 50%;
    color: var(--color-white);
    background-color: var(--color-black);
  }
  .tool-block__body {
    padding: var(--tool-block-padding);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-end;
    gap: clamp(1rem, 0.7832369942rem + 0.9248554913vw, 1.5rem);
  }
  .tool-block__body-inner {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: var(--tool-block-body-inner-gap);
  }
  .tool-block__title {
    font-size: var(--tool-block-title-size);
    line-height: 1.2;
    font-weight: 700;
    text-wrap: balance;
    color: var(--tool-block-title-color);
  }
  .tool-block__title.__sm {
    --tool-block-title-size: clamp(1.25rem, 1.0332369942rem + 0.9248554913vw, 1.75rem);
  }
  .tool-block__title.__lg {
    --tool-block-title-size: clamp(1.5rem, 1.1748554913rem + 1.387283237vw, 2.25rem);
  }
  .tool-block__text {
    font-size: var(--tool-block-text-size);
    line-height: 1.4;
    color: var(--tool-block-text-color);
  }
  .tool-block__text.__lg {
    --tool-block-text-size: var(--fluid-16-20);
  }
  .tool-block .btn {
    flex-shrink: 0;
    margin-block-start: auto;
  }
  @container (min-width: 46.0456647399rem) {
    .tool-block:not(.__static) {
      flex-direction: row;
      gap: 0;
      align-items: center;
    }
    .tool-block:not(.__static).__higher {
      padding-block: var(--rem-32);
    }
    .tool-block:not(.__static) .tool-block__illustration {
      max-height: none;
      margin-inline: 0;
      flex-shrink: 0;
      width: 51%;
      order: 1;
    }
    .tool-block:not(.__static) .tool-block__illustration + .tool-block__body {
      padding-block-start: var(--tool-block-padding-wide);
    }
    .tool-block:not(.__static) .tool-block__body {
      padding: var(--tool-block-padding-wide);
      height: auto;
      width: 49%;
    }
    .tool-block:not(.__static) .btn {
      margin-block-start: 0;
    }
  }
  .func-block {
    --func-block-gap: clamp(1rem, 0.5664739884rem + 1.8497109827vw, 2rem);
    --func-block-padding: clamp(1.125rem, 0.7456647399rem + 1.6184971098vw, 2rem) clamp(0.875rem, 0.387283237rem + 2.0809248555vw, 2rem);
    --func-block-ico-container-size: clamp(4.25rem, 3.8164739884rem + 1.8497109827vw, 5.25rem);
    --func-block-ico-padding: clamp(0.625rem, 0.5437138728rem + 0.3468208092vw, 0.8125rem);
    --func-block-body-gap: var(--rem-6);
    --func-block-title-size: clamp(1.125rem, 0.9624277457rem + 0.6936416185vw, 1.5rem);
    --func-block-text-size: var(--rem-16);
    display: flex;
    flex-direction: column;
    gap: var(--func-block-gap);
    padding: var(--func-block-padding);
    height: 100%;
  }
  .func-block__ico {
    --ico-container-size: var(--func-block-ico-container-size);
    --ico-size: auto;
    --ico-stroke: 1.5;
    border-radius: 50%;
    color: var(--color-white);
    background-color: var(--color-black);
    align-self: start;
    padding: var(--func-block-ico-padding);
  }
  .func-block__body {
    display: flex;
    flex-direction: column;
    gap: var(--func-block-body-gap);
    flex-shrink: 0;
  }
  .func-block__title {
    font-size: var(--func-block-title-size);
    line-height: 1.2;
    font-weight: 700;
    text-wrap: balance;
  }
  .func-block__text {
    font-size: var(--func-block-text-size);
    line-height: 1.4;
    color: var(--color-text-base);
  }
  .resource-block {
    --resource-block-gap: var(--rem-14);
    --resource-block-min-height: 0;
    --resource-block-padding: var(--fluid-24-32);
    --resource-block-padding-right: 5.375rem;
    --resource-block-body-gap: var(--rem-8);
    --resource-block-title-size: clamp(1.375rem, 1.3208092486rem + 0.2312138728vw, 1.5rem);
    --resource-block-text-size: clamp(0.875rem, 0.8208092486rem + 0.2312138728vw, 1rem);
    --resource-block-text-color: var(--color-text-base);
    --resource-block-arrow-offset: var(--rem-20);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--resource-block-gap);
    min-height: var(--resource-block-min-height);
    padding: var(--resource-block-padding);
    padding-inline-end: var(--resource-block-padding-right);
    justify-content: space-between;
  }
  .resource-block:focus-visible {
    background-color: var(--color-block-color-accent);
  }
  .resource-block:focus-visible .color-block__lines {
    color: var(--color-block-color-bg);
  }
  .resource-block:focus-visible .resource-block__title {
    text-decoration: underline;
  }
  .resource-block:focus-visible .ico.__circle-arrow {
    color: var(--color-white);
    background-color: var(--color-black);
  }
  @media (hover: hover) {
    .resource-block:hover {
      background-color: var(--color-block-color-accent);
    }
    .resource-block:hover .color-block__lines {
      color: var(--color-block-color-bg);
    }
    .resource-block:hover .resource-block__title {
      text-decoration: underline;
    }
    .resource-block:hover .ico.__circle-arrow {
      color: var(--color-white);
      background-color: var(--color-black);
    }
  }
  .resource-block__ico {
    --ico-size: 3.875rem;
    align-self: flex-start;
  }
  .resource-block__body {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: var(--resource-block-body-gap);
  }
  .resource-block__title {
    font-size: var(--resource-block-title-size);
    line-height: 1.2;
    font-weight: 300;
    text-wrap: balance;
  }
  .resource-block__text {
    font-size: var(--resource-block-text-size);
    line-height: 1.4;
    color: var(--resource-block-text-color);
    transition: color var(--transition-base);
  }
  .resource-block__link {
    position: absolute;
    inset: 0;
    border-radius: inherit;
  }
  .resource-block__link:focus-visible {
    outline-offset: -2px;
  }
  .resource-block .ico.__circle-arrow {
    --ico-padding: 0.625rem;
    position: absolute;
    inset-block-end: var(--resource-block-arrow-offset);
    inset-inline-end: var(--resource-block-arrow-offset);
    color: var(--resource-block-text-color);
    transition: color var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);
    border-color: var(--resource-block-text-color);
  }
  .resource-block.__white-black {
    --resource-block-text-color: var(--color-white);
    color: var(--color-white);
  }
  .resource-block.__white-black:focus-visible {
    --resource-block-text-color: var(--color-text-base);
    color: var(--color-black);
  }
  @media (hover: hover) {
    .resource-block.__white-black:hover {
      --resource-block-text-color: var(--color-text-base);
      color: var(--color-black);
    }
  }
  @media (min-width: 48rem) {
    .resource-block {
      justify-content: flex-end;
    }
  }
  .client-feedback {
    --client-feedback-padding: clamp(1.5rem, 1.3916184971rem + 0.4624277457vw, 1.75rem);
    display: flex;
    flex-direction: column;
  }
  .client-feedback__illustration {
    padding: clamp(1.75rem, -1.212962963rem + 4.6296296296vw, 2.375rem);
  }
  .client-feedback__illustration img {
    border-radius: var(--rem-12);
    border: 1px solid var(--color-accent-3);
    margin-inline: auto;
    object-fit: contain;
    max-height: 35.625rem;
  }
  .client-feedback__body {
    margin: var(--client-feedback-padding);
    height: 12.125rem;
    font-size: var(--rem-14);
    line-height: 1.4;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .client-feedback__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--client-feedback-padding);
    flex-shrink: 0;
    padding: var(--client-feedback-padding);
    padding-block-start: 0;
  }
  .client-feedback .user {
    --user-gap: var(--rem-12);
    --user-avatar-size: 2.625rem;
  }
  .client-feedback .ico {
    --ico-size: clamp(1.3125rem, 2.2980491329rem + -1.2716763006vw, 2rem);
    --ico-padding: clamp(0.25rem, 0.3395953757rem + -0.1156069364vw, 0.3125rem);
    --ico-border-radius: clamp(0.5rem, 1.2167630058rem + -0.9248554913vw, 1rem);
    padding: var(--ico-padding);
    border-radius: var(--ico-border-radius);
    background-color: var(--color-white);
  }
  @media (min-width: 64rem) {
    .client-feedback__body {
      gap: 1.4em;
      display: flex;
      flex-direction: column;
      align-items: start;
      font-size: clamp(0.9375rem, 0.6412037037rem + 0.462962963vw, 1rem);
      height: auto;
    }
    .client-feedback__footer {
      border-block-start: 1px solid var(--color-accent-4);
      padding-block: var(--rem-12) var(--rem-18);
    }
  }
  .glossary-head {
    display: contents;
  }
  .glossary-head__title {
    margin: 0;
  }
  .glossary-head__text {
    font-size: var(--fluid-16-20);
    line-height: 1.4;
    color: var(--color-text-base);
  }
  .glossary-head__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--rem-8);
    text-align: center;
    margin-block-end: var(--rem-6);
  }
  .glossary-head__form {
    --form-border: 1px solid var(--color-accent-3);
    --form-border-radius: var(--rem-16);
    --form-gap: var(--rem-14);
    --form-height: clamp(3rem, 2.6206647399rem + 1.6184971098vw, 3.875rem);
    --form-input-border-radius: var(--rem-12);
    --form-popover-offset: var(--rem-8);
    --form-popover-padding: clamp(0.375rem, 0.3208092486rem + 0.2312138728vw, 0.5rem);
    --form-popover-height: 12.5rem;
    width: 100%;
    height: var(--form-height);
    position: sticky;
    top: calc(var(--header-height) + var(--container-padding));
    z-index: var(--z-sticky);
    border: var(--form-border);
    border-radius: var(--form-border-radius);
    padding: var(--rem-4);
    display: flex;
    gap: var(--form-gap);
    background-color: var(--color-bg);
  }
  .glossary-head__form:focus-within .glossary-head__input:not(:placeholder-shown) ~ .glossary-head__popover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    translate: 0 var(--form-popover-offset);
    transition-delay: 100ms;
  }
  .glossary-head__form:focus-within .glossary-head__input:not(:placeholder-shown) ~ .glossary-head__popover:empty {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    translate: 0 0;
  }
  .glossary-head__input {
    width: 100%;
    padding-inline: clamp(0.625rem, 0.4624277457rem + 0.6936416185vw, 1rem);
    border-radius: var(--form-input-border-radius);
  }
  .glossary-head__input::placeholder {
    opacity: 1;
    color: var(--color-text-secondary);
  }
  .glossary-head__input::-webkit-search-decoration, .glossary-head__input::-webkit-search-cancel-button, .glossary-head__input::-webkit-search-results-button, .glossary-head__input::-webkit-search-results-decoration {
    display: none;
    appearance: none;
  }
  .glossary-head__input::-ms-clear, .glossary-head__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
  }
  .glossary-head__input:not(:placeholder-shown) ~ .glossary-head__btn {
    display: none;
  }
  .glossary-head__input:not(:placeholder-shown) ~ .glossary-head__btn.__reset {
    display: block;
  }
  .glossary-head__btn {
    flex-shrink: 0;
    max-height: 100%;
    aspect-ratio: 1;
    color: var(--color-text-muted);
    transition: color var(--transition-base);
    border-radius: var(--form-input-border-radius);
  }
  .glossary-head__btn:focus-visible {
    color: var(--color-black);
  }
  @media (hover: hover) {
    .glossary-head__btn:hover {
      color: var(--color-black);
    }
  }
  .glossary-head__btn.__reset {
    display: none;
  }
  .glossary-head__btn .ico {
    --ico-size: clamp(1.5rem, 1.2290462428rem + 1.1560693642vw, 2.125rem);
    --ico-stroke: 2;
  }
  .glossary-head__popover {
    position: absolute;
    inset: 100% -1px auto;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    background-color: var(--color-bg);
    border: var(--form-border);
    border-radius: var(--form-border-radius);
    overflow: clip;
    transition: opacity var(--transition-base), translate var(--transition-base);
    font-size: var(--fluid-16-18);
    line-height: 1.4;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
  }
  .glossary-head__list {
    padding: var(--form-popover-padding);
    overflow: auto;
    max-height: min(100dvh - var(--header-height) - var(--main-padding-top) - var(--form-height) - var(--form-popover-offset), var(--form-popover-height));
  }
  .glossary-head__list .link {
    --link-color-hover: var(--color-black);
    --link-decoration-hover: none;
    --link-transition: color var(--transition-base), background-color var(--transition-base);
    display: block;
    padding: var(--form-popover-padding) clamp(0.5rem, 0.3916184971rem + 0.4624277457vw, 0.75rem);
    border-radius: var(--form-input-border-radius);
  }
  .glossary-head__list .link:focus-visible {
    background-color: var(--color-accent-1);
  }
  @media (hover: hover) {
    .glossary-head__list .link:hover {
      background-color: var(--color-accent-1);
    }
  }
  .glossary-head__info {
    padding: clamp(0.75rem, 0.6416184971rem + 0.4624277457vw, 1rem) clamp(0.875rem, 0.7124277457rem + 0.6936416185vw, 1.25rem);
    text-align: center;
    margin-inline: auto;
  }
  @media (min-width: 64rem) {
    .glossary-head {
      display: flex;
      gap: clamp(2.25rem, -0.1203703704rem + 3.7037037037vw, 2.75rem);
      align-items: center;
    }
    .glossary-head__title {
      white-space: nowrap;
    }
    .glossary-head__body {
      align-items: flex-start;
      text-align: left;
    }
    .glossary-head__form {
      --form-popover-height: 18.75rem;
      position: relative;
      top: auto;
      z-index: auto;
    }
    .glossary-head__btn .ico {
      --ico-stroke: 1.5;
    }
    .glossary-head__popover {
      z-index: calc(var(--z-sticky) + 10);
    }
  }
  .glossary-articles {
    padding: var(--fluid-24-32);
  }
  .glossary-articles__letter {
    font-size: clamp(2.25rem, 1.5455202312rem + 3.0057803468vw, 3.875rem);
    font-weight: 700;
    line-height: 1;
    margin-block-end: clamp(0.5rem, 0.2290462428rem + 1.1560693642vw, 1.125rem);
    scroll-margin-top: clamp(4.375rem, 3.4537572254rem + 3.9306358382vw, 6.5rem);
  }
  .glossary-articles__list {
    font-size: var(--fluid-16-18);
    line-height: 1.2;
    color: var(--color-text-base);
  }
  .glossary-articles__list-item + .glossary-articles__list-item {
    margin-block-start: clamp(0.5rem, 0.3916184971rem + 0.4624277457vw, 0.75rem);
  }
  .glossary-articles__list-item .link {
    --link-color-hover: inherit;
  }
  @media (min-width: 48rem) {
    .glossary-articles__list {
      columns: 2;
    }
    .glossary-articles__list-item {
      -webkit-column-break-inside: avoid;
      break-inside: avoid;
    }
  }
  @media (min-width: 64rem) {
    .glossary-articles__letter {
      font-weight: 800;
    }
    .glossary-articles__list {
      columns: 3;
    }
  }
  .sticky-letters {
    display: none;
  }
  @media (min-width: 64rem) {
    .sticky-letters {
      --sticky-letters-size: 2.625rem;
      position: sticky;
      top: calc(var(--header-height) + var(--container-padding));
      z-index: var(--z-sticky);
      padding: clamp(0.625rem, 0.0324074074rem + 0.9259259259vw, 0.75rem);
      border-radius: var(--rem-20);
      background-color: var(--color-surface-2);
      display: flex;
      justify-content: space-between;
    }
    .sticky-letters__item {
      flex-grow: 0;
      flex-basis: var(--sticky-letters-size);
      container-type: inline-size;
    }
    .sticky-letters .link {
      --link-color-hover: var(--color-white);
      --link-decoration-hover: none;
      --link-transition: color var(--transition-base), background-color var(--transition-base);
      aspect-ratio: 1;
      display: flex;
      text-align: center;
      align-items: center;
      justify-content: center;
      border-radius: var(--rem-12);
      max-height: var(--sticky-letters-size);
      margin-inline: auto;
      font-size: 45cqi;
    }
    .sticky-letters .link.__active {
      background-color: var(--color-black);
      color: var(--link-color-hover);
    }
    .sticky-letters .link:focus-visible {
      background-color: var(--color-black);
    }
  }
  @media (min-width: 64rem) and (hover: hover) {
    .sticky-letters .link:hover {
      background-color: var(--color-black);
    }
  }
  .article {
    overflow: clip;
  }
  .article > * + .article__isolate {
    margin-block-start: 1.75rem;
  }
  @scope (&) to (.article__isolate) {
    .article :is(h1, h2, h3, h4, h5, h6) {
      margin: 0;
      padding: 0;
      line-height: 1.2;
    }
    .article h2 {
      font-size: clamp(1.25rem, 1.0332369942rem + 0.9248554913vw, 1.75rem);
    }
    .article h3 {
      font-size: clamp(1.125rem, 0.9624277457rem + 0.6936416185vw, 1.5rem);
    }
    .article h4 {
      font-size: clamp(1rem, 0.8374277457rem + 0.6936416185vw, 1.375rem);
    }
    .article :is(p, ul, ol, li, table, img) {
      color: var(--color-text-base);
      font-size: var(--fluid-16-20);
      line-height: 1.4;
    }
    .article :is(p, ul, ol, li) {
      overflow-wrap: anywhere;
    }
    .article p {
      max-width: 65ch;
    }
    .article p:has(img) {
      max-width: none;
    }
    .article ul {
      list-style-type: disc;
      padding-inline-start: 1.4em;
    }
    .article ol {
      list-style-type: decimal;
      padding-inline-start: 3ch;
    }
    .article li {
      max-width: 65ch;
    }
    .article li::marker {
      font-size: 0.9em;
    }
    .article table {
      display: block;
      overflow-x: auto;
    }
    .article table tr {
      border-block-end: 1px solid var(--color-accent-4);
    }
    .article table tr td {
      padding-block: 1em;
      padding-inline: 1em 0;
    }
    .article table tr td:last-child {
      padding-inline-end: 1em;
    }
    .article table :is(td, p) {
      font-size: clamp(0.875rem, 0.8208092486rem + 0.2312138728vw, 1rem);
    }
    .article img {
      border-radius: clamp(1rem, 0.6206647399rem + 1.6184971098vw, 1.875rem);
      border: 1px solid var(--color-accent-3);
    }
    .article small {
      color: var(--color-accent-2);
      font-size: clamp(0.875rem, 0.8479046243rem + 0.1156069364vw, 0.9375rem);
      display: block;
    }
    .article a:not(.heading-anchor) {
      color: var(--color-primary);
      text-decoration: underline;
      transition: color var(--transition-base);
    }
    .article a:not(.heading-anchor):focus-visible {
      color: inherit;
      text-decoration: underline;
    }
    @media (hover: hover) {
      .article a:not(.heading-anchor):hover {
        color: inherit;
        text-decoration: underline;
      }
    }
    .article > * + * {
      margin-block-start: 1.4em;
    }
    .article > * + :is(h2, h3, h4) {
      margin-block-start: 2em;
    }
    .article > :is(h2, h3, h4) + * {
      margin-block-start: 0.6em;
    }
    .article > p + :is(ul, ol) {
      margin-block-start: 0.4em;
    }
    .article > p:has(img) + :is(ul, ol) {
      margin-block-start: 1.4em;
    }
    .article > p:has(strong, b) + :is(ul, ol) {
      margin-block-start: 0;
    }
    @media (max-width: 47.99875rem) {
      .article :is(h1, h2, h3, h4, h5, h6) {
        padding-inline: var(--rem-8);
      }
      .article > p:not(:has(img)) {
        padding-inline: var(--rem-8);
      }
      .article ul {
        padding-inline: calc(1.4em + var(--rem-8)) var(--rem-8);
      }
      .article ol {
        padding-inline: calc(3ch + var(--rem-8)) var(--rem-8);
      }
    }
  }
  .toc {
    --toc-padding: var(--rem-24);
    --toc-gap: clamp(0.875rem, 0.7666184971rem + 0.4624277457vw, 1.125rem);
    --toc-border-radius: 1.875rem;
    display: flex;
    flex-direction: column;
    gap: var(--toc-gap);
    border: 1px solid var(--color-accent-3);
    border-radius: var(--toc-border-radius);
    color: var(--color-text-base);
    overflow: clip;
    overflow-wrap: anywhere;
    contain: content;
    background-color: var(--color-bg);
  }
  .toc:not(:has(.toc__list)) {
    display: none;
  }
  .toc__btn-open {
    align-self: flex-end;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: oklch(from var(--color-accent-3) l c h/20%);
    backdrop-filter: blur(10px);
    color: var(--color-primary);
    margin-inline-end: 0.5625rem;
  }
  .toc__btn-open .ico {
    --ico-size: 3rem;
  }
  .toc__btn-close {
    align-self: flex-end;
    padding: 0.4375rem;
    margin: var(--rem-8);
    flex-shrink: 0;
    color: var(--color-accent-3);
    transition: color var(--transition-base);
  }
  .toc__btn-close:focus-visible {
    color: var(--color-black);
  }
  @media (hover: hover) {
    .toc__btn-close:hover {
      color: var(--color-black);
    }
  }
  .toc__btn-close .ico {
    --ico-size: 2.125rem;
  }
  .toc__title {
    padding: var(--toc-padding);
    padding-block-end: 0;
    flex-shrink: 0;
    font-size: var(--rem-18);
    font-weight: 700;
    line-height: 1.2;
  }
  .toc__title + .toc__list {
    padding-block-start: 0;
  }
  .toc__list {
    overflow: auto;
    padding: var(--toc-padding);
    font-size: var(--rem-16);
    line-height: 1.4;
    counter-reset: item;
  }
  .toc__list.__ordered li:has(> .link) {
    display: flex;
    align-items: flex-start;
    gap: var(--rem-4);
  }
  .toc__list.__ordered li:has(> .link)::before {
    content: counters(item, ".") ".";
    counter-increment: item;
    flex-shrink: 0;
    pointer-events: none;
  }
  .toc__list.__collapsible li.__collapsed {
    display: none;
    opacity: 0;
    scale: 0;
    transform-origin: 0 0;
    transition: display var(--transition-base) allow-discrete, opacity var(--transition-base), scale var(--transition-base);
  }
  .toc__list.__collapsible li.__collapsed:has(.__active) {
    display: block;
    opacity: 1;
    scale: 1;
  }
  @starting-style {
    .toc__list.__collapsible li.__collapsed:has(.__active) {
      opacity: 0;
      scale: 0;
    }
  }
  .toc__list.__collapsible li:not(.__collapsed):has(.__active) + .__collapsed {
    display: block;
    opacity: 1;
    scale: 1;
  }
  @starting-style {
    .toc__list.__collapsible li:not(.__collapsed):has(.__active) + .__collapsed {
      opacity: 0;
      scale: 0;
    }
  }
  .toc__list ul {
    counter-reset: item;
    font-size: 0.9375rem;
    padding-block-end: var(--rem-8);
  }
  .toc__list ul ul {
    padding-block-end: 0;
  }
  .toc__list li + li {
    margin-block-start: clamp(0.5rem, 0.3916184971rem + 0.4624277457vw, 0.75rem);
  }
  .toc__list li.__indent-1 {
    padding-inline-start: calc(var(--rem-12) * 1);
    font-size: 0.9375rem;
  }
  .toc__list li.__indent-2 {
    padding-inline-start: calc(var(--rem-12) * 2);
    font-size: 0.9375rem;
  }
  .toc__list li.__indent-3 {
    padding-inline-start: calc(var(--rem-12) * 3);
    font-size: 0.9375rem;
  }
  .toc__list li.__indent-4 {
    padding-inline-start: calc(var(--rem-12) * 4);
    font-size: 0.9375rem;
  }
  .toc__list .link {
    --link-color: var(--color-primary);
    --link-color-hover: inherit;
  }
  .toc__list .link.__active {
    --link-color: inherit;
  }
  @media (max-width: 47.99875rem) {
    .toc[popover] {
      --toc-gap: 0;
      display: none;
      opacity: 0;
      scale: 0.8;
      transform-origin: 100% 0;
      max-height: calc(100dvh - var(--header-height) - var(--container-padding) * 2);
      inset: calc(var(--header-height) + var(--container-padding) - 0.5625rem) var(--container-padding) auto;
      width: auto;
    }
    .toc[popover]::backdrop {
      background-color: oklch(from var(--color-black) l c h/50%);
      display: none;
    }
    .toc[popover]:popover-open {
      display: flex;
      opacity: 1;
      scale: 1;
      transition: display var(--transition-base) allow-discrete, opacity var(--transition-base), scale var(--transition-base);
    }
    @starting-style {
      .toc[popover]:popover-open {
        opacity: 0;
        scale: 0.8;
      }
    }
    .toc[popover]:popover-open::backdrop {
      opacity: 1;
      display: block;
      transition: display var(--transition-slow) allow-discrete, opacity var(--transition-slow);
    }
    @starting-style {
      .toc[popover]:popover-open::backdrop {
        opacity: 0;
      }
    }
    .toc__btn-close + .toc__list {
      padding-block-start: 0;
    }
  }
  @media (min-width: 48rem) {
    .toc {
      max-height: calc(100dvh - var(--header-height) - var(--container-padding) * 2);
      position: sticky;
      top: calc(var(--header-height) + var(--container-padding));
      z-index: var(--z-sticky);
    }
    :is(.toc__btn-open, .toc__btn-close) {
      display: none;
    }
  }
  @media (min-width: 64rem) {
    .toc__list ul {
      padding-inline-start: var(--rem-18);
    }
  }
  @container (max-width: 21.935rem) {
    .toc__list {
      font-size: var(--rem-15);
      padding: var(--toc-padding) var(--rem-18);
    }
    .toc__list ul {
      font-size: var(--rem-14);
      padding-inline-start: 0;
    }
  }
  .heading-anchor {
    color: var(--color-primary);
    margin-inline-start: 0.4em;
    text-decoration: none;
    opacity: 0;
    transition: color var(--transition-base), opacity var(--transition-base), translate var(--transition-base);
    display: inline-block;
    translate: -0.25em;
  }
  @media (hover: hover) {
    .heading-anchor:hover {
      color: inherit;
    }
  }
  @media (any-hover: none) {
    .heading-anchor {
      display: none;
    }
  }
  @media (hover: hover) {
    :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):hover .heading-anchor {
      opacity: 1;
      translate: 0;
    }
  }
  .lesson {
    --lesson-padding: clamp(1.125rem, 0.9624277457rem + 0.6936416185vw, 1.5rem);
    padding: var(--lesson-padding);
    counter-increment: block;
    counter-reset: item;
  }
  .lesson__list {
    display: flex;
    flex-direction: column;
    gap: clamp(1.75rem, 1.2080924855rem + 2.3121387283vw, 3rem);
    counter-reset: block;
  }
  .lesson__list .link {
    --link-color: var(--color-primary);
    --link-color-hover: inherit;
    --link-decoration: underline;
  }
  .lesson__body + .lesson__body::before {
    content: "";
    display: block;
    height: 1px;
    background-color: var(--color-bg);
    margin-block: clamp(1.125rem, 0.5830924855rem + 2.3121387283vw, 2.375rem);
    margin-inline: calc(var(--lesson-padding) * -1);
  }
  .lesson__title {
    margin-block-end: var(--rem-16);
  }
  .lesson__subtitle {
    line-height: 1.4;
    margin-block-end: 0;
  }
  .lesson__subtitle::before {
    content: counter(block) "." counter(item) " ";
    counter-increment: item;
  }
  .lesson__text {
    font-size: var(--fluid-16-20);
    line-height: 1.4;
  }
  .lesson__video {
    aspect-ratio: 16/9;
    margin-block-start: clamp(0.75rem, 0.3164739884rem + 1.8497109827vw, 1.75rem);
  }
  .lesson__video iframe {
    height: 100%;
    width: 100%;
    border: 0;
    display: block;
  }
  .lesson__video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .lesson__footer {
    margin-block-start: clamp(0.75rem, 0.3164739884rem + 1.8497109827vw, 1.75rem);
    font-size: clamp(0.875rem, 0.8208092486rem + 0.2312138728vw, 1rem);
    line-height: 1.4;
  }
  .info-block {
    display: flex;
    flex-direction: column;
    gap: var(--rem-12);
    border-radius: 1.875rem;
    border: 1px solid var(--color-accent-3);
    padding: var(--rem-18) var(--rem-24);
  }
  .info-block__body {
    display: flex;
    flex-direction: column;
    gap: var(--fluid-4-8);
  }
  .info-block__state {
    display: flex;
    align-items: flex-start;
    gap: var(--rem-6);
  }
  .info-block__state .ico {
    --ico-size: var(--rem-24);
    color: var(--color-text-muted);
  }
  .info-block__text {
    font-size: clamp(0.875rem, 0.8479046243rem + 0.1156069364vw, 0.9375rem);
    line-height: 1.4;
    color: var(--color-text-base);
    padding-block-start: clamp(0.125rem, 0.1966763006rem + -0.0924855491vw, 0.175rem);
  }
  @container (min-width: 38.125rem) {
    .info-block {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: var(--rem-24);
      padding: var(--rem-24);
    }
  }
  .blog-block {
    --blog-block-gap: var(--rem-8);
    --blog-block-illustration-border-radius: 1.875rem;
    --blog-block-body-gap: var(--rem-8);
    --blog-block-title-size: var(--rem-18);
    --blog-block-info-gap: var(--rem-4);
    --blog-block-info-padding: 0;
    --blog-block-info-size: var(--rem-14);
    --blog-block-badge-height: 1.5625rem;
    --blog-block-text-size: var(--rem-14);
    display: grid;
    gap: var(--blog-block-gap);
    overflow-wrap: anywhere;
    overflow: clip;
  }
  .blog-block__illustration-wrap {
    position: relative;
    overflow: clip;
    aspect-ratio: 1.5;
    border-radius: var(--blog-block-illustration-border-radius);
  }
  .blog-block__illustration img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .blog-block__illustration a {
    position: absolute;
    border-radius: inherit;
    inset: 0;
  }
  .blog-block__body {
    display: flex;
    flex-direction: column;
    gap: var(--blog-block-body-gap);
  }
  .blog-block__body > * {
    flex-shrink: 0;
  }
  .blog-block__title {
    font-size: var(--blog-block-title-size);
    line-height: 1.2;
    font-weight: 700;
    order: 0;
  }
  .blog-block__title .link {
    --link-color-hover: inherit;
  }
  .blog-block__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--blog-block-info-gap);
    padding-inline-end: var(--blog-block-info-padding);
    color: var(--color-text-muted);
    font-size: var(--blog-block-info-size);
    line-height: 1;
    order: 1;
  }
  .blog-block__info > * {
    flex-shrink: 0;
  }
  .blog-block__duration {
    display: flex;
    align-items: center;
    gap: var(--blog-block-info-gap);
  }
  .blog-block__duration .ico {
    --ico-size: var(--rem-24);
  }
  .blog-block__badge {
    --link-color-hover: var(--color-black);
    --link-decoration-hover: none;
    --badge-color: var(--color-blog-blog);
    display: flex;
    align-items: center;
    gap: var(--blog-block-info-gap);
    padding-inline: var(--rem-8);
    border-radius: var(--rem-48);
    background-color: var(--color-accent-1);
    height: var(--blog-block-badge-height);
  }
  .blog-block__badge::before {
    --size: 0.625rem;
    content: "";
    flex-shrink: 0;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: var(--badge-color);
  }
  .blog-block__badge.__blog {
    --badge-color: var(--color-blog-blog);
  }
  .blog-block__badge.__updates {
    --badge-color: var(--color-blog-update);
  }
  .blog-block__badge.__education {
    --badge-color: var(--color-blog-education);
  }
  .blog-block__text {
    font-size: var(--blog-block-text-size);
    line-height: 1.4;
    color: var(--color-text-base);
    order: 2;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .blog-block__rating {
    order: 4;
    display: flex;
    align-items: center;
    gap: var(--rem-8);
  }
  .blog-block__rating-text {
    color: var(--color-text-base);
    font-size: var(--rem-14);
    line-height: 1.4;
  }
  .blog-block .user {
    order: 3;
  }
  .grid .blog-block .user {
    --user-gap: var(--rem-8);
    --user-avatar-size: 2.375rem;
    margin-block-start: var(--rem-6);
  }
  @container (max-width: 21.935rem) {
    .blog-block__duration-text span {
      display: none;
    }
  }
  @media (max-width: 47.99875rem) {
    :is(.blog-block__rating, .user) {
      margin-block-start: 0.625rem;
    }
    .blog-block:has(.blog-block__text) .user {
      padding: var(--rem-16);
      border-radius: var(--rem-20);
      border: 1px solid var(--color-accent-3);
      margin-block-start: var(--rem-4);
    }
  }
  @media (max-width: 63.99875rem) {
    .grid .blog-block .user {
      display: none;
    }
    .slider .blog-block {
      --blog-block-info-padding: var(--rem-14);
    }
  }
  @container (min-width: 21.9375rem) {
    .blog-block {
      --blog-block-gap: var(--rem-12);
      --blog-block-title-size: var(--rem-24);
      --blog-block-badge-height: var(--rem-28);
      --blog-block-text-size: var(--rem-15);
    }
  }
  @media (min-width: 64rem) {
    @container (min-width: 21.9375rem) {
      .blog-block {
        --blog-block-gap: var(--rem-18);
        --blog-block-illustration-border-radius: var(--rem-20);
        --blog-block-body-gap: var(--rem-12);
        --blog-block-text-size: var(--rem-16);
      }
    }
  }
  @container (min-width: 46.0456647399rem) {
    .blog-block {
      --blog-block-gap: var(--fluid-16-20);
      --blog-block-body-gap: var(--rem-12);
      --blog-block-title-size: clamp(1.5rem, -0.7372881356rem + 4.6610169492vw, 2.875rem);
      --blog-block-text-size: clamp(0.9375rem, 0.4290254237rem + 1.0593220339vw, 1.25rem);
      grid-template-columns: repeat(2, 1fr);
    }
    .blog-block__info {
      order: 2;
      margin-block-start: clamp(0.25rem, -0.9703389831rem + 2.5423728814vw, 1rem);
      max-width: 25rem;
    }
    .blog-block__text {
      order: 1;
      margin-block-end: auto;
    }
    .blog-block .user {
      margin-block-start: clamp(0.25rem, -0.9703389831rem + 2.5423728814vw, 1rem);
    }
    .blog-block:not(:has(.blog-block__text)) {
      --blog-block-body-gap: var(--rem-14);
    }
    .blog-block:not(:has(.blog-block__text)) .blog-block__illustration {
      order: 1;
    }
    .blog-block:not(:has(.blog-block__text)) .blog-block__info {
      margin-block-start: 0;
    }
    .blog-block:not(:has(.blog-block__text)) .blog-block__rating {
      order: 1;
      margin-block-end: auto;
    }
    .blog-block:not(:has(.blog-block__text)) .user {
      margin-block-start: 0;
    }
  }
  @container (min-width: 61.7497109827rem) {
    .blog-block {
      --blog-block-illustration-border-radius: 2.5rem;
      --blog-block-info-size: var(--rem-16);
      --blog-block-badge-height: 1.875rem;
    }
    .blog-block__title {
      font-weight: 800;
    }
  }
  .star-rating {
    --star-rating-size: var(--rem-24);
    --star-rating-color: var(--color-accent-3);
    --star-rating-color-active: var(--color-star);
    display: flex;
  }
  .star-rating__wrap {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    gap: var(--rem-8);
  }
  .star-rating__wrap:has(label:hover, :checked) use {
    color: var(--star-rating-color-active);
  }
  .star-rating__wrap:has(:checked) {
    pointer-events: none;
  }
  .star-rating__text {
    flex-shrink: 0;
    color: var(--color-text-base);
    font-size: var(--rem-16);
    line-height: 1.4;
  }
  .star-rating__input:focus-visible ~ .ico {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
    border-radius: 2px;
  }
  .star-rating label {
    cursor: pointer;
  }
  :is(.star-rating label:hover ~ label use, .star-rating label:has(:checked) ~ label use) {
    color: var(--star-rating-color);
  }
  .star-rating .ico {
    --ico-size: var(--star-rating-size);
  }
  .star-rating .ico use {
    color: var(--star-rating-color);
    transition: color var(--transition-base);
  }
  .star-rating .ico use + use {
    color: var(--star-rating-color-active);
  }
  @media (min-width: 48rem) {
    .star-rating__wrap {
      flex-direction: row;
    }
  }
  .share-links {
    --share-links-size: 2.625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--rem-8);
  }
  .share-links__text {
    flex-shrink: 0;
    color: var(--color-text-base);
    font-size: var(--rem-16);
    line-height: 1.4;
  }
  .share-links__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--rem-6);
  }
  .share-links__list li {
    position: relative;
    border-radius: 50%;
    overflow: clip;
    width: var(--share-links-size);
    height: var(--share-links-size);
    flex-shrink: 0;
  }
  .share-links__list a {
    position: absolute;
    border-radius: inherit;
    inset: 0;
  }
  .share-links__list a:focus-visible .ico:last-child {
    opacity: 1;
  }
  @media (hover: hover) {
    .share-links__list a:hover .ico:last-child {
      opacity: 1;
    }
  }
  .share-links__list .ico {
    --ico-size: var(--share-links-size);
    position: absolute;
    border-radius: inherit;
    transition: opacity var(--transition-base);
    inset: 0;
  }
  .share-links__list .ico:first-child {
    background-color: var(--color-accent-3);
    color: var(--color-white);
  }
  .share-links__list .ico:last-child {
    opacity: 0;
  }
  @media (min-width: 48rem) {
    .share-links {
      flex-flow: row wrap;
      gap: var(--rem-12);
    }
  }
  .counter {
    display: inline-flex;
    align-items: center;
  }
  .counter__btn {
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--color-accent-3);
    transition: color var(--transition-base), background-color var(--transition-base);
    color: var(--color-text-base);
  }
  .counter__btn:not(:disabled):focus-visible {
    background-color: var(--color-black);
    color: var(--color-white);
  }
  @media (hover: hover) {
    .counter__btn:not(:disabled):hover {
      background-color: var(--color-black);
      color: var(--color-white);
    }
  }
  .counter__btn .ico {
    --ico-size: var(--rem-24);
    margin: 0.5625rem;
  }
  .counter__input {
    flex-shrink: 0;
    text-align: center;
    height: 100%;
    font-weight: 700;
    font-size: clamp(1.25rem, 1.0332369942rem + 0.9248554913vw, 1.75rem);
    font-variant-numeric: tabular-nums;
    appearance: textfield;
    z-index: 0;
  }
  .counter__input::-webkit-outer-spin-button, .counter__input::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
  }
  .checkbox {
    --checkbox-size: var(--rem-28);
    --checkbox-border-radius: var(--rem-6);
    flex-shrink: 0;
    cursor: pointer;
  }
  .checkbox__mark {
    width: var(--checkbox-size);
    height: var(--checkbox-size);
    border-radius: var(--checkbox-border-radius);
    color: var(--color-white);
    transition: background-color var(--transition-base), border-color var(--transition-base);
    border: 1px solid var(--color-accent-3);
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .checkbox__mark .ico {
    --ico-size: var(--rem-20);
  }
  .checkbox:has(:checked) .checkbox__mark {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }
  input:focus-visible ~ .checkbox__mark {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
    border-radius: "inherit";
  }
  .tariff-block {
    --tariff-block-border-radius: clamp(1.875rem, 1.6040462428rem + 1.1560693642vw, 2.5rem);
    --tariff-block-border-width: 1px;
    --tariff-block-border-color: var(--color-accent-3);
    --tariff-block-bg-color: var(--color-white);
    border-radius: var(--tariff-block-border-radius);
    position: relative;
    isolation: isolate;
    overflow: clip;
    padding-inline: var(--rem-12);
    padding-block: 0 clamp(1rem, 0.7832369942rem + 0.9248554913vw, 1.5rem);
    height: 100%;
  }
  .tariff-block::before, .tariff-block::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }
  .tariff-block::before {
    z-index: -2;
    inset: 0;
    background: var(--tariff-block-border-color);
    border-radius: var(--tariff-block-border-radius);
  }
  .tariff-block::after {
    z-index: -1;
    inset: var(--tariff-block-border-width);
    background-color: var(--tariff-block-bg-color);
    border-radius: calc(var(--tariff-block-border-radius) - var(--tariff-block-border-width));
  }
  .tariff-block.__accent {
    --tariff-block-border-width: 2px;
    --tariff-block-border-color: linear-gradient(
      to bottom,
      var(--color-tariff-gradient-start),
      var(--color-tariff-gradient-end)
    );
  }
  .tariff-block__title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: clamp(3.25rem, 2.762283237rem + 2.0809248555vw, 4.375rem);
    padding-block: var(--rem-8);
    font-size: clamp(1.25rem, 1.1416184971rem + 0.4624277457vw, 1.5rem);
    line-height: 1.2;
    font-weight: 700;
    gap: var(--rem-8);
  }
  .tariff-block__label {
    flex-shrink: 0;
    padding: var(--rem-4);
    padding-inline-end: 0.625rem;
    display: flex;
    align-items: center;
    gap: var(--rem-6);
    border-radius: var(--rem-48);
    background: linear-gradient(to right, var(--color-tariff-gradient-start), var(--color-tariff-gradient-end));
    color: var(--color-white);
    white-space: nowrap;
  }
  .tariff-block__label img {
    width: var(--rem-32);
    flex-shrink: 0;
    aspect-ratio: 1;
  }
  .tariff-block__label p {
    font-size: 0.625rem;
    line-height: 1.1;
  }
  .tariff-block__label span {
    font-size: var(--rem-12);
    display: block;
  }
  .tariff-block__body {
    background-color: var(--color-accent-1);
    border-radius: 1.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--rem-16);
    padding-block: var(--rem-18) var(--rem-24);
    padding-inline: var(--rem-24);
    text-align: center;
    white-space: nowrap;
    min-height: 14.375rem;
    overflow: clip;
  }
  .tariff-block__body > * {
    flex-shrink: 0;
  }
  .tariff-block__body .btn {
    width: 100%;
    max-width: 14.375rem;
  }
  .tariff-block__discount {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--rem-6);
  }
  .tariff-block__discount-price {
    color: var(--color-text-base);
    font-size: var(--rem-18);
    font-weight: 700;
    line-height: 1.2;
    position: relative;
  }
  .tariff-block__discount-price::before {
    content: "";
    position: absolute;
    width: 120%;
    top: 50%;
    left: 50%;
    height: 2px;
    background-color: var(--color-discount);
    opacity: 0.8;
    pointer-events: none;
    translate: -50% -50%;
    rotate: -8deg;
  }
  .tariff-block__discount-amount {
    display: flex;
    align-items: center;
    gap: var(--rem-4);
  }
  .tariff-block__discount-amount-text {
    font-size: var(--rem-14);
    line-height: 1.4;
    color: var(--color-text-muted);
    text-align: right;
  }
  .tariff-block__discount-amount-badge {
    color: var(--color-white);
    height: 1.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--rem-14);
    line-height: 1.4;
    padding-inline: var(--rem-8);
    border-radius: var(--rem-48);
    background-color: var(--color-discount);
    white-space: nowrap;
  }
  .tariff-block__price {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block: auto;
  }
  .tariff-block__price-amount {
    font-size: var(--rem-28);
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text-base);
  }
  .tariff-block__price-text {
    font-size: var(--rem-14);
    line-height: 1.4;
    color: var(--color-text-muted);
  }
  .tariff-block__list {
    margin-block-start: clamp(0.5rem, 0.2832369942rem + 0.9248554913vw, 1rem);
    display: flex;
    flex-direction: column;
    gap: var(--rem-6);
  }
  .tariff-block__list li {
    display: flex;
    align-items: flex-start;
    gap: var(--rem-4);
  }
  .tariff-block__list .ico {
    --ico-size: var(--rem-24);
    color: var(--color-primary);
  }
  .tariff-block__list p {
    color: var(--color-text-base);
    font-size: var(--rem-14);
    line-height: 1.4;
    margin-block-start: 0.1875rem;
  }
  .tariff-block__badge {
    margin-block-start: var(--rem-14);
    margin-inline: auto;
    font-size: var(--rem-14);
    padding-inline: var(--rem-8);
    border-radius: var(--rem-48);
    background-color: var(--color-accent-1);
    text-align: center;
    color: var(--color-text-muted);
    height: var(--rem-28);
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
  }
  .tariff-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.75rem, 0.5874277457rem + 0.6936416185vw, 1.125rem) clamp(0.75rem, 0.1539017341rem + 2.5433526012vw, 2.125rem);
    flex-wrap: wrap;
  }
  .tariff-controls > * {
    flex-shrink: 0;
  }
  .tariff-controls__counter {
    display: flex;
    align-items: center;
    gap: clamp(0.75rem, 0.6416184971rem + 0.4624277457vw, 1rem);
    border-radius: 3.125rem;
    background-color: var(--color-accent-1);
    padding: var(--rem-4);
    padding-inline-start: clamp(0.875rem, 0.7666184971rem + 0.4624277457vw, 1.125rem);
  }
  .tariff-controls__counter > * {
    flex-shrink: 0;
  }
  .tariff-controls__counter-text {
    font-size: clamp(0.875rem, 0.8208092486rem + 0.2312138728vw, 1rem);
    line-height: 1;
    color: var(--color-text-base);
    white-space: nowrap;
  }
  .tariff-controls__list {
    display: flex;
    align-items: center;
    gap: var(--rem-8);
  }
  .tariff-controls__list > * {
    flex-shrink: 0;
  }
  .tariff-controls__list label {
    cursor: pointer;
  }
  .tariff-controls__list label:has(:checked) .btn {
    --btn-bg: var(--color-black);
    --btn-text: var(--color-white);
  }
  .tariff-controls__list input:focus-visible ~ .btn {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
    border-radius: "inherit";
  }
  .tariff-controls__list sup {
    font-size: 0.6em;
    margin-block-start: -0.6em;
  }
  .tariff-controls__list .btn {
    --btn-size: clamp(0.875rem, 0.8208092486rem + 0.2312138728vw, 1rem);
    --btn-height: 3.125rem;
    --btn-padding: var(--fluid-16-20);
    white-space: nowrap;
  }
  .tariff-sticky {
    background-color: var(--color-bg);
    position: sticky;
    top: var(--header-height);
    z-index: calc(var(--z-sticky) + 10);
  }
  .tariff-sticky__body {
    border-radius: 1.875rem;
    background-color: var(--color-accent-1);
    padding: var(--rem-12);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    overflow: clip;
    height: var(--section-tariffs-sticky-height);
  }
  .tariff-sticky__body > * {
    flex-shrink: 0;
  }
  .tariff-sticky__body .tariff-block__discount {
    gap: 1px;
  }
  .tariff-sticky__body .tariff-block__discount-price {
    color: var(--color-text);
    font-size: var(--rem-14);
  }
  .tariff-sticky__body .tariff-block__discount-amount-text {
    font-size: var(--rem-12);
    line-height: 1;
  }
  .tariff-sticky__body .tariff-block__discount-amount-badge {
    height: 1.3125rem;
    font-size: var(--rem-12);
  }
  .tariff-sticky__body .tariff-block__price-amount {
    font-size: clamp(1rem, 0.25rem + 1.5625vw, 1.25rem);
    color: var(--color-text);
    white-space: nowrap;
  }
  .tariff-sticky__body .tariff-block__price-text {
    line-height: 1;
  }
  .tariff-sticky__body .btn {
    --btn-height: 2.5rem;
    max-width: 8.125rem;
  }
  .tariff-sticky__counter-text {
    font-size: clamp(0.875rem, 0.5rem + 0.78125vw, 1rem);
    line-height: 1.4;
    color: var(--color-text-base);
  }
  .tariff-sticky__counter .tariff-sticky__body {
    justify-content: center;
    gap: var(--grid-gap);
  }
  .tariff-sticky__title {
    font-size: var(--rem-16);
    line-height: 1.2;
    font-weight: 700;
    margin-block-end: var(--rem-6);
  }
  @media (max-width: 47.99875rem) {
    .tariff-sticky {
      grid-template-columns: repeat(3, 1fr);
      gap: 1px !important;
    }
    .tariff-sticky__body {
      border-radius: 0;
    }
    .tariff-sticky__body .tariff-block__discount {
      display: none !important;
    }
    .tariff-sticky__body .tariff-block__price-amount {
      font-size: var(--rem-16);
    }
    .tariff-sticky__body .btn {
      display: none;
    }
    .tariff-sticky__counter {
      display: none;
    }
    .tariff-sticky__title {
      font-size: var(--rem-14);
    }
    .tariff-sticky .grid__col:nth-child(2) .tariff-sticky__body {
      border-start-start-radius: var(--fluid-16-18);
      border-end-start-radius: var(--fluid-16-18);
    }
    .tariff-sticky .grid__col:last-child .tariff-sticky__body {
      border-start-end-radius: var(--fluid-16-18);
      border-end-end-radius: var(--fluid-16-18);
    }
  }
  @media (min-width: 48rem) {
    .tariff-sticky__body .tariff-block__discount:not(.d-none) + .tariff-block__price {
      flex-direction: row;
      gap: var(--rem-6);
    }
    .tariff-sticky__body .tariff-block__price-text {
      font-size: var(--rem-12);
      text-align: left;
    }
  }
  .tariff-modules {
    --tariff-modules-border-radius: clamp(1rem, 0.8916184971rem + 0.4624277457vw, 1.25rem);
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 0.1539017341rem + 2.5433526012vw, 2.125rem);
    margin-block-start: var(--section-tariffs-sticky-padding-bottom);
  }
  .tariff-modules__group {
    display: flex;
    flex-direction: column;
  }
  .tariff-modules__group-sticky {
    position: relative;
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 0.3916184971rem + 0.4624277457vw, 0.75rem);
    padding: clamp(0.75rem, 0.5874277457rem + 0.6936416185vw, 1.125rem);
  }
  .tariff-modules__group-sticky::before, .tariff-modules__group-sticky::after {
    content: "";
    position: absolute;
  }
  .tariff-modules__group-sticky::before {
    inset: calc(var(--section-tariffs-sticky-padding-bottom) * -1) 0 50%;
    background-color: var(--color-bg);
    z-index: -2;
  }
  .tariff-modules__group-sticky::after {
    inset: 0;
    border-radius: var(--fluid-16-18);
    background-color: var(--color-accent-1);
    z-index: -1;
  }
  .tariff-modules__group-sticky + .tariff-modules__row {
    margin-block-start: clamp(0.125rem, -0.3085260116rem + 1.8497109827vw, 1.125rem);
  }
  .tariff-modules__group-title {
    font-size: clamp(1rem, 0.7832369942rem + 0.9248554913vw, 1.5rem);
    line-height: 1.2;
    font-weight: 700;
  }
  .tariff-modules__body {
    display: flex;
    flex-direction: column;
    gap: 0.1875rem;
    justify-content: center;
    padding: var(--rem-12);
  }
  .tariff-modules__title {
    font-size: var(--rem-16);
    line-height: 1.2;
    font-weight: 700;
  }
  .tariff-modules__text {
    font-size: clamp(0.875rem, 0.8479046243rem + 0.1156069364vw, 0.9375rem);
    line-height: 1.4;
    color: var(--color-text-secondary);
  }
  .tariff-modules__value {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted);
    font-size: var(--rem-14);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    padding: var(--rem-4);
  }
  .tariff-modules__value .ico {
    --ico-size: var(--rem-24);
  }
  .tariff-modules__value .ico.__accent {
    color: var(--color-primary);
  }
  @media (min-height: 37.5rem) {
    .tariff-modules__group-sticky {
      position: sticky;
      top: calc(var(--header-height) + var(--section-tariffs-sticky-height) + var(--section-tariffs-sticky-padding-bottom));
      z-index: var(--z-sticky);
    }
  }
  @media (max-width: 47.99875rem) {
    .tariff-modules__value {
      border-inline-start: 1px solid var(--color-accent-1);
    }
    .tariff-modules__row {
      border-inline: 1px solid var(--color-accent-3);
      border-block-end: 1px solid var(--color-accent-1);
    }
    .tariff-modules__row:first-of-type {
      border-block-start: 1px solid var(--color-accent-3);
      border-start-start-radius: var(--tariff-modules-border-radius);
      border-start-end-radius: var(--tariff-modules-border-radius);
    }
    .tariff-modules__row:last-of-type {
      border-block-end: 1px solid var(--color-accent-3);
      border-end-start-radius: var(--tariff-modules-border-radius);
      border-end-end-radius: var(--tariff-modules-border-radius);
    }
    .tariff-modules .grid {
      grid-template-columns: 1fr repeat(3, clamp(3rem, 2.0458015267rem + 4.0712468193vw, 4rem));
      gap: 0 !important;
    }
  }
  @media (min-width: 48rem) {
    .tariff-modules {
      margin-block-start: var(--rem-32);
    }
    .tariff-modules__body {
      padding: var(--rem-28) 0;
      min-height: 7.625rem;
    }
    .tariff-modules__value {
      border-inline: 1px solid var(--color-accent-3);
      border-block-end: 1px solid var(--color-accent-1);
    }
    .tariff-modules__value .ico {
      --ico-size: 2.125rem;
    }
    .tariff-modules__row:first-of-type .tariff-modules__value {
      border-block-start: 1px solid var(--color-accent-3);
      border-start-start-radius: var(--tariff-modules-border-radius);
      border-start-end-radius: var(--tariff-modules-border-radius);
    }
    .tariff-modules__row:last-of-type .tariff-modules__value {
      border-block-end: 1px solid var(--color-accent-3);
      border-end-start-radius: var(--tariff-modules-border-radius);
      border-end-end-radius: var(--tariff-modules-border-radius);
    }
  }
  .popover-tools {
    --popover-tools-rows: 4;
    overflow: clip auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--rem-14);
    padding-inline: var(--rem-48) var(--rem-24);
  }
  .popover-tools__item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--rem-8);
    position: relative;
  }
  .popover-tools__title {
    font-size: var(--rem-16);
    line-height: 1.4;
  }
  .popover-tools__text {
    display: none;
  }
  .popover-tools__link {
    position: absolute;
    inset: 0;
    border-radius: inherit;
  }
  .popover-tools .ico {
    --ico-size: 2.375rem;
  }
  .popover-tools .ico.__color-1 {
    color: #9abdff;
  }
  .popover-tools .ico.__color-2 {
    color: #ffb4b4;
  }
  .popover-tools .ico.__color-3 {
    color: #8dd7ff;
  }
  .popover-tools .ico.__color-4 {
    color: #c2e985;
  }
  .popover-tools .ico.__color-5 {
    color: #c69bff;
  }
  .popover-tools .ico.__color-6 {
    color: #9aa0ad;
  }
  .popover-tools .ico.__color-7 {
    color: #ffafaf;
  }
  .popover-tools .ico.__color-8 {
    color: #ffde92;
  }
  @media (max-width: 63.99875rem) {
    .popover-tools__item.__active .popover-tools__title {
      color: var(--color-primary);
    }
  }
  @media (min-width: 64rem) {
    .popover-tools {
      padding: clamp(1.25rem, -1.1203703704rem + 3.7037037037vw, 1.75rem);
      display: grid;
      grid-template-rows: repeat(var(--popover-tools-rows), auto);
      grid-auto-flow: column;
      grid-auto-columns: 1fr;
      gap: var(--rem-4) clamp(0.25rem, -0.9351851852rem + 1.8518518519vw, 0.5rem);
    }
    .popover-tools__item {
      border-radius: var(--rem-16);
      height: 100%;
      padding: var(--rem-8) clamp(0.5rem, -1.8703703704rem + 3.7037037037vw, 1rem);
      gap: var(--rem-12);
      align-items: flex-start;
      transition: background-color var(--transition-base);
    }
    .popover-tools__item.__active {
      background-color: var(--color-accent-1);
    }
    .popover-tools__item:focus-visible {
      background-color: var(--color-accent-1);
    }
  }
  @media (min-width: 64rem) and (hover: hover) {
    .popover-tools__item:hover {
      background-color: var(--color-accent-1);
    }
  }
  @media (min-width: 64rem) {
    .popover-tools__body {
      display: flex;
      flex-direction: column;
      gap: var(--rem-4);
    }
    .popover-tools__title {
      line-height: 1.2;
      font-weight: 700;
    }
    .popover-tools__text {
      display: block;
      line-height: 1.2;
      font-size: var(--rem-14);
      color: var(--color-text-secondary);
    }
    .popover-tools__link:focus-visible {
      outline-offset: -2px;
    }
  }
  .popover-channels {
    overflow: clip;
  }
  .popover-channels__item {
    display: flex;
    align-items: center;
    gap: var(--rem-14);
    position: relative;
    padding: var(--rem-8);
  }
  .popover-channels__title {
    font-size: var(--rem-16);
    line-height: 1.2;
    color: var(--color-text-base);
    overflow-wrap: anywhere;
  }
  .popover-channels__link {
    position: absolute;
    inset: 0;
    border-radius: inherit;
  }
  .popover-channels .ico {
    --ico-size: 2.625rem;
  }
  .popover-channels .slider__dots {
    padding-block-start: var(--rem-8) !important;
    flex-shrink: 0;
  }
  @media (max-width: 63.99875rem) {
    .popover-channels {
      height: 100%;
      display: flex;
      flex-direction: column;
      padding-block-end: var(--rem-28) !important;
    }
    .popover-channels__body {
      --popover-channels-body-padding: var(--rem-24);
      --popover-channels-column-gap: var(--rem-14);
      --popover-channels-item-width: 13.75rem;
      height: 100%;
      overflow: auto;
      padding-inline: var(--popover-channels-body-padding);
      display: flex;
      flex-flow: column wrap;
      align-items: flex-start;
      gap: var(--rem-8) var(--popover-channels-column-gap);
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;
      scroll-padding-inline: var(--popover-channels-body-padding);
    }
    .popover-channels__body::-webkit-scrollbar {
      display: none;
    }
    .popover-channels__item {
      scroll-snap-align: start;
      flex-shrink: 0;
      width: var(--popover-channels-item-width);
    }
    .popover-channels__item.__active .popover-channels__title {
      color: var(--color-primary);
    }
  }
  @media (min-width: 64rem) {
    .popover-channels {
      overflow-y: auto;
      padding: clamp(1.25rem, -4.6759259259rem + 9.2592592593vw, 2.5rem);
    }
    .popover-channels__body {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: var(--rem-4) clamp(0.25rem, -2.1203703704rem + 3.7037037037vw, 0.75rem);
    }
    .popover-channels__item {
      border-radius: var(--rem-16);
      transition: background-color var(--transition-base);
    }
    .popover-channels__item.__active {
      background-color: var(--color-accent-1);
    }
    .popover-channels__item:focus-visible {
      background-color: var(--color-accent-1);
    }
  }
  @media (min-width: 64rem) and (hover: hover) {
    .popover-channels__item:hover {
      background-color: var(--color-accent-1);
    }
  }
  @media (min-width: 64rem) {
    .popover-channels__link:focus-visible {
      outline-offset: -2px;
    }
    .popover-channels .slider__dots {
      display: none !important;
    }
  }
  @media (max-width: 63.99875rem) {
    .popover-resources {
      overflow: clip auto;
    }
    .popover-resources .grid {
      display: flex !important;
      gap: var(--rem-32) !important;
      flex-direction: column;
    }
    .popover-resources .resource-block {
      padding: 0 var(--rem-24);
      background: none;
      border-radius: 0;
    }
    .popover-resources .resource-block:focus-visible .resource-block__title {
      text-decoration: none;
    }
  }
  @media (max-width: 63.99875rem) and (hover: hover) {
    .popover-resources .resource-block:hover .resource-block__title {
      text-decoration: none;
    }
  }
  @media (max-width: 63.99875rem) {
    .popover-resources .resource-block__body {
      align-items: center;
    }
    .popover-resources .resource-block__title {
      font-size: var(--rem-18);
      line-height: 1.4;
      color: var(--color-black);
      font-weight: 400;
      text-align: center;
    }
    .popover-resources :is(.resource-block__text, .color-block__lines, .ico) {
      display: none;
    }
  }
  @media (max-width: 63.99875rem) {
    .popover-resources .resource-block.__active .resource-block__title {
      color: var(--color-primary);
    }
  }
  @media (max-width: 63.99875rem) and (min-height: 25rem) {
    .popover-resources .grid {
      padding-block-start: 10dvh;
    }
  }
  @media (min-width: 64rem) and (min-height: 43.75rem) {
    .popover-resources .resource-block {
      --resource-block-min-height: 16.25rem;
    }
  }
  @media (min-width: 64rem) {
    .popover-resources {
      padding: var(--rem-20);
    }
    .popover-resources .resource-block {
      --resource-block-body-gap: var(--rem-6);
      --resource-block-text-size: var(--rem-15);
      border-radius: var(--rem-24);
    }
  }
}
@layer layout {
  .header {
    --header-logo-margin: min(var(--rem-8), 8px);
    --header-logo-height: min(
      var(--rem-48),
      calc(var(--header-height) - 2 * var(--header-logo-margin))
    );
    --header-link-height: var(--rem-32);
    --header-popover-border-radius: 2.5rem;
    --header-popover-margin-top: var(--rem-4);
    --header-popover-max-width: 28.125rem;
    --header-popover-max-height: 42.5rem;
    position: sticky;
    height: var(--header-height);
    z-index: var(--z-header);
    background-color: var(--color-header-bg);
    backdrop-filter: saturate(3) blur(20px);
    top: 0;
    overflow: clip;
    contain: content;
  }
  .header__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: var(--header-logo-height);
    margin: var(--header-logo-margin);
  }
  .header__logo img {
    aspect-ratio: 187/46;
    width: auto;
    height: 100%;
  }
  .header__popover {
    display: none;
    border: none;
    flex-direction: column;
    background-color: var(--color-accent-1);
    border-end-start-radius: var(--header-popover-border-radius);
    border-end-end-radius: var(--header-popover-border-radius);
    inset-inline-start: auto;
    overflow: clip;
  }
  .header__popover:popover-open {
    display: flex;
    opacity: 1;
    translate: 0;
    transition: display var(--transition-base) allow-discrete, opacity var(--transition-fast), translate var(--transition-base);
  }
  @starting-style {
    .header__popover:popover-open {
      opacity: 0;
      translate: 100%;
    }
  }
  .header__inner {
    border: none;
  }
  :is(.header__burger, .header__btn-close, .header__btn-back) {
    margin: var(--header-logo-margin);
  }
  :is(.header__burger, .header__btn-close, .header__btn-back) .ico {
    --ico-container-size: var(--header-logo-height);
    --ico-size: auto;
    padding: var(--header-logo-margin);
  }
  .header__btn-close {
    position: sticky;
    align-self: flex-end;
    top: 0;
    margin: 0;
    color: var(--color-white);
  }
  .header__btn-back {
    position: fixed;
    align-self: flex-end;
    margin-block-start: var(--rem-12);
    margin-inline-end: calc(var(--container-padding) + var(--rem-8));
  }
  .header__actions {
    display: none;
    align-items: center;
    justify-content: center;
    gap: var(--rem-8);
    flex-shrink: 0;
  }
  .header__stores {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--rem-8);
    color: var(--color-white);
  }
  .header__stores .ico {
    --ico-height: 2.25rem;
    max-width: 8.125rem;
  }
  .header__lang {
    display: none;
  }
  .header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rem-14);
    height: 100%;
  }
  @media (max-width: 63.99875rem) {
    .header__inner {
      display: none;
      width: 100%;
      height: 100dvh;
      max-width: var(--header-popover-max-width);
      max-height: var(--header-popover-max-height);
      flex-direction: column;
      align-items: center;
      background-color: var(--color-primary);
      border-end-start-radius: var(--header-popover-border-radius);
      border-end-end-radius: var(--header-popover-border-radius);
      inset-inline-start: auto;
      overflow: clip auto;
      padding: var(--rem-12) calc(var(--container-padding) + var(--rem-8)) var(--rem-32);
    }
    .header__inner > * {
      flex-shrink: 0;
    }
    .header__inner::backdrop {
      background-color: oklch(from var(--color-white) l c h/90%);
      display: none;
    }
    .header__inner:popover-open {
      display: flex;
      opacity: 1;
      translate: 0;
      transition: display var(--transition-base) allow-discrete, opacity var(--transition-fast), translate var(--transition-base);
    }
    @starting-style {
      .header__inner:popover-open {
        opacity: 0;
        translate: 0 -100%;
      }
    }
    .header__inner:popover-open::backdrop {
      opacity: 1;
      display: block;
      transition: display var(--transition-slow) allow-discrete, opacity var(--transition-slow);
    }
    @starting-style {
      .header__inner:popover-open::backdrop {
        opacity: 0;
      }
    }
    .header__inner .header__actions {
      display: flex;
      flex-wrap: wrap;
    }
    .header__inner .header__actions + * {
      margin-block-start: 3.375rem;
    }
    .header__popover {
      width: calc(100% - var(--rem-32));
      height: 100dvh;
      max-width: calc(var(--header-popover-max-width) - var(--rem-32));
      max-height: var(--header-popover-max-height);
    }
    .header__popover-body {
      padding-block: 4.25rem var(--rem-32);
    }
    .header__nav {
      margin-block: auto;
      padding-block-end: 3.375rem;
    }
    .header__menu {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.875rem;
      font-size: var(--rem-18);
      line-height: 1.4;
      color: var(--color-white);
    }
    .header__menu .ico {
      display: none;
    }
    .header__item.__active {
      font-weight: 700;
    }
    .header__lang-popover {
      background: none;
      position: static;
      display: block;
      border-radius: 0;
      height: auto;
      width: auto;
      max-width: none;
      max-height: none;
    }
    .header__lang-popover + * {
      margin-block-start: var(--rem-32);
    }
    .header__lang-popover .header__popover-body {
      padding: 0;
    }
    .header__lang-list {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      color: var(--color-white);
      gap: var(--rem-12) var(--rem-24);
      font-size: var(--rem-14);
      line-height: 1.4;
    }
    .header__lang-list .link {
      --link-color-hover: var(--color-white);
    }
  }
  @media (min-width: 64rem) {
    .header {
      --header-logo-margin: 0;
      --header-logo-height: 2.875rem;
    }
    :is(.header__burger, .header__btn-close, .header__btn-back, .header__stores) {
      display: none;
    }
    .header__popover {
      border-radius: var(--header-popover-border-radius);
      background-color: var(--color-popover-bg);
      backdrop-filter: saturate(3) blur(30px);
      border: 1px solid var(--color-accent-3);
      inset: calc(var(--header-height) + var(--header-popover-margin-top)) 0 0;
      pointer-events: none;
      width: min(100vw - var(--container-padding) * 2, var(--container-width));
      margin-inline: auto;
    }
    .header__popover:popover-open {
      display: block;
      pointer-events: auto;
      transition: display var(--transition-fast) allow-discrete, pointer-events 0s var(--transition-base) allow-discrete, opacity var(--transition-fast), translate var(--transition-fast);
    }
    @starting-style {
      .header__popover:popover-open {
        opacity: 0;
        translate: 0 -100%;
        pointer-events: none;
      }
    }
    .header__popover-body {
      overflow: clip auto;
      max-height: calc(100vh - var(--header-height) - var(--header-popover-margin-top) * 2);
    }
    .header__actions {
      display: flex;
      gap: clamp(0.25rem, -0.9351851852rem + 1.8518518519vw, 0.5rem);
    }
    .header__actions .btn {
      --btn-padding: clamp(1rem, -1.3703703704rem + 3.7037037037vw, 1.5rem);
    }
    .header__lang {
      font-size: var(--rem-16);
      font-weight: 700;
      flex-shrink: 0;
      color: var(--color-text-base);
      display: block;
      transition: color var(--transition-base);
      height: var(--header-link-height);
    }
    .header__lang.__active {
      color: var(--color-primary);
    }
    .header__lang:focus-visible {
      color: var(--color-primary);
    }
  }
  @media (min-width: 64rem) and (hover: hover) {
    .header__lang:hover {
      color: var(--color-primary);
    }
  }
  @media (min-width: 64rem) {
    .header__lang-popover {
      width: auto;
      margin: 0;
      inset-inline: auto max((100vw - var(--container-width)) / 2 - var(--header-lang-popover-offset, 0px), 0px);
    }
    .header__lang-list {
      display: flex;
      flex-direction: column;
      font-size: var(--rem-16);
      line-height: 1;
      white-space: nowrap;
      padding: var(--rem-16);
    }
    .header__lang-list li:has(.__active) {
      display: none;
    }
    .header__lang-list .link {
      --link-color: var(--color-accent-2);
      --link-color-hover: var(--color-black);
      --link-decoration-hover: none;
      --link-transition: color var(--transition-base), background-color var(--transition-base);
      display: flex;
      align-items: center;
      padding-inline: var(--rem-16);
      height: 2.5rem;
      border-radius: var(--rem-48);
    }
    .header__lang-list .link.__active {
      color: var(--link-color-hover);
    }
    .header__lang-list .link:focus-visible {
      background-color: var(--color-accent-1);
    }
  }
  @media (min-width: 64rem) and (hover: hover) {
    .header__lang-list .link:hover {
      background-color: var(--color-accent-1);
    }
  }
  @media (min-width: 64rem) {
    .header__inner {
      display: block;
      flex-shrink: 0;
      margin-inline: auto;
      position: static;
      background: none;
      overflow: visible;
    }
    .header__inner .header__actions {
      display: none;
    }
    .header__menu {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(0.1875rem, -8.4050925926rem + 13.4259259259vw, 2rem);
    }
    .header__item {
      --header-item-color-hover: color-mix(in oklch, white 50%, var(--color-accent-1));
      border-radius: var(--header-link-height);
      transition: background-color var(--transition-base);
      overflow: clip;
    }
    .header__item.__active {
      background-color: var(--color-accent-1);
    }
    .header__item:has(.__active) {
      background-color: var(--header-item-color-hover);
    }
    .header__item:focus-visible {
      background-color: var(--header-item-color-hover);
    }
  }
  @media (min-width: 64rem) and (hover: hover) {
    .header__item:hover {
      background-color: var(--header-item-color-hover);
    }
  }
  @media (min-width: 64rem) {
    .header__item:has(:focus-visible) {
      outline: 2px solid var(--color-primary);
      outline-offset: 4px;
      border-radius: "inherit";
    }
    .header__link {
      display: flex;
      align-items: center;
      color: var(--color-text-base);
      font-size: var(--rem-15);
      column-gap: clamp(0.125rem, -0.4675925926rem + 0.9259259259vw, 0.25rem);
      font-weight: 600;
      transition: color var(--transition-base);
      height: var(--header-link-height);
      padding-inline: var(--rem-12);
    }
    .header__link:has(.ico) {
      padding-inline-end: clamp(0.25rem, -0.6388888889rem + 1.3888888889vw, 0.4375rem);
    }
    .header__link.__active {
      color: var(--color-primary);
    }
    .header__link:focus-visible {
      color: var(--color-primary);
    }
  }
  @media (min-width: 64rem) and (hover: hover) {
    .header__link:hover {
      color: var(--color-primary);
    }
  }
  @media (min-width: 64rem) {
    .header__link:focus {
      outline: none;
    }
    .header__link .ico {
      --ico-size: 1.6em;
      color: var(--color-text-muted);
    }
  }
  .footer {
    --footer-padding: var(--rem-8);
    --footer-border-radius: clamp(2.5rem, 1.9580924855rem + 2.3121387283vw, 3.75rem);
    flex-shrink: 0;
    margin-block-start: auto;
    background-color: var(--color-footer-bg);
    border-radius: var(--footer-border-radius) var(--footer-border-radius) 0 0;
    color: var(--color-white);
  }
  .footer__logo {
    display: block;
    justify-self: center;
    width: var(--rem-48);
    height: var(--rem-48);
  }
  .footer__about {
    line-height: 1.4;
  }
  .footer__about-title {
    display: none;
  }
  .footer__about-text {
    text-align: center;
    font-size: clamp(0.875rem, 0.8479046243rem + 0.1156069364vw, 0.9375rem);
    margin-inline: auto;
  }
  :is(.footer__stat, .footer__lang) {
    display: none;
  }
  .footer__nav {
    columns: 2;
  }
  .footer__nav-part {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
  }
  .footer__nav-part + .footer__nav-part {
    margin-block-start: var(--rem-16);
  }
  .footer__nav-part.__full-width {
    column-span: all;
  }
  .footer__nav-title {
    font-size: clamp(0.9375rem, 1.0270953757rem + -0.1156069364vw, 1rem);
    font-weight: 700;
    line-height: 1.4;
    margin-block-end: var(--fluid-4-8);
  }
  .footer__nav-item {
    font-size: clamp(0.875rem, 0.8479046243rem + 0.1156069364vw, 0.9375rem);
    line-height: 1.2;
  }
  .footer__nav-item + .footer__nav-item {
    margin-block-start: clamp(0.375rem, 0.3208092486rem + 0.2312138728vw, 0.5rem);
  }
  .footer__nav-item .link {
    --link-color: var(--color-accent-3);
  }
  .footer__support {
    margin-inline: calc(var(--footer-padding) * -1);
    border-radius: var(--rem-15);
    padding: var(--rem-20);
    background-color: var(--color-footer-surface);
    line-height: 1.4;
  }
  .footer__support-title {
    font-size: clamp(0.9375rem, 1.0270953757rem + -0.1156069364vw, 1rem);
    font-weight: 700;
    margin-block-end: var(--fluid-4-8);
  }
  .footer__support-text {
    font-size: var(--rem-14);
    color: var(--color-accent-3);
  }
  .footer__support-email {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--rem-4);
    margin-block-start: var(--rem-8);
    font-size: var(--rem-14);
  }
  .footer__support-email .link {
    --link-color: var(--color-white);
    --link-color-hover: var(--color-primary);
    --link-decoration: underline;
    --link-decoration-hover: none;
  }
  .footer__stores {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--rem-14);
    align-self: center;
  }
  .footer__stores .ico {
    --ico-border: var(--color-accent-2);
    --ico-height: 2.875rem;
    transition: border-color var(--transition-base);
  }
  .footer__stores .ico:focus-visible {
    --ico-border: var(--color-white);
  }
  @media (hover: hover) {
    .footer__stores .ico:hover {
      --ico-border: var(--color-white);
    }
  }
  .footer__copyright {
    line-height: 1.4;
  }
  .footer__copyright-adv {
    font-size: clamp(0.875rem, 0.9645953757rem + -0.1156069364vw, 0.9375rem);
    margin-block-end: var(--rem-8);
  }
  .footer__copyright-adv .link {
    --link-color: var(--color-primary);
    --link-color-hover: var(--color-white);
    --link-decoration: underline;
    --link-decoration-hover: none;
  }
  .footer__copyright-requisites {
    font-size: var(--rem-14);
    color: var(--color-accent-2);
  }
  .footer .container {
    display: grid;
    align-items: start;
    row-gap: var(--rem-18);
    padding: var(--rem-24) var(--footer-padding);
  }
  @media (min-width: 48rem) {
    :is(.footer__logo, .footer__about, .footer__nav, .footer__copyright) {
      grid-column: span 2;
    }
    .footer__nav {
      columns: 3;
    }
    .footer__nav-part.__full-width {
      column-span: none;
    }
    .footer .container {
      grid-template-columns: repeat(2, 1fr);
      column-gap: var(--rem-32);
    }
  }
  @media (min-width: 64rem) {
    .footer__logo {
      display: none;
    }
    .footer__about {
      grid-column: 1/4;
      grid-row: 1/2;
    }
    .footer__about-title {
      display: block;
      font-size: var(--rem-18);
      font-weight: 700;
      margin-block-end: var(--rem-8);
    }
    .footer__about-text {
      text-align: left;
      margin: 0;
      color: var(--color-accent-1);
    }
    .footer__stat {
      grid-column: 4/6;
      grid-row: 1/2;
      display: grid;
      grid-template-columns: subgrid;
    }
    .footer__stat-title {
      font-size: clamp(1.875rem, 0.0972222222rem + 2.7777777778vw, 2.25rem);
      font-weight: 700;
      white-space: nowrap;
    }
    .footer__stat-text {
      font-size: var(--rem-15);
      line-height: 1.4;
      color: var(--color-accent-1);
    }
    .footer__nav {
      grid-column: 1/6;
      grid-row: 2/3;
      columns: auto;
      display: grid;
      grid-template-columns: subgrid;
    }
    .footer__nav-part {
      margin: 0;
    }
    .footer__nav-part + .footer__nav-part {
      margin: 0;
    }
    .footer__nav-part.__order-1 {
      order: 1;
    }
    .footer__nav-part.__order-2 {
      order: 2;
    }
    .footer__nav-part.__order-3 {
      order: 3;
    }
    .footer__nav-part.__order-4 {
      order: 4;
    }
    .footer__nav-part.__order-5 {
      order: 5;
    }
    .footer__nav-item .link {
      --link-color: var(--color-text-muted);
    }
    .footer__support {
      grid-column: 1/4;
      grid-row: 3/4;
      margin: 0;
      padding: 0;
      border-radius: 0;
      background-color: transparent;
    }
    .footer__support-text {
      color: var(--color-accent-1);
    }
    .footer__lang {
      display: block;
      grid-column: 4/6;
      grid-row: 3/4;
    }
    .footer__lang-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: var(--rem-8) var(--rem-20);
      font-size: var(--rem-14);
      line-height: 1.2;
    }
    .footer__lang-list + .footer__lang-list {
      margin-block-start: var(--rem-20);
    }
    .footer__lang-list .link {
      --link-color: var(--color-text-muted);
    }
    .footer__stores {
      grid-column: 4/6;
      grid-row: 4/5;
      display: flex;
      gap: var(--rem-6);
      align-self: end;
    }
    .footer__stores .ico {
      --ico-height: 2.125rem;
    }
    .footer__copyright {
      grid-column: 1/4;
      grid-row: 4/5;
    }
    .footer__copyright-requisites {
      color: var(--color-text-muted);
    }
    .footer .container {
      grid-template-columns: 177fr 233fr 260fr 206fr 240fr;
      grid-template-rows: repeat(4, min-content);
      gap: clamp(2rem, 1.1329479769rem + 3.6994219653vw, 4rem) var(--rem-20);
      padding: var(--rem-48) 0 var(--rem-32);
    }
  }
  .container {
    width: min(100vw - var(--container-padding) * 2, var(--container-width));
    margin-inline: auto;
  }
  .container-grid {
    display: grid;
    grid-template-columns: [full-start] minmax(var(--container-padding), 1fr) [content-start] min(100vw - var(--container-padding) * 2, var(--container-width)) [content-end] minmax(var(--container-padding), 1fr) [full-end];
  }
  .container-grid > * {
    grid-column: content;
  }
  .container-grid__content {
    grid-column: content;
  }
  .container-grid__content-full {
    grid-column: full !important;
    container-type: normal !important;
  }
  .container-grid__subgrid {
    display: grid;
    grid-template-columns: subgrid;
  }
  .container-grid__subgrid > * {
    grid-column: content;
  }
  .grid {
    --grid-gap: var(--fluid-16-20);
    display: grid;
    gap: var(--grid-gap);
  }
  .grid__col {
    container-type: inline-size;
    container-name: grid-col;
  }
  @media (max-width: 47.99875rem) and (min-height: 37.5rem) {
    .grid.__sticky-stack {
      grid-auto-rows: 1fr;
    }
    .grid.__sticky-stack .grid__col {
      position: sticky;
    }
    .grid.__sticky-stack .grid__col:nth-child(1) {
      top: calc(var(--header-height) + var(--rem-8) + var(--rem-12) * (1 - 1));
    }
    .grid.__sticky-stack .grid__col:nth-child(2) {
      top: calc(var(--header-height) + var(--rem-8) + var(--rem-12) * (2 - 1));
    }
    .grid.__sticky-stack .grid__col:nth-child(3) {
      top: calc(var(--header-height) + var(--rem-8) + var(--rem-12) * (3 - 1));
    }
    .grid.__sticky-stack .grid__col:nth-child(4) {
      top: calc(var(--header-height) + var(--rem-8) + var(--rem-12) * (4 - 1));
    }
    .grid.__sticky-stack .grid__col:nth-child(5) {
      top: calc(var(--header-height) + var(--rem-8) + var(--rem-12) * (5 - 1));
    }
    .grid.__sticky-stack .grid__col:nth-child(6) {
      top: calc(var(--header-height) + var(--rem-8) + var(--rem-12) * (6 - 1));
    }
    .grid.__sticky-stack .grid__col:nth-child(7) {
      top: calc(var(--header-height) + var(--rem-8) + var(--rem-12) * (7 - 1));
    }
    .grid.__sticky-stack .grid__col:nth-child(8) {
      top: calc(var(--header-height) + var(--rem-8) + var(--rem-12) * (8 - 1));
    }
    .grid.__sticky-stack .grid__col:nth-child(9) {
      top: calc(var(--header-height) + var(--rem-8) + var(--rem-12) * (9 - 1));
    }
    .grid.__sticky-stack .grid__col:nth-child(10) {
      top: calc(var(--header-height) + var(--rem-8) + var(--rem-12) * (10 - 1));
    }
  }
  @media (min-width: 48rem) {
    .grid {
      grid-template-columns: repeat(12, 1fr);
    }
    .grid.__dense {
      grid-auto-flow: dense;
    }
    .grid__col.__col-span-2 {
      grid-column: span 2;
    }
    .grid__col.__col-span-3 {
      grid-column: span 3;
    }
    .grid__col.__col-span-4 {
      grid-column: span 4;
    }
    .grid__col.__col-span-5 {
      grid-column: span 5;
    }
    .grid__col.__col-span-6 {
      grid-column: span 6;
    }
    .grid__col.__col-span-7 {
      grid-column: span 7;
    }
    .grid__col.__col-span-8 {
      grid-column: span 8;
    }
    .grid__col.__col-span-9 {
      grid-column: span 9;
    }
    .grid__col.__col-span-10 {
      grid-column: span 10;
    }
    .grid__col.__wide {
      grid-column: span 12;
    }
    .grid__col.__row-span-2 {
      grid-row: span 2;
    }
  }
  .section {
    --section-margin-top: 0;
    --section-margin-bottom: clamp(3rem, 1.049132948rem + 8.323699422vw, 7.5rem);
    margin-block: var(--section-margin-top) var(--section-margin-bottom);
    container-type: inline-size;
    container-name: section;
  }
  .slider {
    --slider-padding: 0;
    --slider-item-width: clamp(19.5rem, 15.4898843931rem + 17.1098265896vw, 28.75rem);
    --slider-gap: clamp(0.75rem, 0.5332369942rem + 0.9248554913vw, 1.25rem);
    display: flex;
    column-gap: var(--slider-gap);
    padding-inline: var(--slider-padding);
    scroll-padding-inline: var(--slider-padding);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
  }
  .slider::-webkit-scrollbar {
    display: none;
  }
  .slider.__shrinked {
    --slider-item-width: clamp(19.5rem, 18.4703757225rem + 4.3930635838vw, 21.875rem);
  }
  .slider__item {
    width: var(--slider-item-width);
    flex-shrink: 0;
    scroll-snap-align: start;
    container-type: inline-size;
    container-name: slider-item;
  }
  .slider__arrows {
    display: none;
    flex-shrink: 0;
  }
  .slider__arrow {
    flex-shrink: 0;
    padding: var(--rem-14);
    border-radius: 50%;
    color: var(--color-white);
    background-color: var(--color-accent-3);
    transition: background-color var(--transition-base);
  }
  .slider__arrow.__prev {
    scale: -1;
  }
  .slider__arrow:disabled {
    opacity: 1;
    background-color: var(--color-accent-1);
  }
  .slider__arrow:not(:disabled):focus-visible {
    background-color: var(--color-black);
  }
  @media (hover: hover) {
    .slider__arrow:not(:disabled):hover {
      background-color: var(--color-black);
    }
  }
  .slider__dots {
    --slider-dots-padding-y: var(--fluid-24-32) 0;
    --slider-dot-color: var(--color-accent-3);
    --slider-dot-active-color: var(--color-black);
    --slider-dot-size: clamp(0.375rem, 0.3208092486rem + 0.2312138728vw, 0.5rem);
    --slider-dot-active-width: clamp(1rem, 0.7832369942rem + 0.9248554913vw, 1.5rem);
    display: flex;
    gap: clamp(1rem, 1.7167630058rem + -0.9248554913vw, 1.5rem);
    justify-content: center;
    padding-block: var(--slider-dots-padding-y);
    pointer-events: none;
  }
  .slider__dots:empty {
    display: none;
  }
  .slider__dot {
    flex-shrink: 0;
    border-radius: var(--rem-16);
    background-color: var(--slider-dot-color);
    width: var(--slider-dot-size);
    height: var(--slider-dot-size);
    transition: background-color var(--transition-base), width var(--transition-base);
  }
  .slider__dot.__active {
    background-color: var(--slider-dot-active-color);
    width: var(--slider-dot-active-width);
  }
  .slider .tool-block {
    --tool-block-gap: clamp(0.875rem, 0.8208092486rem + 0.2312138728vw, 1rem);
    --tool-block-padding: clamp(0.875rem, 0.387283237rem + 2.0809248555vw, 2rem);
    --tool-block-illustration-max-size: 18.125rem;
    --tool-block-body-inner-gap: var(--rem-6);
    --tool-block-title-size: clamp(1.25rem, 1.1416184971rem + 0.4624277457vw, 1.5rem);
    --tool-block-text-size: clamp(0.9375rem, 0.9104046243rem + 0.1156069364vw, 1rem);
  }
  @media (min-width: 64rem) {
    .slider__arrows {
      display: flex;
      gap: var(--rem-12);
    }
  }
  .section-main {
    position: relative;
  }
  .section-main__bg {
    display: none;
  }
  .section-main__title {
    max-width: 62.25rem;
    margin-inline: auto;
    margin-block-end: clamp(1.375rem, 0.5621387283rem + 3.4682080925vw, 3.25rem);
    text-align: center;
  }
  .section-main .mosaic-icons {
    margin-block-end: clamp(2rem, 1.4580924855rem + 2.3121387283vw, 3.25rem);
  }
  @media (min-width: 64rem) {
    .section-main {
      --section-margin-top: calc(var(--main-padding-top) * -1);
      --section-margin-bottom: var(--rem-14);
      min-height: clamp(33.5rem, 6.8333333333rem + 41.6666666667vw, 39.125rem);
      padding-block-start: clamp(9rem, 1.8888888889rem + 11.1111111111vw, 10.5rem);
      isolation: isolate;
    }
    .section-main__bg {
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      height: 100%;
      translate: -50%;
      z-index: var(--z-negative);
      max-width: none;
      pointer-events: none;
    }
    .section-main .mosaic-icons {
      display: none;
    }
  }
  .section-channel {
    text-align: center;
  }
  .section-channel__ico {
    --ico-size: clamp(4.25rem, 3.8164739884rem + 1.8497109827vw, 5.25rem);
    margin-inline: auto;
    margin-block-end: var(--rem-20);
  }
  .section-channel__title {
    margin-block-end: clamp(0.75rem, 0.6416184971rem + 0.4624277457vw, 1rem);
    margin-inline: auto;
  }
  .section-channel__text {
    font-size: var(--fluid-16-20);
    line-height: 1.4;
    margin-block-end: clamp(1rem, 0.6748554913rem + 1.387283237vw, 1.75rem);
    margin-inline: auto;
    color: var(--color-text-secondary);
  }
  .section-channel__note {
    font-size: clamp(0.875rem, 0.8208092486rem + 0.2312138728vw, 1rem);
    line-height: 1.4;
    margin-inline: auto;
    color: var(--color-accent-2);
  }
  .section-autoposting__title {
    margin-block-end: clamp(0.75rem, 0.6416184971rem + 0.4624277457vw, 1rem);
    text-align: center;
    margin-inline: auto;
  }
  .section-autoposting__text {
    font-size: var(--fluid-16-20);
    line-height: 1.4;
    margin-block-end: clamp(1.375rem, 0.6705202312rem + 3.0057803468vw, 3rem);
    margin-inline: auto;
    text-align: center;
    color: var(--color-text-secondary);
  }
  .section-autoposting .mosaic-icons {
    margin-block-end: clamp(2rem, 0.7536127168rem + 5.3179190751vw, 4.875rem);
  }
  .section-illustration {
    border-radius: clamp(1.875rem, 1.0621387283rem + 3.4682080925vw, 3.75rem);
    overflow: clip;
  }
  .section-cooperate {
    border: 1px solid var(--color-accent-3);
    border-radius: var(--fluid-30-40);
    padding-block: var(--rem-24) var(--rem-20);
    text-align: center;
    overflow: clip;
  }
  .section-cooperate__title {
    margin-block-end: clamp(1.25rem, 1.0874277457rem + 0.6936416185vw, 1.625rem);
    font-size: clamp(1.125rem, 0.9624277457rem + 0.6936416185vw, 1.5rem);
    font-weight: 700;
    line-height: 1.2;
    padding-inline: 3.125rem;
    margin-inline: auto;
  }
  .section-cooperate__list {
    display: inline-flex;
    gap: clamp(0.375rem, 0.1040462428rem + 1.1560693642vw, 1rem);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    padding-inline: var(--rem-20);
    max-width: 100%;
  }
  .section-cooperate__list::-webkit-scrollbar {
    display: none;
  }
  .section-cooperate__list-item {
    width: clamp(5.625rem, 4.5411849711rem + 4.6242774566vw, 8.125rem);
    flex-shrink: 0;
    color: var(--color-text-muted);
    scroll-snap-align: center;
    aspect-ratio: 90/36;
  }
  .section-cooperate__list-item svg {
    max-height: 100%;
    aspect-ratio: 90/36;
  }
  @media (min-width: 64rem) {
    .section-cooperate {
      padding-block: clamp(2.5rem, 1.0185185185rem + 2.3148148148vw, 2.8125rem);
      text-align: left;
      display: flex;
      align-items: center;
    }
    .section-cooperate__title {
      font-size: clamp(1rem, 0.4074074074rem + 0.9259259259vw, 1.125rem);
      width: 100%;
      max-width: 22ch;
      margin: 0 var(--fluid-24-32);
      flex-shrink: 0;
      padding: 0;
    }
    .section-cooperate__list {
      display: flex;
      gap: var(--rem-6);
      padding-inline: 0 var(--rem-24);
      width: 100%;
    }
    .section-cooperate__list-item {
      width: 5.625rem;
    }
  }
  .section-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    gap: var(--rem-12);
  }
  .section-stats__item {
    border-radius: 1.875rem;
    display: flex;
    gap: var(--rem-4);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--color-accent-1);
    min-height: 7.875rem;
    padding: var(--rem-12);
  }
  .section-stats__title {
    font-size: clamp(1.5rem, 0.784351145rem + 3.0534351145vw, 2.25rem);
    line-height: 1.2;
    font-weight: 700;
  }
  .section-stats__text {
    font-size: clamp(0.875rem, 0.6364503817rem + 1.0178117048vw, 1.125rem);
    line-height: 1.2;
  }
  @media (min-width: 48rem) {
    .section-stats {
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto;
      grid-auto-flow: row;
    }
    .section-stats__title {
      font-size: clamp(1.5rem, 0.2796610169rem + 2.5423728814vw, 2.25rem);
    }
    .section-stats__text {
      font-size: clamp(0.875rem, 0.468220339rem + 0.8474576271vw, 1.125rem);
    }
  }
  @media (min-width: 64rem) {
    .section-stats {
      grid-template-columns: repeat(4, auto);
      gap: var(--rem-32);
      padding-inline: var(--rem-24);
      align-items: start;
    }
    .section-stats__item {
      border-radius: 0;
      background-color: transparent;
      min-height: 0;
      padding: 0 var(--rem-12);
    }
  }
  .section-tools__title {
    text-align: center;
    margin-inline: auto;
  }
  .section-tools .slider {
    --slider-padding: var(--fluid-24-32);
    --slider-item-width: clamp(17.5rem, 15.4407514451rem + 8.7861271676vw, 22.25rem);
    --slider-gap: var(--rem-12);
  }
  .section-tools .slider__dots {
    --slider-dots-padding-y: var(--fluid-16-20) clamp(1.25rem, 1.0874277457rem + 0.6936416185vw, 1.625rem);
    --slider-dot-color: var(--color-white);
  }
  .section-tools .func-block {
    --func-block-gap: var(--rem-12);
    --func-block-padding: clamp(0.875rem, 0.6040462428rem + 1.1560693642vw, 1.5rem);
    --func-block-ico-container-size: clamp(3rem, 2.5664739884rem + 1.8497109827vw, 4rem);
    --func-block-ico-padding: clamp(0.4375rem, 0.3562138728rem + 0.3468208092vw, 0.625rem);
    --func-block-body-gap: clamp(0.5rem, 0.3916184971rem + 0.4624277457vw, 0.75rem);
    --func-block-title-size: var(--fluid-16-18);
    --func-block-text-size: var(--rem-14);
  }
  @media (min-width: 64rem) {
    .section-tools .slider {
      --slider-padding: clamp(2.75rem, -0.212962963rem + 4.6296296296vw, 3.375rem);
      --slider-item-width: auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      padding-block-end: var(--slider-padding);
    }
    .section-tools .slider__dots {
      display: none;
    }
  }
  .section-slider__title {
    text-align: center;
    margin-inline: auto;
  }
  .section-slider .slider {
    --slider-padding: max(calc((100% - var(--container-width)) / 2), var(--container-padding));
  }
  @media (min-width: 64rem) {
    .section-slider__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: var(--rem-24);
      margin-block-end: clamp(1.5rem, 1.1748554913rem + 1.387283237vw, 2.25rem);
    }
    .section-slider__title {
      text-align: left;
      margin: 0;
    }
  }
  .section-features__title {
    text-align: center;
    margin-inline: auto;
  }
  .section-features .slider {
    --slider-padding: var(--container-padding);
    grid-column: full;
    overflow-y: clip;
  }
  @media (min-width: 64rem) {
    .section-features .slider {
      --slider-padding: 0;
      --slider-item-width: auto;
      --slider-gap: var(--grid-gap);
      grid-column: content;
      display: grid;
    }
    .section-features .slider__dots {
      display: none;
    }
  }
  .section-ai__title {
    text-align: center;
    margin-inline: auto;
  }
  .section-ai__feature {
    height: 100%;
    padding: var(--rem-24);
    line-height: 1.4;
    font-size: clamp(0.9375rem, 0.9104046243rem + 0.1156069364vw, 1rem);
    border-radius: var(--rem-20);
    border: 1px solid oklch(from var(--color-white) l c h/10%);
    display: flex;
    align-items: center;
  }
  .section-ai .color-block {
    --color-block-color-bg: var(--color-ai-surface);
    color: var(--color-white);
  }
  .section-ai .tool-block {
    --tool-block-title-color: var(--color-white);
    --tool-block-text-color: var(--color-white);
  }
  .section-ai .slider {
    --slider-padding: var(--fluid-24-32);
    --slider-item-width: clamp(12.0625rem, 7.6459537572rem + 18.8439306358vw, 22.25rem);
    --slider-gap: var(--rem-12);
  }
  .section-ai .slider__dots {
    --slider-dots-padding-y: var(--fluid-16-20) clamp(1.25rem, 1.0874277457rem + 0.6936416185vw, 1.625rem);
    --slider-dot-color: var(--color-text-muted);
    --slider-dot-active-color: var(--color-white);
  }
  @media (min-width: 64rem) {
    .section-ai .slider {
      --slider-padding: clamp(2.75rem, -0.212962963rem + 4.6296296296vw, 3.375rem);
      --slider-item-width: auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      padding-block-end: var(--slider-padding);
    }
    .section-ai .slider__dots {
      display: none;
    }
  }
  .section-clients-feedback__title {
    text-align: center;
    margin-inline: auto;
  }
  .section-clients-feedback .slider {
    --slider-padding: max(calc((100% - var(--container-width)) / 2), var(--container-padding));
    --slider-item-width: clamp(19.5rem, 16.7915061633rem + 11.5562403698vw, 24.1875rem);
    --slider-gap: var(--rem-12);
  }
  .section-clients-feedback .slider__item.__ignore {
    display: none;
  }
  @media (min-width: 64rem) {
    .section-clients-feedback .slider {
      --slider-item-width: auto;
      --slider-gap: var(--fluid-16-20);
      display: block;
      columns: 3;
    }
    .section-clients-feedback .slider__item {
      -webkit-column-break-inside: avoid;
      break-inside: avoid;
    }
    .section-clients-feedback .slider__item + .slider__item {
      margin-block-start: var(--slider-gap);
    }
    .section-clients-feedback .slider__item.__ignore {
      display: block;
    }
    .section-clients-feedback .slider__dots {
      display: none;
    }
  }
  .section-solutions #solution-radio-1:checked ~ .section-solutions__tabs [for=solution-radio-1] {
    --btn-bg: var(--color-black);
    --btn-text: var(--color-white);
  }
  .section-solutions #solution-radio-1:focus-visible ~ .section-solutions__tabs [for=solution-radio-1] {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
    border-radius: "inherit";
  }
  .section-solutions #solution-radio-1:checked ~ .grid [data-solution="1"] {
    opacity: 1;
    pointer-events: auto;
  }
  .section-solutions #solution-radio-1:checked ~ .grid .btn[data-solution="1"] {
    display: flex;
  }
  .section-solutions .__accent-1 {
    --section-solutions-accent: var(--color-surface-2);
  }
  .section-solutions #solution-radio-2:checked ~ .section-solutions__tabs [for=solution-radio-2] {
    --btn-bg: var(--color-black);
    --btn-text: var(--color-white);
  }
  .section-solutions #solution-radio-2:focus-visible ~ .section-solutions__tabs [for=solution-radio-2] {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
    border-radius: "inherit";
  }
  .section-solutions #solution-radio-2:checked ~ .grid [data-solution="2"] {
    opacity: 1;
    pointer-events: auto;
  }
  .section-solutions #solution-radio-2:checked ~ .grid .btn[data-solution="2"] {
    display: flex;
  }
  .section-solutions .__accent-2 {
    --section-solutions-accent: var(--color-surface-5);
  }
  .section-solutions #solution-radio-3:checked ~ .section-solutions__tabs [for=solution-radio-3] {
    --btn-bg: var(--color-black);
    --btn-text: var(--color-white);
  }
  .section-solutions #solution-radio-3:focus-visible ~ .section-solutions__tabs [for=solution-radio-3] {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
    border-radius: "inherit";
  }
  .section-solutions #solution-radio-3:checked ~ .grid [data-solution="3"] {
    opacity: 1;
    pointer-events: auto;
  }
  .section-solutions #solution-radio-3:checked ~ .grid .btn[data-solution="3"] {
    display: flex;
  }
  .section-solutions .__accent-3 {
    --section-solutions-accent: var(--color-surface-3);
  }
  .section-solutions #solution-radio-4:checked ~ .section-solutions__tabs [for=solution-radio-4] {
    --btn-bg: var(--color-black);
    --btn-text: var(--color-white);
  }
  .section-solutions #solution-radio-4:focus-visible ~ .section-solutions__tabs [for=solution-radio-4] {
    outline: 2px solid var(--color-primary);
    outline-offset: 4px;
    border-radius: "inherit";
  }
  .section-solutions #solution-radio-4:checked ~ .grid [data-solution="4"] {
    opacity: 1;
    pointer-events: auto;
  }
  .section-solutions #solution-radio-4:checked ~ .grid .btn[data-solution="4"] {
    display: flex;
  }
  .section-solutions .__accent-4 {
    --section-solutions-accent: var(--color-surface-4);
  }
  .section-solutions__title {
    text-align: center;
    margin-inline: auto;
  }
  .section-solutions__grid {
    position: relative;
  }
  .section-solutions__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(0.375rem, 0.0498554913rem + 1.387283237vw, 1.125rem);
    margin-block-end: clamp(0.75rem, 0.0277349769rem + 3.0816640986vw, 2rem);
  }
  .section-solutions__tab {
    --btn-bg: var(--color-accent-1);
    --btn-size: clamp(0.9375rem, 0.8562138728rem + 0.3468208092vw, 1.125rem);
    --btn-height: clamp(2.3125rem, 1.8789739884rem + 1.8497109827vw, 3.3125rem);
    --btn-padding: clamp(0.75rem, 0.5332369942rem + 0.9248554913vw, 1.25rem);
    --btn-gap: var(--rem-8);
    white-space: nowrap;
    font-weight: 400;
  }
  .section-solutions__dot {
    background-color: var(--section-solutions-accent);
    border-radius: 50%;
    flex-shrink: 0;
    aspect-ratio: 1;
    width: 0.8125rem;
  }
  .section-solutions__tool-block {
    min-height: 23.75rem;
    position: relative;
  }
  .section-solutions__tool-block .tool-block {
    --color-block-color-bg: var(--section-solutions-accent);
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 600ms ease-out;
  }
  .section-solutions__illustration {
    display: none;
    position: relative;
  }
  .section-solutions__illustration .color-block {
    --color-block-color-bg: var(--color-white);
    aspect-ratio: 1.6;
  }
  .section-solutions__illustration .color-block img {
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 600ms ease-out;
    object-fit: cover;
  }
  .section-solutions__btn {
    height: 4rem;
    position: relative;
  }
  .section-solutions__btn .btn {
    --btn-bg-hover: var(--section-solutions-accent);
    --btn-text-hover: var(--color-black);
    --btn-size: clamp(1.125rem, 0.9624277457rem + 0.6936416185vw, 1.5rem);
    --btn-height: 100%;
    --btn-padding: var(--fluid-24-32);
    justify-content: space-between;
    font-weight: 300;
    padding-inline-end: var(--rem-8);
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
  }
  @media (min-width: 48rem) {
    .section-solutions__tool-block {
      min-height: 0;
    }
    .section-solutions__illustration {
      display: block;
    }
    .section-solutions__btn {
      height: 7.25rem;
    }
    .section-solutions__btn .btn {
      border-radius: var(--fluid-30-40);
      padding-inline-end: var(--btn-padding);
    }
  }
  @media (min-width: 64rem) {
    .section-solutions__tabs {
      flex-wrap: nowrap;
      gap: clamp(1.5rem, -3.2407407407rem + 7.4074074074vw, 2.5rem);
    }
    .section-solutions__tab {
      --btn-bg: var(--color-white);
    }
  }
  .section-resources__title {
    text-align: center;
    margin-inline: auto;
  }
  .section-resources .resource-block {
    --resource-block-min-height: 14.375rem;
  }
  @media (max-width: 47.99875rem) {
    .section-resources .resource-block.__surface-8 {
      padding-block-start: 4.0625rem;
    }
  }
  @media (min-width: 48rem) {
    .section-resources .grid__col:nth-child(2) .resource-block {
      --resource-block-min-height: 20.9375rem;
    }
    .section-resources .resource-block {
      --resource-block-min-height: 17rem;
    }
  }
  .section-rating {
    --section-rating-padding: var(--fluid-24-32);
    border: 1px solid var(--color-accent-3);
    border-radius: var(--fluid-30-40);
    padding-block: var(--section-rating-padding);
    overflow: clip;
    display: flex;
    flex-direction: column;
    gap: clamp(1.75rem, 1.6416184971rem + 0.4624277457vw, 2rem);
  }
  .section-rating__body {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    padding-inline: var(--section-rating-padding);
    text-align: center;
    gap: var(--rem-4);
  }
  .section-rating__title {
    font-size: var(--rem-24);
    font-weight: 700;
    line-height: 1.2;
  }
  .section-rating__text {
    font-size: var(--rem-14);
    line-height: 1.4;
    color: var(--color-text-muted);
  }
  .section-rating__grade {
    font-size: var(--rem-15);
    line-height: 1.4;
    margin-block-start: var(--rem-8);
  }
  .section-rating .link {
    --link-color: var(--color-accent-2);
    --link-decoration: underline;
    font-size: var(--rem-14);
    line-height: 1.4;
  }
  .section-rating .slider {
    --slider-padding: var(--section-rating-padding);
    --slider-item-width: 7.5rem;
    --slider-gap: clamp(3rem, 2.06105547rem + 4.0061633282vw, 4.625rem);
    white-space: nowrap;
  }
  .section-rating .slider__dots {
    --slider-dots-padding-y: 0;
  }
  @media (min-width: 64rem) {
    .section-rating {
      flex-direction: row;
      align-items: center;
      gap: 0;
      min-height: 11.25rem;
    }
    .section-rating__body {
      align-items: flex-start;
      text-align: left;
      padding-inline: clamp(1.5rem, -0.8703703704rem + 3.7037037037vw, 2rem);
    }
    .section-rating__text {
      text-wrap: wrap;
    }
    .section-rating .slider {
      --slider-padding: clamp(0rem, -9.4814814815rem + 14.8148148148vw, 2rem) clamp(1rem, -3.7407407407rem + 7.4074074074vw, 2rem);
      --slider-gap: var(--rem-16);
      justify-content: space-between;
      width: 100%;
    }
    .section-rating .slider__dots {
      display: none;
    }
  }
  .section-app {
    --section-app-padding: var(--fluid-24-32);
  }
  .section-app__title {
    text-align: center;
    margin-inline: auto;
  }
  .section-app__block {
    background-color: var(--color-accent-3);
    display: grid;
  }
  .section-app__illustration {
    margin-inline: calc(var(--rem-8) * -1);
    margin-block-start: clamp(0.25rem, -0.9427480916rem + 5.0890585242vw, 1.5rem);
  }
  .section-app__illustration img {
    max-height: 21.25rem;
    margin-inline: auto;
  }
  .section-app__slogan {
    padding-inline: var(--section-app-padding);
    margin-block-start: clamp(0.5rem, -1.0173410405rem + 6.4739884393vw, 4rem);
    margin-inline: auto;
    max-width: 23.4375rem;
    width: 100%;
    display: flex;
    align-items: center;
    gap: clamp(0.75rem, 0.6416184971rem + 0.4624277457vw, 1rem);
  }
  .section-app__slogan-icon {
    display: grid;
    grid-template-areas: "stack";
    place-items: flex-end;
    flex-shrink: 0;
    width: clamp(3rem, 2.6206647399rem + 1.6184971098vw, 3.875rem);
  }
  .section-app__slogan-icon img {
    grid-area: stack;
  }
  .section-app__slogan-icon .ico {
    --ico-size: clamp(3rem, 2.6206647399rem + 1.6184971098vw, 3.875rem);
    grid-area: stack;
    margin-block-end: clamp(1.5rem, 1.2832369942rem + 0.9248554913vw, 2rem);
  }
  .section-app__slogan-text {
    font-size: clamp(1.125rem, 0.9624277457rem + 0.6936416185vw, 1.5rem);
    line-height: 1.4;
  }
  .section-app__qr {
    display: none;
  }
  .section-app__stores {
    padding-inline: var(--section-app-padding);
    padding-block-end: var(--section-app-padding);
    margin-inline: auto;
    max-width: 37.5rem;
  }
  .section-app__stores-text {
    font-size: clamp(0.9375rem, 0.8020231214rem + 0.5780346821vw, 1.25rem);
    line-height: 1.4;
    text-align: center;
    margin-inline: auto;
    margin-block: clamp(1.125rem, -0.5549132948rem + 7.1676300578vw, 5rem) clamp(0.75rem, 0.4248554913rem + 1.387283237vw, 1.5rem);
  }
  .section-app__stores-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(0.5rem, 0.2290462428rem + 1.1560693642vw, 1.125rem);
  }
  .section-app__stores-inner .ico {
    --ico-border: var(--color-accent-2);
    --ico-height: clamp(2.625rem, 2.2671755725rem + 1.5267175573vw, 3rem);
    transition: border-color var(--transition-base);
  }
  .section-app__stores-inner .ico:focus-visible {
    --ico-border: var(--color-black);
  }
  @media (hover: hover) {
    .section-app__stores-inner .ico:hover {
      --ico-border: var(--color-black);
    }
  }
  @media (min-width: 48rem) {
    .section-app__illustration {
      margin: 0;
      padding: var(--section-app-padding);
      padding-block-end: 0;
    }
    .section-app__illustration img {
      max-height: 18.125rem;
      margin-inline: auto;
      translate: clamp(0rem, 20rem + -31.25vw, 5rem);
    }
    .section-app__slogan {
      position: absolute;
      inset-block-start: clamp(1.875rem, 0rem + 3.90625vw, 2.5rem);
      inset-inline-start: clamp(2.75rem, 0.875rem + 3.90625vw, 3.375rem);
      padding: 0;
      margin: 0;
      max-width: none;
      width: auto;
      align-items: flex-start;
      flex-direction: column;
    }
    .section-app__slogan-text {
      font-size: clamp(1.25rem, 1.1416184971rem + 0.4624277457vw, 1.5rem);
      line-height: 1.2;
      font-weight: 300;
    }
    .section-app__stores {
      max-width: none;
    }
    .section-app__stores-text {
      font-size: clamp(1.125rem, 1.0708092486rem + 0.2312138728vw, 1.25rem);
      margin-block: clamp(1rem, 0.593220339rem + 0.8474576271vw, 1.25rem) clamp(0.75rem, 0.4248554913rem + 1.387283237vw, 1.5rem);
    }
    .section-app__stores-inner {
      grid-template-columns: repeat(4, 1fr);
      gap: clamp(0.5rem, 0.2832369942rem + 0.9248554913vw, 1rem);
    }
  }
  @media (min-width: 64rem) {
    .section-app__block {
      height: clamp(20rem, 6.0740740741rem + 21.7592592593vw, 22.9375rem);
      padding: var(--rem-32);
      display: flex;
      justify-content: flex-end;
    }
    .section-app__illustration {
      padding: 0;
      position: absolute;
      inset: var(--rem-14);
      z-index: var(--z-negative);
    }
    .section-app__illustration img {
      margin-inline: clamp(10.3125rem, -19.3171296296rem + 46.2962962963vw, 16.5625rem) 0;
      max-height: 100%;
    }
    .section-app__slogan {
      inset-block-start: clamp(1.875rem, -1.087962963rem + 4.6296296296vw, 2.5rem);
      inset-inline-start: clamp(2.75rem, -0.212962963rem + 4.6296296296vw, 3.375rem);
    }
    .section-app__body {
      width: 32%;
      min-width: 21.875rem;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      gap: var(--rem-28);
    }
    .section-app__qr {
      display: flex;
      align-items: center;
      gap: var(--rem-18);
    }
    .section-app__qr-img {
      flex-shrink: 0;
      background-color: var(--color-white);
      padding: var(--rem-12);
      aspect-ratio: 1;
      width: 6.875rem;
      border-radius: var(--rem-18);
    }
    .section-app__qr-text {
      font-size: var(--rem-18);
      line-height: 1.4;
    }
    .section-app__stores {
      padding: 0;
      margin: 0;
    }
    .section-app__stores-text {
      display: none;
    }
    .section-app__stores-inner {
      grid-template-columns: repeat(2, 1fr);
      gap: var(--rem-8);
    }
  }
  .section-about {
    --section-about-padding: clamp(1.5rem, 0.6871387283rem + 3.4682080925vw, 3.375rem);
  }
  .section-about__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: var(--section-about-padding);
  }
  .section-about__text {
    font-size: clamp(1.125rem, 0.9624277457rem + 0.6936416185vw, 1.5rem);
    line-height: 1.4;
    font-weight: 300;
    color: var(--color-text-base);
  }
  .section-about__text.__sm {
    font-size: var(--fluid-16-20);
    font-weight: 400;
  }
  .section-about .grid {
    --grid-lines-y: -20cqi;
    --grid-lines-x: -5cqi;
    --grid-lines-x-next: 0;
  }
  .section-about .grid__col {
    container-type: normal;
  }
  .section-about .grid__col:nth-child(1) .color-block__lines {
    scale: 1 -1;
    inset-block-start: var(--grid-lines-y);
    inset-inline-start: var(--grid-lines-x);
  }
  .section-about .grid__col:nth-child(1) .section-about__body {
    justify-content: flex-start;
    padding-block: clamp(10rem, 7.018129771rem + 12.7226463104vw, 13.125rem) var(--section-about-padding);
  }
  .section-about .grid__col:nth-child(2) .color-block__lines {
    inset-block-end: calc(-40cqi - var(--grid-gap));
    inset-inline-end: var(--grid-lines-x-next);
  }
  .section-about .grid__col:nth-child(3) .color-block__lines {
    inset-block-start: -64cqi;
    inset-inline-end: var(--grid-lines-x-next);
  }
  .section-about .color-block {
    --color-block-lines-stroke: 70;
    height: 100%;
    background-color: var(--color-accent-1);
  }
  .section-about .color-block__lines {
    width: 150cqi;
  }
  @media (min-width: 48rem) {
    .section-about .grid {
      --grid-lines-y: -10cqi;
      --grid-lines-x: -6cqi;
      --grid-lines-x-next: 8cqi;
    }
    .section-about .grid__col:nth-child(1) .color-block__lines {
      scale: 1;
      inset-block: auto var(--grid-lines-y);
    }
    .section-about .grid__col:nth-child(1) .section-about__body {
      padding-block: var(--section-about-padding) clamp(12.5rem, 4.3644067797rem + 16.9491525424vw, 17.5rem);
    }
    .section-about .grid__col:nth-child(2) .color-block__lines {
      inset-block-end: calc(var(--grid-lines-y) - var(--grid-gap) - var(--grid-cell-3-height, 0));
    }
    .section-about .grid__col:nth-child(3) .color-block__lines {
      inset-block: auto var(--grid-lines-y);
    }
    .section-about .color-block__lines {
      width: 98cqi;
    }
  }
  .section-safety__title {
    text-align: center;
    margin-inline: auto;
  }
  .section-safety .grid {
    --grid-lines-y: -50cqi;
    --grid-lines-x: -7cqi;
    --grid-lines-x-next: -110cqi;
  }
  .section-safety .grid__col {
    container-type: normal;
  }
  .section-safety .grid__col:nth-child(1) .color-block__lines {
    inset-block-end: -103cqi;
    inset-inline-end: var(--grid-lines-x-next);
  }
  .section-safety .grid__col:nth-child(2) .color-block__lines {
    inset-block-start: calc(-90cqi - var(--grid-gap));
    inset-inline-end: var(--grid-lines-x-next);
  }
  .section-safety .grid__col:nth-child(3) .color-block__lines {
    inset-block-end: var(--grid-lines-y);
    inset-inline-end: var(--grid-lines-x);
  }
  .section-safety .grid__col:nth-child(3) .tool-block__body {
    justify-content: flex-start;
    padding-block-end: clamp(13.75rem, 8.9790076336rem + 20.3562340967vw, 18.75rem);
  }
  .section-safety .color-block {
    --color-block-lines-stroke: 50;
    height: 100%;
    background-color: var(--color-surface-4);
  }
  .section-safety .color-block__lines {
    width: 200cqi;
  }
  .section-safety .tool-block {
    --tool-block-padding: clamp(1.5rem, 0.6871387283rem + 3.4682080925vw, 3.375rem);
    --tool-block-body-inner-gap: var(--rem-12);
    --tool-block-title-size: clamp(1.25rem, 0.8164739884rem + 1.8497109827vw, 2.25rem);
    --tool-block-title-color: var(--color-text-base);
  }
  .section-safety .tool-block__body {
    justify-content: center;
  }
  @media (min-width: 48rem) {
    .section-safety .grid {
      --grid-lines-y: -15cqi;
      --grid-lines-x: -3cqi;
      --grid-lines-x-next: 19cqi auto;
    }
    .section-safety .grid__col:nth-child(1) .color-block__lines {
      inset-block-end: calc(var(--grid-lines-y) - var(--grid-gap) - var(--grid-cell-2-height, 0));
      inset-inline: var(--grid-lines-x-next);
    }
    .section-safety .grid__col:nth-child(2) .color-block__lines {
      inset-block: auto var(--grid-lines-y);
      inset-inline: var(--grid-lines-x-next);
    }
    .section-safety .grid__col:nth-child(3) .color-block__lines {
      inset-block-end: var(--grid-lines-y);
      inset-inline-end: var(--grid-lines-x);
    }
    .section-safety .grid__col:nth-child(3) .tool-block__body {
      padding-block-end: clamp(15rem, -1.7796610169rem + 34.9576271186vw, 25.3125rem);
    }
    .section-safety .color-block {
      --color-block-lines-stroke: 70;
    }
    .section-safety .color-block__lines {
      width: 84cqi;
    }
  }
  .section-mission .color-block {
    --color-block-lines-stroke: 60;
    background-color: var(--color-accent-1);
  }
  .section-mission .color-block__lines {
    scale: 1 -1;
    width: 200cqi;
    inset-block-end: -40cqi;
    inset-inline-end: -17cqi;
  }
  .section-mission .tool-block {
    --tool-block-padding: clamp(1.5rem, 0.6871387283rem + 3.4682080925vw, 3.375rem);
    --tool-block-body-inner-gap: var(--rem-12);
    --tool-block-title-size: clamp(1.25rem, 0.8164739884rem + 1.8497109827vw, 2.25rem);
    --tool-block-title-color: var(--color-text-base);
  }
  .section-mission .tool-block__body {
    padding-block-end: clamp(10rem, 1.6507633588rem + 35.6234096692vw, 18.75rem);
  }
  @media (min-width: 48rem) {
    .section-mission .color-block {
      --color-block-lines-stroke: 70;
      min-height: 26.875rem;
    }
    .section-mission .color-block__lines {
      scale: 1;
      width: 105cqi;
      inset-block: -8cqi auto;
      inset-inline-end: -8cqi;
    }
    .section-mission .tool-block__body {
      padding-block-end: var(--tool-block-padding);
    }
  }
  .section-glossary__grid {
    display: grid;
    row-gap: clamp(1.125rem, 0.3121387283rem + 3.4682080925vw, 3rem);
  }
  .section-glossary__articles {
    display: grid;
    row-gap: var(--rem-12);
  }
  .section-blog-slider__header .section-blog-slider__btn {
    display: none;
  }
  .section-blog-slider__btn {
    margin-inline: auto;
    margin-block-start: var(--fluid-24-32);
  }
  .section-blog-slider .slider {
    --slider-padding: var(--container-padding);
    grid-column: full;
    overflow-y: clip;
  }
  @media (min-width: 64rem) {
    .section-blog-slider__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: var(--rem-24);
      margin-block-end: clamp(1.5rem, 1.1748554913rem + 1.387283237vw, 2.25rem);
    }
    .section-blog-slider__header .section-blog-slider__btn {
      display: inline-flex;
    }
    .section-blog-slider__title {
      margin: 0;
    }
    .section-blog-slider__btn {
      display: none;
      margin: 0;
    }
    .section-blog-slider .slider {
      --slider-padding: 0;
      --slider-item-width: auto;
      --slider-gap: var(--grid-gap);
      grid-column: content;
      display: grid;
    }
    .section-blog-slider .slider__dots {
      display: none;
    }
  }
  .section-blog-list__title {
    text-align: center;
    margin-inline: auto;
  }
  .section-blog-list .grid {
    row-gap: 3rem;
  }
  @media (min-width: 48rem) {
    .section-blog-list .__col-span-4 {
      grid-column: span 6;
    }
  }
  @media (min-width: 64rem) {
    .section-blog-list .__col-span-4 {
      grid-column: span 4;
    }
  }
  .section-article + .section-article-footer {
    margin-block-start: clamp(-3.125rem, 1.3547687861rem + -5.7803468208vw, 0rem);
  }
  .section-article .info-block {
    margin-block: clamp(1.75rem, 1.2080924855rem + 2.3121387283vw, 3rem);
  }
  .section-article aside {
    --aside-gap: var(--rem-18);
    container-type: inline-size;
    container-name: aside;
    display: flex;
    flex-direction: column;
    gap: var(--aside-gap);
  }
  .section-article aside .color-block {
    --color-block-border-radius: 1.875rem;
    padding: clamp(1.125rem, 0.5148305085rem + 1.2711864407vw, 1.5rem);
  }
  @media (max-width: 47.99875rem) {
    .section-article__title {
      padding-inline: var(--rem-8);
    }
    .section-article .grid:has(.toc__btn-open) {
      --grid-gap: var(--rem-8);
    }
    .section-article aside:has(.toc__btn-open) {
      position: sticky;
      top: calc(var(--header-height) + var(--container-padding));
      z-index: var(--z-sticky);
    }
  }
  @media (max-width: 63.99875rem) {
    .section-article aside .share-links {
      display: none;
    }
  }
  @media (min-width: 48rem) {
    .section-article aside {
      order: 1;
    }
    .section-article aside .user + .toc {
      margin-block-start: var(--rem-6);
    }
  }
  .section-article-footer__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--rem-28);
  }
  .section-article-footer hr {
    margin-block-start: 0;
  }
  @media (max-width: 63.99875rem) {
    .section-article-footer hr {
      --hr-margin-x: calc(var(--container-padding) * -1);
    }
    .section-article-footer .star-rating {
      --star-rating-size: var(--rem-32);
    }
  }
  @media (min-width: 48rem) {
    .section-article-footer__body {
      flex-direction: row;
      justify-content: space-between;
    }
    .section-article-footer .share-links {
      order: 1;
    }
    .section-article-footer .star-rating__wrap {
      order: 0;
    }
  }
  .section-tariffs {
    --section-tariffs-sticky-height: 5.625rem;
    --section-tariffs-sticky-padding-bottom: var(--rem-8);
  }
  :is(.section-tariffs__title, .section-tariffs__subtitle) {
    margin-inline: auto;
    text-align: center;
    margin-block-end: clamp(0.75rem, 0.4248554913rem + 1.387283237vw, 1.5rem);
  }
  .section-tariffs__subtitle {
    margin-block-end: clamp(0.5rem, 0.3916184971rem + 0.4624277457vw, 0.75rem);
  }
  :is(.section-tariffs__text, .section-tariffs__subtext) {
    font-size: var(--fluid-16-20);
    line-height: 1.4;
    color: var(--color-text-secondary);
    margin-inline: auto;
    text-align: center;
  }
  .section-tariffs__subtext {
    font-size: var(--fluid-16-18);
    color: var(--color-text-base);
  }
  .section-tariffs__desc {
    font-size: clamp(0.875rem, 0.8208092486rem + 0.2312138728vw, 1rem);
    line-height: 1.4;
    color: var(--color-text-secondary);
    margin-block-start: clamp(1.125rem, 0.7456647399rem + 1.6184971098vw, 2rem);
    margin-inline: auto;
    text-align: center;
  }
  .section-tariffs .tariff-controls.__top {
    margin-block: clamp(1.75rem, 0.286849711rem + 6.2427745665vw, 5.125rem) clamp(1.75rem, 0.9371387283rem + 3.4682080925vw, 3.625rem);
  }
  .section-tariffs .tariff-controls.__bottom {
    margin-block: clamp(1.75rem, 1.2080924855rem + 2.3121387283vw, 3rem) clamp(1.125rem, 0.3121387283rem + 3.4682080925vw, 3rem);
  }
  @media (min-width: 48rem) {
    .section-tariffs {
      --section-tariffs-sticky-height: 10.625rem;
    }
    .section-tariffs__grid .__col-span-4 {
      grid-column: span 6;
    }
    .section-tariffs__grid .__col-span-4:has(.__accent) {
      grid-column: 4/10;
    }
  }
  @media (min-width: 68.75rem) {
    .section-tariffs__grid .__col-span-4 {
      grid-column: span 4;
    }
    .section-tariffs__grid .__col-span-4:has(.__accent) {
      grid-column: span 4;
    }
  }
  .section-icons-sprite__card {
    display: flex;
    flex-flow: column;
    gap: 6cqi;
    border: 1px solid var(--color-accent-4);
    padding: 5cqi;
    border-radius: var(--rem-8);
    overflow: clip;
    height: 100%;
  }
  .section-icons-sprite__card-body {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    gap: 3cqi;
    overflow-wrap: anywhere;
    text-align: center;
  }
  .section-icons-sprite__card-name {
    font-size: var(--rem-14);
    line-height: 1;
  }
  .section-icons-sprite__card .ico {
    --ico-size: auto;
    aspect-ratio: 1;
    overflow: hidden;
    background: #ccc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 0h6v6H6zM0 6h6v6H0z'/%3E%3C/svg%3E") top left repeat;
    border: 1px solid var(--color-accent-4);
  }
  .section-icons-sprite__card .ico:hover {
    background: var(--color-white);
  }
  .section-icons-sprite__card .ico:active {
    background: var(--color-black);
  }
  .section-icons-sprite .grid {
    grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));
  }
}
@layer utilities {
  @media (max-width: 47.99875rem) {
    .hide-mobile {
      display: none;
    }
  }
  @media (min-width: 48rem) {
    .hide-tablet-up {
      display: none;
    }
  }
  @media (max-width: 63.99875rem) {
    .hide-tablet-down {
      display: none;
    }
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }
  .text-wrap {
    overflow-wrap: anywhere;
  }
  .text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .d-none {
    display: none;
  }
  .d-block {
    display: block;
  }
  .d-flex {
    display: flex;
  }
  .d-grid {
    display: grid;
  }
  .d-inline {
    display: inline;
  }
  .d-inline-flex {
    display: inline-flex;
  }
  .d-inline-block {
    display: inline-block;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-center {
    align-items: center;
  }
  .w-full {
    width: 100%;
  }
  .w-auto {
    width: auto;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .h-full {
    height: 100%;
  }
  .h-auto {
    height: auto;
  }
  .relative {
    position: relative;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .sticky {
    position: sticky;
    top: 0;
  }
  .grid-flow-dense {
    grid-auto-flow: dense;
  }
  .grid-place-center {
    place-items: center;
  }
  .pointer {
    cursor: pointer;
  }
  .not-allowed {
    cursor: not-allowed;
  }
  .section-lazy {
    content-visibility: auto;
    contain-intrinsic-size: 0 500px;
  }
  .m-0 {
    margin: 0;
  }
  .p-0 {
    padding: 0;
  }
  .m-4 {
    margin: 0.25rem;
  }
  .mt-4 {
    margin-block-start: 0.25rem;
  }
  .mb-4 {
    margin-block-end: 0.25rem;
  }
  .ml-4 {
    margin-inline-start: 0.25rem;
  }
  .mr-4 {
    margin-inline-end: 0.25rem;
  }
  .mx-4 {
    margin-inline: 0.25rem;
  }
  .my-4 {
    margin-block: 0.25rem;
  }
  .p-4 {
    padding: 0.25rem;
  }
  .pt-4 {
    padding-block-start: 0.25rem;
  }
  .pb-4 {
    padding-block-end: 0.25rem;
  }
  .pl-4 {
    padding-inline-start: 0.25rem;
  }
  .pr-4 {
    padding-inline-end: 0.25rem;
  }
  .px-4 {
    padding-inline: 0.25rem;
  }
  .py-4 {
    padding-block: 0.25rem;
  }
  .gap-4 {
    gap: 0.25rem;
  }
  .gap-col-4 {
    column-gap: 0.25rem;
  }
  .gap-row-4 {
    row-gap: 0.25rem;
  }
  .m-8 {
    margin: 0.5rem;
  }
  .mt-8 {
    margin-block-start: 0.5rem;
  }
  .mb-8 {
    margin-block-end: 0.5rem;
  }
  .ml-8 {
    margin-inline-start: 0.5rem;
  }
  .mr-8 {
    margin-inline-end: 0.5rem;
  }
  .mx-8 {
    margin-inline: 0.5rem;
  }
  .my-8 {
    margin-block: 0.5rem;
  }
  .p-8 {
    padding: 0.5rem;
  }
  .pt-8 {
    padding-block-start: 0.5rem;
  }
  .pb-8 {
    padding-block-end: 0.5rem;
  }
  .pl-8 {
    padding-inline-start: 0.5rem;
  }
  .pr-8 {
    padding-inline-end: 0.5rem;
  }
  .px-8 {
    padding-inline: 0.5rem;
  }
  .py-8 {
    padding-block: 0.5rem;
  }
  .gap-8 {
    gap: 0.5rem;
  }
  .gap-col-8 {
    column-gap: 0.5rem;
  }
  .gap-row-8 {
    row-gap: 0.5rem;
  }
  .m-16 {
    margin: 1rem;
  }
  .mt-16 {
    margin-block-start: 1rem;
  }
  .mb-16 {
    margin-block-end: 1rem;
  }
  .ml-16 {
    margin-inline-start: 1rem;
  }
  .mr-16 {
    margin-inline-end: 1rem;
  }
  .mx-16 {
    margin-inline: 1rem;
  }
  .my-16 {
    margin-block: 1rem;
  }
  .p-16 {
    padding: 1rem;
  }
  .pt-16 {
    padding-block-start: 1rem;
  }
  .pb-16 {
    padding-block-end: 1rem;
  }
  .pl-16 {
    padding-inline-start: 1rem;
  }
  .pr-16 {
    padding-inline-end: 1rem;
  }
  .px-16 {
    padding-inline: 1rem;
  }
  .py-16 {
    padding-block: 1rem;
  }
  .gap-16 {
    gap: 1rem;
  }
  .gap-col-16 {
    column-gap: 1rem;
  }
  .gap-row-16 {
    row-gap: 1rem;
  }
  .m-24 {
    margin: 1.5rem;
  }
  .mt-24 {
    margin-block-start: 1.5rem;
  }
  .mb-24 {
    margin-block-end: 1.5rem;
  }
  .ml-24 {
    margin-inline-start: 1.5rem;
  }
  .mr-24 {
    margin-inline-end: 1.5rem;
  }
  .mx-24 {
    margin-inline: 1.5rem;
  }
  .my-24 {
    margin-block: 1.5rem;
  }
  .p-24 {
    padding: 1.5rem;
  }
  .pt-24 {
    padding-block-start: 1.5rem;
  }
  .pb-24 {
    padding-block-end: 1.5rem;
  }
  .pl-24 {
    padding-inline-start: 1.5rem;
  }
  .pr-24 {
    padding-inline-end: 1.5rem;
  }
  .px-24 {
    padding-inline: 1.5rem;
  }
  .py-24 {
    padding-block: 1.5rem;
  }
  .gap-24 {
    gap: 1.5rem;
  }
  .gap-col-24 {
    column-gap: 1.5rem;
  }
  .gap-row-24 {
    row-gap: 1.5rem;
  }
  .m-32 {
    margin: 2rem;
  }
  .mt-32 {
    margin-block-start: 2rem;
  }
  .mb-32 {
    margin-block-end: 2rem;
  }
  .ml-32 {
    margin-inline-start: 2rem;
  }
  .mr-32 {
    margin-inline-end: 2rem;
  }
  .mx-32 {
    margin-inline: 2rem;
  }
  .my-32 {
    margin-block: 2rem;
  }
  .p-32 {
    padding: 2rem;
  }
  .pt-32 {
    padding-block-start: 2rem;
  }
  .pb-32 {
    padding-block-end: 2rem;
  }
  .pl-32 {
    padding-inline-start: 2rem;
  }
  .pr-32 {
    padding-inline-end: 2rem;
  }
  .px-32 {
    padding-inline: 2rem;
  }
  .py-32 {
    padding-block: 2rem;
  }
  .gap-32 {
    gap: 2rem;
  }
  .gap-col-32 {
    column-gap: 2rem;
  }
  .gap-row-32 {
    row-gap: 2rem;
  }
  .m-48 {
    margin: 3rem;
  }
  .mt-48 {
    margin-block-start: 3rem;
  }
  .mb-48 {
    margin-block-end: 3rem;
  }
  .ml-48 {
    margin-inline-start: 3rem;
  }
  .mr-48 {
    margin-inline-end: 3rem;
  }
  .mx-48 {
    margin-inline: 3rem;
  }
  .my-48 {
    margin-block: 3rem;
  }
  .p-48 {
    padding: 3rem;
  }
  .pt-48 {
    padding-block-start: 3rem;
  }
  .pb-48 {
    padding-block-end: 3rem;
  }
  .pl-48 {
    padding-inline-start: 3rem;
  }
  .pr-48 {
    padding-inline-end: 3rem;
  }
  .px-48 {
    padding-inline: 3rem;
  }
  .py-48 {
    padding-block: 3rem;
  }
  .gap-48 {
    gap: 3rem;
  }
  .gap-col-48 {
    column-gap: 3rem;
  }
  .gap-row-48 {
    row-gap: 3rem;
  }
  .m-64 {
    margin: 4rem;
  }
  .mt-64 {
    margin-block-start: 4rem;
  }
  .mb-64 {
    margin-block-end: 4rem;
  }
  .ml-64 {
    margin-inline-start: 4rem;
  }
  .mr-64 {
    margin-inline-end: 4rem;
  }
  .mx-64 {
    margin-inline: 4rem;
  }
  .my-64 {
    margin-block: 4rem;
  }
  .p-64 {
    padding: 4rem;
  }
  .pt-64 {
    padding-block-start: 4rem;
  }
  .pb-64 {
    padding-block-end: 4rem;
  }
  .pl-64 {
    padding-inline-start: 4rem;
  }
  .pr-64 {
    padding-inline-end: 4rem;
  }
  .px-64 {
    padding-inline: 4rem;
  }
  .py-64 {
    padding-block: 4rem;
  }
  .gap-64 {
    gap: 4rem;
  }
  .gap-col-64 {
    column-gap: 4rem;
  }
  .gap-row-64 {
    row-gap: 4rem;
  }
  .m-4-6 {
    margin: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .mt-4-6 {
    margin-block-start: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .mb-4-6 {
    margin-block-end: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .ml-4-6 {
    margin-inline-start: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .mr-4-6 {
    margin-inline-end: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .mx-4-6 {
    margin-inline: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .my-4-6 {
    margin-block: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .p-4-6 {
    padding: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .pt-4-6 {
    padding-block-start: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .pb-4-6 {
    padding-block-end: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .pl-4-6 {
    padding-inline-start: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .pr-4-6 {
    padding-inline-end: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .px-4-6 {
    padding-inline: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .py-4-6 {
    padding-block: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .gap-4-6 {
    gap: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .gap-col-4-6 {
    column-gap: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .gap-row-4-6 {
    row-gap: clamp(0.25rem, 0.5vw, 0.375rem);
  }
  .m-8-12 {
    margin: clamp(0.5rem, 1vw, 0.75rem);
  }
  .mt-8-12 {
    margin-block-start: clamp(0.5rem, 1vw, 0.75rem);
  }
  .mb-8-12 {
    margin-block-end: clamp(0.5rem, 1vw, 0.75rem);
  }
  .ml-8-12 {
    margin-inline-start: clamp(0.5rem, 1vw, 0.75rem);
  }
  .mr-8-12 {
    margin-inline-end: clamp(0.5rem, 1vw, 0.75rem);
  }
  .mx-8-12 {
    margin-inline: clamp(0.5rem, 1vw, 0.75rem);
  }
  .my-8-12 {
    margin-block: clamp(0.5rem, 1vw, 0.75rem);
  }
  .p-8-12 {
    padding: clamp(0.5rem, 1vw, 0.75rem);
  }
  .pt-8-12 {
    padding-block-start: clamp(0.5rem, 1vw, 0.75rem);
  }
  .pb-8-12 {
    padding-block-end: clamp(0.5rem, 1vw, 0.75rem);
  }
  .pl-8-12 {
    padding-inline-start: clamp(0.5rem, 1vw, 0.75rem);
  }
  .pr-8-12 {
    padding-inline-end: clamp(0.5rem, 1vw, 0.75rem);
  }
  .px-8-12 {
    padding-inline: clamp(0.5rem, 1vw, 0.75rem);
  }
  .py-8-12 {
    padding-block: clamp(0.5rem, 1vw, 0.75rem);
  }
  .gap-8-12 {
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }
  .gap-col-8-12 {
    column-gap: clamp(0.5rem, 1vw, 0.75rem);
  }
  .gap-row-8-12 {
    row-gap: clamp(0.5rem, 1vw, 0.75rem);
  }
  .m-16-24 {
    margin: clamp(1rem, 2vw, 1.5rem);
  }
  .mt-16-24 {
    margin-block-start: clamp(1rem, 2vw, 1.5rem);
  }
  .mb-16-24 {
    margin-block-end: clamp(1rem, 2vw, 1.5rem);
  }
  .ml-16-24 {
    margin-inline-start: clamp(1rem, 2vw, 1.5rem);
  }
  .mr-16-24 {
    margin-inline-end: clamp(1rem, 2vw, 1.5rem);
  }
  .mx-16-24 {
    margin-inline: clamp(1rem, 2vw, 1.5rem);
  }
  .my-16-24 {
    margin-block: clamp(1rem, 2vw, 1.5rem);
  }
  .p-16-24 {
    padding: clamp(1rem, 2vw, 1.5rem);
  }
  .pt-16-24 {
    padding-block-start: clamp(1rem, 2vw, 1.5rem);
  }
  .pb-16-24 {
    padding-block-end: clamp(1rem, 2vw, 1.5rem);
  }
  .pl-16-24 {
    padding-inline-start: clamp(1rem, 2vw, 1.5rem);
  }
  .pr-16-24 {
    padding-inline-end: clamp(1rem, 2vw, 1.5rem);
  }
  .px-16-24 {
    padding-inline: clamp(1rem, 2vw, 1.5rem);
  }
  .py-16-24 {
    padding-block: clamp(1rem, 2vw, 1.5rem);
  }
  .gap-16-24 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
  .gap-col-16-24 {
    column-gap: clamp(1rem, 2vw, 1.5rem);
  }
  .gap-row-16-24 {
    row-gap: clamp(1rem, 2vw, 1.5rem);
  }
  .m-24-36 {
    margin: clamp(1.5rem, 3vw, 2.25rem);
  }
  .mt-24-36 {
    margin-block-start: clamp(1.5rem, 3vw, 2.25rem);
  }
  .mb-24-36 {
    margin-block-end: clamp(1.5rem, 3vw, 2.25rem);
  }
  .ml-24-36 {
    margin-inline-start: clamp(1.5rem, 3vw, 2.25rem);
  }
  .mr-24-36 {
    margin-inline-end: clamp(1.5rem, 3vw, 2.25rem);
  }
  .mx-24-36 {
    margin-inline: clamp(1.5rem, 3vw, 2.25rem);
  }
  .my-24-36 {
    margin-block: clamp(1.5rem, 3vw, 2.25rem);
  }
  .p-24-36 {
    padding: clamp(1.5rem, 3vw, 2.25rem);
  }
  .pt-24-36 {
    padding-block-start: clamp(1.5rem, 3vw, 2.25rem);
  }
  .pb-24-36 {
    padding-block-end: clamp(1.5rem, 3vw, 2.25rem);
  }
  .pl-24-36 {
    padding-inline-start: clamp(1.5rem, 3vw, 2.25rem);
  }
  .pr-24-36 {
    padding-inline-end: clamp(1.5rem, 3vw, 2.25rem);
  }
  .px-24-36 {
    padding-inline: clamp(1.5rem, 3vw, 2.25rem);
  }
  .py-24-36 {
    padding-block: clamp(1.5rem, 3vw, 2.25rem);
  }
  .gap-24-36 {
    gap: clamp(1.5rem, 3vw, 2.25rem);
  }
  .gap-col-24-36 {
    column-gap: clamp(1.5rem, 3vw, 2.25rem);
  }
  .gap-row-24-36 {
    row-gap: clamp(1.5rem, 3vw, 2.25rem);
  }
  .m-32-64 {
    margin: clamp(2rem, 5vw, 4rem);
  }
  .mt-32-64 {
    margin-block-start: clamp(2rem, 5vw, 4rem);
  }
  .mb-32-64 {
    margin-block-end: clamp(2rem, 5vw, 4rem);
  }
  .ml-32-64 {
    margin-inline-start: clamp(2rem, 5vw, 4rem);
  }
  .mr-32-64 {
    margin-inline-end: clamp(2rem, 5vw, 4rem);
  }
  .mx-32-64 {
    margin-inline: clamp(2rem, 5vw, 4rem);
  }
  .my-32-64 {
    margin-block: clamp(2rem, 5vw, 4rem);
  }
  .p-32-64 {
    padding: clamp(2rem, 5vw, 4rem);
  }
  .pt-32-64 {
    padding-block-start: clamp(2rem, 5vw, 4rem);
  }
  .pb-32-64 {
    padding-block-end: clamp(2rem, 5vw, 4rem);
  }
  .pl-32-64 {
    padding-inline-start: clamp(2rem, 5vw, 4rem);
  }
  .pr-32-64 {
    padding-inline-end: clamp(2rem, 5vw, 4rem);
  }
  .px-32-64 {
    padding-inline: clamp(2rem, 5vw, 4rem);
  }
  .py-32-64 {
    padding-block: clamp(2rem, 5vw, 4rem);
  }
  .gap-32-64 {
    gap: clamp(2rem, 5vw, 4rem);
  }
  .gap-col-32-64 {
    column-gap: clamp(2rem, 5vw, 4rem);
  }
  .gap-row-32-64 {
    row-gap: clamp(2rem, 5vw, 4rem);
  }
  .m-48-96 {
    margin: clamp(3rem, 8vw, 6rem);
  }
  .mt-48-96 {
    margin-block-start: clamp(3rem, 8vw, 6rem);
  }
  .mb-48-96 {
    margin-block-end: clamp(3rem, 8vw, 6rem);
  }
  .ml-48-96 {
    margin-inline-start: clamp(3rem, 8vw, 6rem);
  }
  .mr-48-96 {
    margin-inline-end: clamp(3rem, 8vw, 6rem);
  }
  .mx-48-96 {
    margin-inline: clamp(3rem, 8vw, 6rem);
  }
  .my-48-96 {
    margin-block: clamp(3rem, 8vw, 6rem);
  }
  .p-48-96 {
    padding: clamp(3rem, 8vw, 6rem);
  }
  .pt-48-96 {
    padding-block-start: clamp(3rem, 8vw, 6rem);
  }
  .pb-48-96 {
    padding-block-end: clamp(3rem, 8vw, 6rem);
  }
  .pl-48-96 {
    padding-inline-start: clamp(3rem, 8vw, 6rem);
  }
  .pr-48-96 {
    padding-inline-end: clamp(3rem, 8vw, 6rem);
  }
  .px-48-96 {
    padding-inline: clamp(3rem, 8vw, 6rem);
  }
  .py-48-96 {
    padding-block: clamp(3rem, 8vw, 6rem);
  }
  .gap-48-96 {
    gap: clamp(3rem, 8vw, 6rem);
  }
  .gap-col-48-96 {
    column-gap: clamp(3rem, 8vw, 6rem);
  }
  .gap-row-48-96 {
    row-gap: clamp(3rem, 8vw, 6rem);
  }
  .m-64-128 {
    margin: clamp(4rem, 10vw, 8rem);
  }
  .mt-64-128 {
    margin-block-start: clamp(4rem, 10vw, 8rem);
  }
  .mb-64-128 {
    margin-block-end: clamp(4rem, 10vw, 8rem);
  }
  .ml-64-128 {
    margin-inline-start: clamp(4rem, 10vw, 8rem);
  }
  .mr-64-128 {
    margin-inline-end: clamp(4rem, 10vw, 8rem);
  }
  .mx-64-128 {
    margin-inline: clamp(4rem, 10vw, 8rem);
  }
  .my-64-128 {
    margin-block: clamp(4rem, 10vw, 8rem);
  }
  .p-64-128 {
    padding: clamp(4rem, 10vw, 8rem);
  }
  .pt-64-128 {
    padding-block-start: clamp(4rem, 10vw, 8rem);
  }
  .pb-64-128 {
    padding-block-end: clamp(4rem, 10vw, 8rem);
  }
  .pl-64-128 {
    padding-inline-start: clamp(4rem, 10vw, 8rem);
  }
  .pr-64-128 {
    padding-inline-end: clamp(4rem, 10vw, 8rem);
  }
  .px-64-128 {
    padding-inline: clamp(4rem, 10vw, 8rem);
  }
  .py-64-128 {
    padding-block: clamp(4rem, 10vw, 8rem);
  }
  .gap-64-128 {
    gap: clamp(4rem, 10vw, 8rem);
  }
  .gap-col-64-128 {
    column-gap: clamp(4rem, 10vw, 8rem);
  }
  .gap-row-64-128 {
    row-gap: clamp(4rem, 10vw, 8rem);
  }
}
@layer overrides {}