/* Start:/local/templates/main/css/smart-gtm-web.css?178479710556832*/
@font-face {
    font-family: "Formular";
    src: url("/soft/smart-gtm-web/fonts/Formular-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Formular";
    src: url("/soft/smart-gtm-web/fonts/Formular-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Graphik LCG";
    src: url("/spasibo/fonts/GraphikLCG-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Graphik LCG";
    src: url("/spasibo/fonts/GraphikLCG-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.sgtw-web {
    --sgtw-font-formular: "Formular", Arial, sans-serif;
    --sgtw-font-graphik: "Graphik LCG", Arial, sans-serif;
    --sgtw-font-roboto: "Roboto", Arial, sans-serif;
    --sgtw-gradient-blue: linear-gradient(90deg, #0952c5 0%, #051125 100%);
    --sgtw-gradient-red: linear-gradient(270deg, #830007 0%, #d91c1f 94%);
    --sgtw-heading-size: 48px;
    --sgtw-title-size: 48px;
    --sgtw-text-size: 24px;
    --sgtw-section-mt: 88px;
    --sgtw-section-mb: 80px;
    --sgtw-block-gap: 150px;
    box-sizing: border-box;
    overflow-x: clip;
}

/*
 * Bitrix include wrappers (div/span) must inherit typography from the
 * styled host. Do not put include areas inside <p>/<h*> — invalid HTML
 * breaks the cascade and makes text tiny in edit mode.
 */
.sgtw-web__product-name > *:not(br),
.sgtw-web__title > *:not(br),
.sgtw-web__description > *:not(br):not(a),
.sgtw-web__registry > *:not(br):not(a),
.sgtw-web__section-heading > *:not(br),
.sgtw-web__collab-list-title > *:not(br),
.sgtw-web__collab-hub > *:not(br) {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.sgtw-web--edit .sgtw-web__product-name *:not(br),
.sgtw-web--edit .sgtw-web__title *:not(br),
.sgtw-web--edit .sgtw-web__description *:not(br):not(a),
.sgtw-web--edit .sgtw-web__registry *:not(br):not(a),
.sgtw-web--edit .sgtw-web__section-heading *:not(br),
.sgtw-web--edit .sgtw-web__collab-list-title *:not(br) {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

/* Edit mode: list editors instead of tiny absolute overlays */
.sgtw-web--edit .sgtw-web__areas-canvas,
.sgtw-web--edit .sgtw-web__collab-board {
    display: none !important;
}

.sgtw-web--edit .sgtw-web__areas-list,
.sgtw-web--edit .sgtw-web__collab-list {
    display: block !important;
    margin-top: 32px;
}

.sgtw-web--edit .sgtw-web__areas-list,
.sgtw-web--edit .sgtw-web__collab-list,
.sgtw-web--edit .sgtw-web__hero-content,
.sgtw-web--edit .sgtw-web__features-content,
.sgtw-web--edit .sgtw-web__pricing-edit,
.sgtw-web--edit .sgtw-web__version-head,
.sgtw-web--edit .sgtw-web__version-features-edit {
    position: relative;
    z-index: 2;
}

.sgtw-web--edit .sgtw-web__product-name,
.sgtw-web--edit .sgtw-web__title,
.sgtw-web--edit .sgtw-web__description,
.sgtw-web--edit .sgtw-web__registry,
.sgtw-web--edit .sgtw-web__section-heading,
.sgtw-web--edit .sgtw-web__collab-list-item,
.sgtw-web--edit .sgtw-web__areas-list-item,
.sgtw-web--edit .sgtw-web__downloads > *,
.sgtw-web--edit .sgtw-web__actions > *,
.sgtw-web--edit .sgtw-web__features-edit,
.sgtw-web--edit .sgtw-web__version-features-edit,
.sgtw-web--edit .sgtw-web__pricing-edit {
    min-height: 1.4em;
    outline: 1px dashed rgba(9, 82, 197, 0.35);
    outline-offset: 4px;
}

/* Features: full-width editable text, hide decorative media */
.sgtw-web--edit .sgtw-web__features-row,
.sgtw-web--edit .sgtw-web__features-row--reverse {
    grid-template-columns: 1fr !important;
    gap: 24px;
}

.sgtw-web--edit .sgtw-web__features-media {
    display: none;
}

.sgtw-web--edit .sgtw-web__features-edit,
.sgtw-web--edit .sgtw-web__features-content {
    width: 100%;
    max-width: 900px;
}

.sgtw-web--edit .sgtw-web__features-edit .sgtw-web__features-subtitle,
.sgtw-web--edit .sgtw-web__features-content .sgtw-web__features-subtitle {
    margin: 0 0 24px;
    font-size: 32px !important;
    line-height: 1.2 !important;
}

.sgtw-web--edit .sgtw-web__features-edit ul,
.sgtw-web--edit .sgtw-web__features-content > ul,
.sgtw-web--edit .sgtw-web__features-content > * > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sgtw-web--edit .sgtw-web__features-edit li,
.sgtw-web--edit .sgtw-web__features-content li {
    margin: 0 0 16px;
    padding: 12px 14px;
    color: #000;
    font-family: var(--sgtw-font-graphik);
    font-weight: 400;
    font-size: 22px !important;
    line-height: 1.3 !important;
    background: #f2f5fb;
    border-radius: 6px;
}

.sgtw-web--edit .sgtw-web__features-edit li *,
.sgtw-web--edit .sgtw-web__features-content li * {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

.sgtw-web--edit .sgtw-web__features-edit .sgtw-web__features-note,
.sgtw-web--edit .sgtw-web__features-content .sgtw-web__features-note {
    margin-top: 20px;
    font-size: 20px !important;
    line-height: 1.3 !important;
}

/* Version: readable edit panels, cancel mobile zoom/tiny type */
.sgtw-web--edit .sgtw-web__version {
    zoom: 1 !important;
}

.sgtw-web--edit .sgtw-web__version-head,
.sgtw-web--edit .sgtw-web__version-head > * {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px 40px;
    width: 100%;
}

.sgtw-web--edit .sgtw-web__version-title {
    padding-left: 0 !important;
    font-size: 40px !important;
    line-height: 1.2 !important;
    max-width: none;
}

.sgtw-web--edit .sgtw-web__version-badge-name,
.sgtw-web--edit .sgtw-web__version-badge-label {
    font-size: 28px !important;
}

.sgtw-web--edit .sgtw-web__version-features-edit {
    margin-top: 16px;
}

.sgtw-web--edit .sgtw-web__version-features-edit ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sgtw-web--edit .sgtw-web__version-features-edit li {
    margin: 0 0 10px;
    padding: 14px 16px;
    color: #010101;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: 22px !important;
    line-height: 1.3 !important;
    background: #f2f5fb;
    border-radius: 6px;
}

.sgtw-web--edit .sgtw-web__version-features-edit li * {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

/* Pricing: full-width editors + styled source tables */
.sgtw-web--edit .sgtw-web__pricing-grid {
    grid-template-columns: 1fr !important;
    gap: 48px;
}

.sgtw-web--edit .sgtw-web__pricing-edit {
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 100%;
    max-width: 960px;
    padding: 20px;
    box-sizing: border-box;
    background: #f8fafc;
    border-radius: 12px;
}

.sgtw-web--edit .sgtw-web__pricing-edit .sgtw-web__pricing-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
}

.sgtw-web--edit .sgtw-web__pricing-edit .sgtw-web__pricing-subtitle {
    margin-bottom: 16px;
    font-size: 22px !important;
    line-height: 1.3 !important;
}

.sgtw-web--edit .sgtw-web__pricing-edit .sgtw-web__pricing-reqs-title {
    margin: 20px 0 12px;
    font-size: 22px !important;
    line-height: 1.3 !important;
}

.sgtw-web--edit .sgtw-web__pricing-edit .sgtw-web__pricing-reqs-list {
    margin: 0;
    padding-left: 1.2em;
}

.sgtw-web--edit .sgtw-web__pricing-edit .sgtw-web__pricing-reqs-list li {
    margin: 0 0 10px;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

.sgtw-web--edit .sgtw-web__pricing-table-source {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    font-family: var(--sgtw-font-graphik);
    font-size: 18px !important;
    line-height: 1.3 !important;
    background: #fff;
}

.sgtw-web--edit .sgtw-web__pricing-table-source th,
.sgtw-web--edit .sgtw-web__pricing-table-source td {
    padding: 12px 14px;
    border: 1px solid #c5d0e0;
    text-align: left;
    vertical-align: top;
    font-size: 18px !important;
    line-height: 1.3 !important;
    white-space: normal;
}

.sgtw-web--edit .sgtw-web__pricing-table-source th {
    background: #e8eef8;
    font-weight: 500;
}

.sgtw-web--edit .sgtw-web__pricing-table-source th *,
.sgtw-web--edit .sgtw-web__pricing-table-source td * {
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Banner */

.sgtw-web > .systems__banner {
    margin-bottom: 40px;
}

/* Breadcrumbs */

.sgtw-web__breadcrumbs {
    margin-bottom: 60px;
}

.sgtw-web__breadcrumbs .breadcrumbs__back {
    display: none;
}

.sgtw-web__breadcrumbs .breadcrumbs {
    display: inline-flex;
    align-items: center;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.sgtw-web__breadcrumbs .breadcrumbs__items {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
}

.sgtw-web__breadcrumbs .breadcrumbs__item,
.sgtw-web__breadcrumbs .breadcrumbs__item--link,
.sgtw-web__breadcrumbs .breadcrumbs__item--active {
    font-family: var(--sgtw-font-roboto);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-decoration: none;
    border: none;
    transition: color 0.2s ease;
}

.sgtw-web__breadcrumbs .breadcrumbs__items > div:first-child .breadcrumbs__item--link {
    color: #767d83;
}

.sgtw-web__breadcrumbs .breadcrumbs__items > div:not(:first-child) .breadcrumbs__item--link,
.sgtw-web__breadcrumbs .breadcrumbs__item--active {
    color: #93999e;
}

.sgtw-web__breadcrumbs .breadcrumbs__item--link:hover,
.sgtw-web__breadcrumbs .breadcrumbs__item--link:focus,
.sgtw-web__breadcrumbs .breadcrumbs__item--active,
.sgtw-web__breadcrumbs .breadcrumbs__item--active:hover,
.sgtw-web__breadcrumbs .breadcrumbs__item--active:focus {
    color: #93999e;
    text-decoration: none;
}

.sgtw-web__breadcrumbs .breadcrumbs__separator {
    position: relative;
    flex-shrink: 0;
    width: 6px;
    height: 11px;
    margin: 0 8px;
}

.sgtw-web__breadcrumbs .breadcrumbs__separator::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border: 1px solid #8b8b8b;
    border-bottom: none;
    border-left: none;
    transform: translate(-50%, -50%) rotate(45deg);
}

/* Section heading (blue bar) */

.sgtw-web__section-heading {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 12px 23px;
    max-height: 60px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 10px;
    background: var(--sgtw-gradient-blue);
    color: #fff;
    font-family: var(--sgtw-font-formular);
    font-weight: 500;
    font-size: 48px;
    line-height: 1.223;
}

/* Hero */

.sgtw-web__hero {
    margin-bottom: 126px;
}

.sgtw-web__hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 750px) minmax(0, 590px);
    justify-content: space-between;
    column-gap: 100px;
    row-gap: 34px;
    align-items: start;
}

.sgtw-web__hero-content {
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
}

.sgtw-web__hero-media {
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
    margin-top: 63px;
}

.sgtw-web__hero-image-wrap {
    overflow: hidden;
    max-width: 590px;
    border-radius: 15px;
}

.sgtw-web__product-label {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0 0 32px;
    padding-left: 2px;
}

.sgtw-web__product-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    object-fit: contain;
}

.sgtw-web__product-name {
    margin: 0;
    color: #444445;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}

.sgtw-web__title {
    margin: 0 0 54px;
    color: #1c2126;
    font-family: var(--sgtw-font-graphik);
    font-weight: 500;
    font-size: 48px;
    line-height: 1;
}

.sgtw-web__description {
    margin: 0 0 51px;
    max-width: 706px;
    color: #1c2126;
    font-family: var(--sgtw-font-graphik);
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}

.sgtw-web__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 41px;
    margin-bottom: 51px;
}

.sgtw-web__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* width: 272px; */
    max-width: 100%;
    min-height: 60px;
    padding: 17px 28px;
    border-radius: 6px;
    font-family: var(--sgtw-font-formular);
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
    box-sizing: border-box;
}

.sgtw-web__btn:hover {
    opacity: 0.88;
}

.sgtw-web__btn--license {
    color: #fff;
    background: var(--sgtw-gradient-blue);
    border: 1px solid #000;
}

.sgtw-web__btn--app {
    color: #032265;
    background: linear-gradient(90deg, #fff 0%, #dfecff 100%);
    border: 1px solid #032265;
}

.sgtw-web__registry {
    margin: 0;
    max-width: 737px;
    color: #000;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.223;
}

.sgtw-web__registry-link {
    color: inherit;
    text-decoration: underline;
}

.sgtw-web__registry-link:hover {
    opacity: 0.8;
}

.sgtw-web__hero-image {
    display: block;
    width: 100%;
    height: auto;
    transform: scaleX(-1);
    object-fit: cover;
}

.sgtw-web__downloads {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px 24px;
}

.sgtw-web__download-link {
    font-family: var(--sgtw-font-formular);
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    background: var(--sgtw-gradient-blue);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.sgtw-web__download-link:hover {
    opacity: 0.85;
}

/* Areas */

.sgtw-web__areas {
    margin-bottom: 80px;
    overflow: visible;
}

.sgtw-web__areas-board {
    position: relative;
    width: 100%;
    max-width: 1448px;
    margin: 88px auto 0;
    overflow: visible;
    container-type: inline-size;
}

.sgtw-web__areas-canvas {
    position: relative;
    line-height: 0;
    overflow: visible;
}

.sgtw-web__areas-scene {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    pointer-events: none;
}

.sgtw-web__areas-labels {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: calc(100% * (var(--areas-image-h) - var(--areas-h)) / var(--areas-image-h));
    z-index: 2;
    pointer-events: none;
}

.sgtw-web__areas-text {
    position: absolute;
    margin: 0;
    color: #000;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: clamp(11px, 1.35cqi, 20px);
    line-height: 1.223;
}

.sgtw-web__areas-marker {
    position: absolute;
    width: calc(16 / var(--areas-w) * 100%);
    aspect-ratio: 1;
    border-radius: 50%;
    background: #e93423;
}

.sgtw-web__areas-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sgtw-web__areas-list-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
}

.sgtw-web__areas-list-item:last-child {
    margin-bottom: 0;
}

.sgtw-web__areas-list .sgtw-web__areas-marker {
    position: static;
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    min-width: 6px;
    margin-top: 0.55em;
    border-radius: 50%;
    background: #010101;
}

.sgtw-web__areas-list .sgtw-web__areas-text {
    position: static;
    width: auto;
    max-width: none;
    font-size: 18px;
}

/* Collaboration */

.sgtw-web__collab {
    margin-bottom: 120px;
}

.sgtw-web__collab-board {
    position: relative;
    width: 100%;
    max-width: 1448px;
    aspect-ratio: 1448 / 555;
    margin: 96px auto 0;
    overflow: visible;
    container-type: inline-size;
}

.sgtw-web__collab-scene {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.sgtw-web__collab-arrows {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.sgtw-web__collab-arrow {
    position: absolute;
    z-index: 1;
    height: auto;
    pointer-events: none;
}

.sgtw-web__collab-dot {
    position: absolute;
    z-index: 3;
    width: calc(20 / var(--collab-w) * 100%);
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--sgtw-gradient-blue);
}

.sgtw-web__collab-cloud {
    position: absolute;
    z-index: 2;
    height: auto;
    pointer-events: none;
}

.sgtw-web__collab-hub {
    position: absolute;
    z-index: 4;
    margin: 0;
    color: #1c2126;
    font-family: var(--sgtw-font-formular);
    font-weight: 500;
    font-size: clamp(12px, 1.65cqi, 24px);
    line-height: 1.167;
    text-align: center;
}

.sgtw-web__collab-icon {
    position: absolute;
    z-index: 4;
    display: block;
    width: calc(135 / var(--collab-w) * 100%);
    height: auto;
}

.sgtw-web__collab-role-title {
    position: absolute;
    z-index: 4;
    margin: 0;
    color: #1c2126;
    font-family: var(--sgtw-font-formular);
    font-weight: 500;
    font-size: clamp(12px, 1.65cqi, 24px);
    line-height: 1.167;
}

.sgtw-web__collab-role-title--align-center {
    text-align: center;
}

.sgtw-web__collab-role-title--align-left {
    text-align: left;
}

.sgtw-web__collab-role-title--align-right {
    text-align: right;
}

.sgtw-web__collab-role-list {
    position: absolute;
    z-index: 4;
    margin: 0;
    color: #1c2126;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: clamp(10px, 1.4cqi, 20px);
    line-height: 1.4;
}

.sgtw-web__collab-role-list p {
    position: relative;
    margin: 0 0 6px;
    padding-left: 1em;
}

.sgtw-web__collab-role-list p::before {
    content: "•";
    position: absolute;
    left: 0;
}

.sgtw-web__collab-role-list p:last-child {
    margin-bottom: 0;
}

.sgtw-web__collab-list-text p {
    margin: 0 0 8px;
}

.sgtw-web__collab-list-text p:last-child {
    margin-bottom: 0;
}

.sgtw-web__collab-list {
    display: none;
    margin: 40px 0 0;
    padding: 0;
    list-style: none;
}

.sgtw-web__collab-list-item {
    margin: 0 0 32px;
}

.sgtw-web__collab-list-item:last-child {
    margin-bottom: 0;
}

.sgtw-web__collab-list-title {
    margin: 0 0 12px;
    color: #1c2126;
    font-family: var(--sgtw-font-formular);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.167;
}

.sgtw-web__collab-list-text {
    margin: 0;
    color: #1c2126;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
}

/* Features */

.sgtw-web__features {
    margin-bottom: 80px;
}

.sgtw-web__features-rows {
    display: flex;
    flex-direction: column;
    gap: 150px;
    margin-top: 88px;
}

.sgtw-web__features-row {
    display: grid;
    grid-template-columns: minmax(0, 579px) minmax(0, 814px);
    justify-content: space-between;
    align-items: center;
    gap: 47px;
}

.sgtw-web__features-row--reverse {
    grid-template-columns: minmax(0, 828px) minmax(0, 580px);
}

.sgtw-web__features-row--reverse .sgtw-web__features-content {
    order: 2;
}

.sgtw-web__features-row--reverse .sgtw-web__features-media {
    order: 1;
}

.sgtw-web__features-content {
    min-width: 0;
}

.sgtw-web__features-subtitle {
    margin: 0 0 40px;
    color: #000;
    font-family: var(--sgtw-font-graphik);
    font-weight: 500;
    font-size: 36px;
    line-height: 1;
}

.sgtw-web__features-subtitle--bold {
    font-family: var(--sgtw-font-formular);
    font-weight: 700;
    line-height: 1.223;
}

.sgtw-web__features-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sgtw-web__features-item {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    margin-bottom: 27px;
}

.sgtw-web__features-item:last-child {
    margin-bottom: 0;
}

.sgtw-web__features-icon {
    display: block;
    width: 96px;
    height: 96px;
    flex-shrink: 0;
}

.sgtw-web__features-text {
    margin: 0;
    color: #000;
    font-family: var(--sgtw-font-graphik);
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
}

.sgtw-web__features-text--tone-muted {
    color: #1c2126;
    font-family: var(--sgtw-font-formular);
    line-height: 1.167;
}

.sgtw-web__features-media {
    min-width: 0;
    padding: 8px 4px 20px;
    box-sizing: border-box;
}

.sgtw-web__features-figure {
    overflow: visible;
    max-width: 100%;
    line-height: 0;
    border-radius: 12px;
}

.sgtw-web__features-row--reverse .sgtw-web__features-figure {
    max-width: 828px;
}

.sgtw-web__features-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.sgtw-web__features-note {
    margin: 16px 0 0;
    color: #1c2126;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.167;
}

/* Version comparison */

.sgtw-web__version {
    --version-text-max: 828px;
    --version-badge-basic: 276px;
    --version-badge-full: 277px;
    --version-col-gap: 52px;
    --version-feature-gap: 44px;
    --version-feature-offset: 29px;
    --version-icon-size: 60px;
    margin-bottom: 120px;
}

.sgtw-web__version-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    max-width: 1448px;
    margin: 120px auto 0;
}

.sgtw-web__version-title {
    margin: 0;
    max-width: 580px;
    color: #010101;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: 48px;
    line-height: 1.223;
    padding-left: 133px;
}

.sgtw-web__version-badges {
    display: flex;
    flex-shrink: 0;
    gap: var(--version-col-gap);
}

.sgtw-web__version-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: var(--version-badge-basic);
    min-height: 160px;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
}

.sgtw-web__version-badge--basic {
    background: #f2f5fb;
    color: #010101;
}

.sgtw-web__version-badge--full {
    width: var(--version-badge-full);
    background: var(--sgtw-gradient-blue);
    color: #fff;
}

.sgtw-web__version-badge-name,
.sgtw-web__version-badge-label {
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: 40px;
    line-height: 1.223;
}

.sgtw-web__version-table {
    max-width: 1448px;
    margin: 0 auto;
}

.sgtw-web__version-columns {
    display: none;
}

.sgtw-web__version-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--version-badge-basic) var(--version-badge-full);
    column-gap: var(--version-col-gap);
    align-items: center;
    min-height: 97px;
    box-sizing: border-box;
}

.sgtw-web__version-row--alt {
    background: #f2f5fb;
}

.sgtw-web__version-feature {
    display: grid;
    grid-template-columns: var(--version-icon-size) minmax(0, 1fr);
    gap: var(--version-feature-gap);
    align-items: center;
    min-width: 0;
    padding-left: var(--version-feature-offset);
}

.sgtw-web__version-icon {
    display: block;
    width: var(--version-icon-size);
    height: var(--version-icon-size);
    object-fit: contain;
    justify-self: center;
}

.sgtw-web__version-text {
    margin: 0;
    width: 100%;
    max-width: var(--version-text-max);
    min-width: 0;
    color: #010101;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.223;
}

.sgtw-web__version-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 97px;
}

.sgtw-web__version-check {
    display: block;
    width: 40px;
    height: 40px;
}

.sgtw-web__version-empty {
    display: block;
    width: 40px;
    height: 40px;
}

.sgtw-web__version-dev {
    display: block;
    max-width: 173px;
    text-align: center;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.223;
    background: var(--sgtw-gradient-blue);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Pricing */

.sgtw-web__pricing {
    margin-bottom: 120px;
}

.sgtw-web__pricing-grid {
    display: grid;
    grid-template-columns: minmax(0, 603px) minmax(0, 100%);
    justify-content: space-between;
    gap: 48px 150px;
    max-width: 1448px;
    margin: 67px auto 0;
}

.sgtw-web__pricing-column {
    min-width: 0;
}

.sgtw-web__pricing-column--cloud {
    --pricing-name: 168px;
    --pricing-seats: 110px;
    --pricing-term: 120px;
    --pricing-price: minmax(110px, 1fr);
    --pricing-head-indent: 132px;
}

.sgtw-web__pricing-column--server {
    --pricing-name: 190px;
    --pricing-seats: 122px;
    --pricing-term: 145px;
    --pricing-price: minmax(110px, 1fr);
    --pricing-head-indent: 154px;
}

.sgtw-web__pricing-layout {
    --pricing-cols: var(--pricing-name) var(--pricing-seats) var(--pricing-term) var(--pricing-price);
}

.sgtw-web__pricing-head {
    position: relative;
    min-height: 73px;
    margin-bottom: 40px;
    padding-left: var(--pricing-head-indent);
}

.sgtw-web__pricing-icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--pricing-name);
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.sgtw-web__pricing-icon {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    flex-shrink: 0;
}

.sgtw-web__pricing-intro {
    min-width: 0;
}

.sgtw-web__pricing-title {
    margin: 0 0 8px;
    color: #010101;
    font-family: var(--sgtw-font-formular);
    font-weight: 700;
    font-size: 36px;
    line-height: 1.223;
    /* white-space: nowrap; */
}

.sgtw-web__pricing-subtitle {
    margin: 0;
    color: #1c2126;
    font-family: var(--sgtw-font-graphik);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.167;
}

.sgtw-web__pricing-table {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
}

.sgtw-web__pricing-row {
    display: grid;
    grid-template-columns: var(--pricing-cols);
    column-gap: 10px;
    align-items: center;
    min-height: 43px;
}

.sgtw-web__pricing-row--head {
    margin-bottom: -4px;
}

.sgtw-web__pricing-row--head + .sgtw-web__pricing-row {
    margin-top: 0;
}

.sgtw-web__pricing-row + .sgtw-web__pricing-row {
    margin-top: 0;
}

.sgtw-web__pricing-cell {
    min-width: 0;
}

.sgtw-web__pricing-row--head .sgtw-web__pricing-cell {
    color: #1c2126;
    font-family: var(--sgtw-font-graphik);
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    text-align: center;
}

.sgtw-web__pricing-cell--name {
    text-align: left;
}

.sgtw-web__pricing-cell--value {
    color: #1c2126;
    font-family: var(--sgtw-font-graphik);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.167;
    text-align: center;
}

.sgtw-web__pricing-cell--value.sgtw-web__pricing-cell--name {
    text-align: center;
}

.sgtw-web__pricing-reqs-title {
    margin: 0 0 16px;
    color: #1c2126;
    font-family: var(--sgtw-font-formular);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.167;
}

.sgtw-web__pricing-reqs-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sgtw-web__pricing-reqs-item {
    position: relative;
    margin: 0 0 8px;
    padding-left: 18px;
    color: #1c2126;
    font-family: var(--sgtw-font-formular);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75;
}

.sgtw-web__pricing-reqs-item::before {
    content: "•";
    position: absolute;
    left: 0;
}

.sgtw-web__pricing-reqs-item:last-child {
    margin-bottom: 0;
}

.sgtw-web__pricing-reqs-item--accent {
    color: #e93423;
}

.sgtw-web__pricing-action {
    max-width: 1448px;
    margin: 56px auto 0;
}

/* Components */

.sgtw-web__components {
    margin-bottom: 120px;
}

.sgtw-web__components .sgtw-web__title {
    margin-bottom: 54px;
}

.sgtw-web__components .catalog__sections--smart-gtm-web {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin: 0;
}

.sgtw-web__components .catalog__section {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-height: 100%;
    padding: 20px;
    background-color: #f4f5f6;
    border-radius: 20px;
    transition: opacity 0.2s ease;
    text-decoration: none;
    color: inherit;
}

.sgtw-web__components .catalog__section:hover {
    opacity: 0.8;
}

.sgtw-web__components .catalog__section-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sgtw-web__components .catalog__section-name {
    margin: 0;
    font-family: var(--sgtw-font-graphik);
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    color: #1c2126;
}

.sgtw-web__components .catalog__section-count,
.sgtw-web__components .catalog__section-price {
    font-family: var(--sgtw-font-graphik);
    font-size: 12px;
    line-height: 1.2;
    color: #93999e;
}

.sgtw-web__components .catalog__section-image {
    width: 100%;
    margin-top: auto;
}

.sgtw-web__components .catalog__section-image img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 0.72;
    object-fit: contain;
}

/* Responsive — breakpoints: 1920 (base), 1440, 1400, 1200, 992, 768, 576, 320 */

@media screen and (max-width: 1440px) {
    .sgtw-web__areas-text {
        font-size: clamp(10px, 1.2cqi, 18px);
    }

    .sgtw-web__collab-hub,
    .sgtw-web__collab-role-title {
        font-size: clamp(11px, 1.45cqi, 22px);
    }

    .sgtw-web__collab-role-list {
        font-size: clamp(9px, 1.2cqi, 18px);
    }
}

@media screen and (max-width: 1460px) {
    .sgtw-web {
        --sgtw-heading-size: 40px;
        --sgtw-title-size: 40px;
        --sgtw-text-size: 20px;
        --sgtw-section-mt: 64px;
        --sgtw-block-gap: 96px;
    }

    .sgtw-web__hero-inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 48px;
    }

    .sgtw-web__hero-media {
        margin-top: 32px;
    }

    .sgtw-web__title {
        font-size: 40px;
    }

    .sgtw-web__description {
        font-size: 20px;
        line-height: 26px;
    }

    .sgtw-web__section-heading {
        font-size: 40px;
    }

    .sgtw-web__areas-board {
        margin-top: 64px;
    }

    .sgtw-web__collab-board {
        margin-top: 64px;
    }

    .sgtw-web__features-rows {
        gap: 96px;
        margin-top: 64px;
    }

    .sgtw-web__features-row,
    .sgtw-web__features-row--reverse {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 40px;
    }

    .sgtw-web__features-row--reverse .sgtw-web__features-figure {
        max-width: none;
    }

    .sgtw-web__features-subtitle {
        font-size: 30px;
    }

    .sgtw-web__features-text {
        font-size: 20px;
    }

    .sgtw-web__version {
        --version-text-max: 640px;
        --version-badge-basic: 220px;
        --version-badge-full: 220px;
        --version-col-gap: 24px;
        --version-feature-gap: 32px;
    }

    .sgtw-web__version-title {
        padding-left: 0;
        font-size: 40px;
    }

    .sgtw-web__version-badge {
        min-height: 140px;
    }

    .sgtw-web__version-badge-name,
    .sgtw-web__version-badge-label {
        font-size: 32px;
    }

    .sgtw-web__version-text {
        font-size: 20px;
    }

    .sgtw-web__pricing-grid {
        grid-template-columns: 1fr;
        gap: 48px;
        margin-top: 64px;
    }

    .sgtw-web__pricing-column--cloud .sgtw-web__pricing-table,
    .sgtw-web__pricing-column--server .sgtw-web__pricing-table {
        min-width: 0;
    }

    .sgtw-web__pricing-title {
        font-size: 30px;
    }

    .sgtw-web__pricing-subtitle,
    .sgtw-web__pricing-cell--value {
        font-size: 20px;
    }

    .sgtw-web__components {
        margin-bottom: 96px;
    }

    .sgtw-web__components .catalog__sections--smart-gtm-web {
        gap: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .sgtw-web {
        --sgtw-heading-size: 32px;
        --sgtw-title-size: 36px;
        --sgtw-section-mt: 48px;
        --sgtw-block-gap: 64px;
    }

    .sgtw-web__hero-inner {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .sgtw-web__hero-content,
    .sgtw-web__hero-media,
    .sgtw-web__downloads {
        grid-column: 1;
        grid-row: auto;
    }

    .sgtw-web__hero-media {
        order: -1;
        margin-top: 0;
        max-width: 590px;
    }

    .sgtw-web__hero-image-wrap {
        max-width: 100%;
    }

    .sgtw-web__downloads {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .sgtw-web__section-heading {
        font-size: 32px;
    }

    .sgtw-web__areas {
        margin-bottom: 64px;
    }

    .sgtw-web__areas-board {
        margin-top: 48px;
    }

    .sgtw-web__areas-canvas,
    .sgtw-web__collab-board {
        display: none;
    }

    .sgtw-web__areas-list,
    .sgtw-web__collab-list {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sgtw-web__collab-list {
        margin-top: 48px;
    }

    .sgtw-web__collab-list-item {
        position: relative;
        padding-left: 1.25em;
    }

    .sgtw-web__collab-list-item::before {
        content: "•";
        position: absolute;
        left: 0;
        top: 0.1em;
        color: #010101;
        font-size: 1.1em;
        line-height: 1.3;
    }

    .sgtw-web__collab-list-text p {
        position: relative;
        padding-left: 1em;
    }

    .sgtw-web__collab-list-text p::before {
        content: "•";
        position: absolute;
        left: 0;
        color: #010101;
    }

    .sgtw-web__collab {
        margin-bottom: 80px;
    }

    .sgtw-web__features {
        margin-bottom: 64px;
    }

    .sgtw-web__features-row,
    .sgtw-web__features-row--reverse {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .sgtw-web__features-row--reverse .sgtw-web__features-content,
    .sgtw-web__features-row--reverse .sgtw-web__features-media {
        order: unset;
    }

    .sgtw-web__features-rows {
        gap: 64px;
        margin-top: 64px;
    }

    .sgtw-web__features-subtitle {
        margin-bottom: 32px;
        font-size: 28px;
        line-height: 1.1;
    }

    .sgtw-web__version {
        --version-badge-basic: 168px;
        --version-badge-full: 168px;
        --version-col-gap: 16px;
        --version-feature-gap: 16px;
        --version-feature-offset: 0;
        --version-icon-size: 40px;
        --version-text-max: none;
        margin-bottom: 80px;
    }

    .sgtw-web__version-head {
        gap: 24px;
        margin-top: 64px;
        align-items: flex-end;
    }

    .sgtw-web__version-title {
        max-width: none;
        font-size: 32px;
        line-height: 1.2;
    }

    .sgtw-web__version-badge {
        min-height: 104px;
        border-radius: 14px;
    }

    .sgtw-web__version-badge-name,
    .sgtw-web__version-badge-label {
        font-size: 24px;
    }

    .sgtw-web__version-row,
    .sgtw-web__version-cell {
        min-height: 72px;
    }

    .sgtw-web__version-text {
        font-size: 16px;
        line-height: 1.25;
    }

    .sgtw-web__version-check,
    .sgtw-web__version-empty {
        width: 28px;
        height: 28px;
    }

    .sgtw-web__version-dev {
        max-width: 110px;
        font-size: 14px;
        line-height: 1.2;
    }

    .sgtw-web__pricing {
        margin-bottom: 80px;
    }

    .sgtw-web__pricing-grid {
        grid-template-columns: 1fr;
        gap: 56px;
        margin-top: 48px;
    }

    .sgtw-web__pricing-head {
        margin-bottom: 32px;
    }

    .sgtw-web__pricing-table {
        overflow-x: auto;
    }

    .sgtw-web__pricing-column--cloud .sgtw-web__pricing-table,
    .sgtw-web__pricing-column--server .sgtw-web__pricing-table {
        min-width: 560px;
    }

    .sgtw-web__pricing-action {
        margin-top: 40px;
    }

    .sgtw-web__pricing-action .sgtw-web__btn {
        width: 100%;
        max-width: 360px;
    }

    .sgtw-web__components .catalog__sections--smart-gtm-web {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 992px) {
    .sgtw-web {
        --sgtw-heading-size: 28px;
        --sgtw-title-size: 32px;
        --sgtw-block-gap: 56px;
    }

    .sgtw-web__hero {
        margin-bottom: 80px;
    }

    .sgtw-web__hero-media {
        max-width: 100%;
    }

    .sgtw-web__section-heading {
        font-size: 28px;
        padding: 12px 20px;
    }

    .sgtw-web__areas-board {
        margin-top: 40px;
    }

    .sgtw-web__areas-list {
        padding-top: 40px;
    }

    .sgtw-web__collab-list {
        margin-top: 40px;
    }

    .sgtw-web__features-rows {
        gap: 56px;
        margin-top: 56px;
    }

    .sgtw-web__features-subtitle {
        font-size: 26px;
    }

    .sgtw-web__version-head {
        margin-top: 56px;
        gap: 16px;
    }

    .sgtw-web__version-title {
        font-size: 28px;
    }

    .sgtw-web__version {
        --version-badge-basic: 140px;
        --version-badge-full: 140px;
        --version-col-gap: 12px;
        --version-icon-size: 36px;
        --version-feature-gap: 12px;
    }

    .sgtw-web__version-badge {
        min-height: 88px;
        border-radius: 12px;
    }

    .sgtw-web__version-badge-name,
    .sgtw-web__version-badge-label {
        font-size: 20px;
    }

    .sgtw-web__version-text {
        font-size: 15px;
    }

    .sgtw-web__version-dev {
        font-size: 13px;
        max-width: 96px;
    }

    .sgtw-web__pricing-grid {
        gap: 48px;
        margin-top: 40px;
    }

    .sgtw-web__pricing-column--cloud .sgtw-web__pricing-table,
    .sgtw-web__pricing-column--server .sgtw-web__pricing-table {
        min-width: 0;
    }

    .sgtw-web__components .catalog__sections--smart-gtm-web {
        gap: 18px;
    }
}

@media screen and (max-width: 768px) {
    .sgtw-web {
        --sgtw-heading-size: 24px;
        --sgtw-title-size: 32px;
        --sgtw-text-size: 18px;
        --sgtw-section-mt: 40px;
        --sgtw-block-gap: 48px;
    }

    .sgtw-web > .systems__banner {
        margin-bottom: 24px;
    }

    .sgtw-web__breadcrumbs {
        margin-bottom: 32px;
    }

    .sgtw-web__hero {
        margin-bottom: 64px;
    }

    .sgtw-web__product-label {
        gap: 12px;
        margin-bottom: 24px;
    }

    .sgtw-web__title {
        margin-bottom: 32px;
        font-size: 32px;
    }

    .sgtw-web__description {
        margin-bottom: 32px;
        font-size: 18px;
        line-height: 24px;
    }

    .sgtw-web__product-name {
        font-size: 20px;
        line-height: 24px;
    }

    .sgtw-web__actions {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 32px;
    }

    .sgtw-web__btn {
        width: 100%;
    }

    .sgtw-web__download-link {
        font-size: 18px;
        line-height: 24px;
    }

    .sgtw-web__section-heading {
        padding: 12px 16px;
        font-size: 24px;
        line-height: 1.2;
    }

    .sgtw-web__areas-list {
        padding-top: 48px;
    }

    .sgtw-web__areas-list .sgtw-web__areas-text {
        font-size: 18px;
        line-height: 1.3;
    }

    .sgtw-web__features-rows {
        gap: 48px;
        margin-top: 48px;
    }

    .sgtw-web__features-item {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 16px;
        margin-bottom: 24px;
    }

    .sgtw-web__features-icon {
        width: 72px;
        height: 72px;
    }

    .sgtw-web__features-text {
        font-size: 18px;
        line-height: 1.2;
    }

    .sgtw-web__features-subtitle {
        font-size: 24px;
    }

    .sgtw-web__features-note {
        font-size: 18px;
    }

    .sgtw-web__collab-list-title {
        font-size: 20px;
    }

    .sgtw-web__collab-list-text {
        font-size: 18px;
    }

    .sgtw-web__version {
        --version-badge-basic: 88px;
        --version-badge-full: 88px;
        --version-col-gap: 6px;
        --version-icon-size: 24px;
        --version-feature-gap: 8px;
        margin-bottom: 64px;
        overflow-x: visible;
    }

    .sgtw-web__version-head {
        margin-top: 48px;
        gap: 10px;
        min-width: 0;
        align-items: center;
    }

    .sgtw-web__version-title {
        flex: 1 1 auto;
        min-width: 0;
        font-size: 18px;
        line-height: 1.15;
        white-space: normal;
    }


    .sgtw-web__version-badges {
        gap: var(--version-col-gap);
    }

    .sgtw-web__version-badge {
        min-height: 64px;
        border-radius: 10px;
        padding: 6px 4px;
    }

    .sgtw-web__version-badge-name,
    .sgtw-web__version-badge-label {
        font-size: 14px;
        line-height: 1.1;
    }

    .sgtw-web__version-table {
        min-width: 0;
        width: 100%;
    }

    .sgtw-web__version-row,
    .sgtw-web__version-cell {
        min-height: 52px;
    }

    .sgtw-web__version-text {
        font-size: 12px;
        line-height: 1.2;
    }

    .sgtw-web__version-check,
    .sgtw-web__version-empty {
        width: 20px;
        height: 20px;
    }

    .sgtw-web__version-dev {
        font-size: 10px;
        max-width: 72px;
        line-height: 1.15;
    }

    .sgtw-web__pricing {
        margin-bottom: 64px;
    }

    .sgtw-web__pricing-grid {
        gap: 48px;
        margin-top: 40px;
    }

    .sgtw-web__pricing-head {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        min-height: 0;
        margin-bottom: 24px;
        padding-left: 0;
    }

    .sgtw-web__pricing-icon-wrap {
        position: static;
        width: auto;
        justify-content: flex-start;
    }

    .sgtw-web__pricing-column--server .sgtw-web__pricing-icon {
        max-width: 56px;
        max-height: 56px;
    }

    .sgtw-web__pricing-column--cloud .sgtw-web__pricing-icon {
        max-width: 52px;
        max-height: 52px;
    }

    .sgtw-web__pricing-title {
        font-size: 24px;
        white-space: normal;
    }

    .sgtw-web__pricing-subtitle,
    .sgtw-web__pricing-reqs-title {
        font-size: 18px;
    }

    .sgtw-web__pricing-cell--value {
        font-size: 18px;
    }

    .sgtw-web__pricing-row--head .sgtw-web__pricing-cell {
        font-size: 14px;
    }

    .sgtw-web__pricing-reqs-item {
        font-size: 14px;
        line-height: 1.5;
    }

    .sgtw-web__pricing-column--cloud .sgtw-web__pricing-table,
    .sgtw-web__pricing-column--server .sgtw-web__pricing-table {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    .sgtw-web__pricing-column--cloud {
        --pricing-name: minmax(0, 1.15fr);
        --pricing-seats: minmax(44px, 0.7fr);
        --pricing-term: minmax(40px, 0.65fr);
        --pricing-price: minmax(0, 0.85fr);
    }

    .sgtw-web__pricing-column--server {
        --pricing-name: minmax(0, 1.2fr);
        --pricing-seats: minmax(48px, 0.72fr);
        --pricing-term: minmax(40px, 0.65fr);
        --pricing-price: minmax(0, 0.85fr);
    }

    .sgtw-web__pricing-row {
        column-gap: 8px;
    }

    .sgtw-web__pricing-cell--value {
        word-break: break-word;
    }

    .sgtw-web__pricing-action {
        margin-top: 32px;
    }

    .sgtw-web__pricing-action .sgtw-web__btn {
        max-width: none;
    }

    .sgtw-web__components {
        margin-bottom: 64px;
    }

    .sgtw-web__components .sgtw-web__title {
        margin-bottom: 32px;
        font-size: 32px;
    }

    .sgtw-web__components .catalog__sections--smart-gtm-web {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .sgtw-web__components .catalog__section-name {
        font-size: 18px;
    }
}

@media screen and (max-width: 576px) {
    .sgtw-web {
        --sgtw-heading-size: 22px;
        --sgtw-title-size: 28px;
        --sgtw-block-gap: 40px;
    }

    .sgtw-web__breadcrumbs .breadcrumbs {
        display: inline-flex;
    }

    .sgtw-web__breadcrumbs .breadcrumbs__items {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .sgtw-web__hero {
        margin-bottom: 56px;
    }

    .sgtw-web__title {
        font-size: 28px;
    }

    .sgtw-web__section-heading {
        font-size: 22px;
        padding: 10px 14px;
        min-height: 52px;
    }

    .sgtw-web__features-rows {
        gap: 40px;
        margin-top: 40px;
    }

    .sgtw-web__features-subtitle {
        font-size: 22px;
        margin-bottom: 24px;
    }

    .sgtw-web__features-item {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 12px;
    }

    .sgtw-web__features-icon {
        width: 64px;
        height: 64px;
    }

    .sgtw-web__version {
        --version-badge-basic: 72px;
        --version-badge-full: 72px;
        --version-col-gap: 4px;
        --version-icon-size: 0;
        --version-feature-gap: 0;
    }

    .sgtw-web__version-title {
        font-size: 15px;
    }

    .sgtw-web__version-icon {
        display: none;
    }

    .sgtw-web__version-feature {
        grid-template-columns: minmax(0, 1fr);
        padding-left: 6px;
        padding-right: 4px;
    }

    .sgtw-web__version-badge {
        min-height: 52px;
        border-radius: 8px;
        padding: 4px 2px;
    }

    .sgtw-web__version-badge-label {
        display: none;
    }

    .sgtw-web__version-badge-name {
        font-size: 11px;
        line-height: 1.1;
    }

    .sgtw-web__version-text {
        font-size: 11px;
        line-height: 1.2;
    }

    .sgtw-web__version-row,
    .sgtw-web__version-cell {
        min-height: 44px;
    }

    .sgtw-web__version-check,
    .sgtw-web__version-empty {
        width: 16px;
        height: 16px;
    }

    .sgtw-web__version-dev {
        font-size: 9px;
        max-width: 64px;
    }

    .sgtw-web__version-head,
    .sgtw-web__version-table {
        min-width: 0;
    }

    .sgtw-web__pricing-column--cloud {
        --pricing-name: minmax(0, 1.1fr);
        --pricing-seats: minmax(40px, 0.68fr);
        --pricing-term: minmax(36px, 0.62fr);
        --pricing-price: minmax(0, 0.8fr);
    }

    .sgtw-web__pricing-column--server {
        --pricing-name: minmax(0, 1.15fr);
        --pricing-seats: minmax(44px, 0.7fr);
        --pricing-term: minmax(36px, 0.62fr);
        --pricing-price: minmax(0, 0.8fr);
    }

    .sgtw-web__pricing-head {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 10px;
    }

    .sgtw-web__pricing-column--server .sgtw-web__pricing-icon,
    .sgtw-web__pricing-column--cloud .sgtw-web__pricing-icon {
        max-width: 48px;
        max-height: 48px;
    }

    .sgtw-web__pricing-title {
        font-size: 22px;
    }

    .sgtw-web__pricing-subtitle,
    .sgtw-web__pricing-reqs-title {
        font-size: 16px;
    }

    .sgtw-web__pricing-cell--value {
        font-size: 16px;
    }

    .sgtw-web__pricing-row--head .sgtw-web__pricing-cell {
        font-size: 12px;
        line-height: 1.15;
    }

    .sgtw-web__pricing-table {
        overflow: visible;
        margin-bottom: 32px;
    }

    .sgtw-web__pricing-column--cloud .sgtw-web__pricing-table,
    .sgtw-web__pricing-column--server .sgtw-web__pricing-table {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    .sgtw-web__pricing-row--head {
        display: none;
    }

    .sgtw-web__pricing-row:not(.sgtw-web__pricing-row--head) {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 16px 0;
        border-bottom: 1px solid #d9dde3;
        min-height: 0;
        align-items: stretch;
    }

    .sgtw-web__pricing-row:not(.sgtw-web__pricing-row--head):last-child {
        border-bottom: none;
    }

    .sgtw-web__pricing-row:not(.sgtw-web__pricing-row--head) .sgtw-web__pricing-cell {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        text-align: right;
        min-height: 0;
    }

    .sgtw-web__pricing-row:not(.sgtw-web__pricing-row--head) .sgtw-web__pricing-cell::before {
        font-family: var(--sgtw-font-graphik);
        font-weight: 400;
        font-size: 13px;
        line-height: 1.25;
        color: #767d83;
        text-align: left;
    }

    .sgtw-web__pricing-row:not(.sgtw-web__pricing-row--head) .sgtw-web__pricing-cell--name::before {
        content: "Наименование лицензии";
    }

    .sgtw-web__pricing-row:not(.sgtw-web__pricing-row--head) .sgtw-web__pricing-cell--seats::before {
        content: "Количество рабочих мест";
    }

    .sgtw-web__pricing-row:not(.sgtw-web__pricing-row--head) .sgtw-web__pricing-cell--term::before {
        content: "Срок действия";
    }

    .sgtw-web__pricing-row:not(.sgtw-web__pricing-row--head) .sgtw-web__pricing-cell--price::before {
        content: "Цена без НДС";
    }

    .sgtw-web__pricing-row:not(.sgtw-web__pricing-row--head) .sgtw-web__pricing-cell--value {
        font-size: 15px;
        line-height: 1.25;
        word-break: break-word;
    }

    .sgtw-web__pricing-row:not(.sgtw-web__pricing-row--head) .sgtw-web__pricing-cell--value.sgtw-web__pricing-cell--name {
        text-align: right;
    }

    .sgtw-web__components .sgtw-web__title {
        font-size: 28px;
    }
}

/* Version table: fit fully around 400–425px without horizontal scroll */
@media screen and (max-width: 480px) {
    .sgtw-web__version {
        --version-badge-basic: 62px;
        --version-badge-full: 62px;
        --version-col-gap: 3px;
        width: 100%;
        max-width: 100%;
        overflow: visible;
        zoom: 0.95;
    }

    .sgtw-web__version-head {
        gap: 6px;
        margin-top: 36px;
    }

    .sgtw-web__version-title {
        font-size: 13px;
        line-height: 1.15;
    }

    .sgtw-web__version-badge {
        min-height: 46px;
        border-radius: 7px;
    }

    .sgtw-web__version-badge-name {
        font-size: 10px;
        letter-spacing: -0.02em;
    }

    .sgtw-web__version-feature {
        padding-left: 4px;
        padding-right: 2px;
    }

    .sgtw-web__version-text {
        font-size: 10px;
        line-height: 1.15;
    }

    .sgtw-web__version-row,
    .sgtw-web__version-cell {
        min-height: 40px;
    }

    .sgtw-web__version-check,
    .sgtw-web__version-empty {
        width: 14px;
        height: 14px;
    }

    .sgtw-web__version-dev {
        font-size: 8px;
        max-width: 56px;
    }
}

@media screen and (max-width: 430px) {
    .sgtw-web__version {
        --version-badge-basic: 54px;
        --version-badge-full: 54px;
        --version-col-gap: 2px;
        zoom: 0.9;
    }

    .sgtw-web__version-title {
        font-size: 12px;
    }

    .sgtw-web__version-badge {
        min-height: 42px;
    }

    .sgtw-web__version-badge-name {
        font-size: 9px;
    }

    .sgtw-web__version-text {
        font-size: 9px;
    }

    .sgtw-web__version-dev {
        font-size: 7px;
        max-width: 48px;
    }
}

@media screen and (max-width: 320px) {
    .sgtw-web {
        --sgtw-heading-size: 20px;
        --sgtw-title-size: 26px;
        --sgtw-text-size: 16px;
        --sgtw-section-mt: 32px;
        --sgtw-block-gap: 32px;
    }

    .sgtw-web__breadcrumbs {
        margin-bottom: 24px;
    }

    .sgtw-web__breadcrumbs .breadcrumbs__item,
    .sgtw-web__breadcrumbs .breadcrumbs__item--link,
    .sgtw-web__breadcrumbs .breadcrumbs__item--active {
        font-size: 12px;
        line-height: 18px;
    }

    .sgtw-web__breadcrumbs .breadcrumbs__separator {
        margin: 0 6px;
    }

    .sgtw-web > .systems__banner {
        margin-bottom: 20px;
    }

    .sgtw-web__hero {
        margin-bottom: 48px;
    }

    .sgtw-web__product-label {
        gap: 10px;
        margin-bottom: 20px;
    }

    .sgtw-web__product-icon {
        width: 32px;
        height: 32px;
    }

    .sgtw-web__product-name {
        font-size: 18px;
    }

    .sgtw-web__title {
        margin-bottom: 24px;
        font-size: 26px;
    }

    .sgtw-web__description {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 22px;
    }

    .sgtw-web__actions {
        margin-bottom: 24px;
    }

    .sgtw-web__btn {
        min-height: 52px;
        padding: 14px 20px;
        font-size: 18px;
        line-height: 22px;
    }

    .sgtw-web__registry {
        font-size: 16px;
        line-height: 1.3;
    }

    .sgtw-web__download-link {
        font-size: 16px;
        line-height: 22px;
    }

    .sgtw-web__section-heading {
        font-size: 20px;
        padding: 10px 12px;
        min-height: 48px;
        border-radius: 8px;
    }

    .sgtw-web__areas,
    .sgtw-web__collab,
    .sgtw-web__features,
    .sgtw-web__version,
    .sgtw-web__pricing,
    .sgtw-web__components {
        margin-bottom: 48px;
    }

    .sgtw-web__areas-board,
    .sgtw-web__features-rows,
    .sgtw-web__pricing-grid {
        margin-top: 32px;
    }

    .sgtw-web__areas-list {
        padding-top: 32px;
    }

    .sgtw-web__areas-list .sgtw-web__areas-text {
        font-size: 16px;
    }

    .sgtw-web__collab-list {
        margin-top: 32px;
    }

    .sgtw-web__collab-list-title {
        font-size: 18px;
    }

    .sgtw-web__collab-list-text {
        font-size: 16px;
    }

    .sgtw-web__features-rows {
        gap: 32px;
    }

    .sgtw-web__features-subtitle {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .sgtw-web__features-item {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 10px;
        margin-bottom: 20px;
    }

    .sgtw-web__features-icon {
        width: 56px;
        height: 56px;
    }

    .sgtw-web__features-text,
    .sgtw-web__features-note {
        font-size: 16px;
    }

    .sgtw-web__version-head {
        margin-top: 32px;
        gap: 6px;
    }

    .sgtw-web__version-title {
        font-size: 13px;
    }

    .sgtw-web__version {
        --version-badge-basic: 58px;
        --version-badge-full: 58px;
        --version-col-gap: 3px;
        --version-feature-gap: 0;
    }

    .sgtw-web__version-badge {
        min-height: 44px;
        border-radius: 6px;
        padding: 3px 1px;
    }

    .sgtw-web__version-badge-name {
        font-size: 10px;
    }

    .sgtw-web__version-text {
        font-size: 10px;
        line-height: 1.15;
    }

    .sgtw-web__version-row,
    .sgtw-web__version-cell {
        min-height: 40px;
    }

    .sgtw-web__version-check,
    .sgtw-web__version-empty {
        width: 14px;
        height: 14px;
    }

    .sgtw-web__version-dev {
        font-size: 8px;
        max-width: 54px;
    }

    .sgtw-web__version-feature {
        padding-left: 4px;
        padding-right: 2px;
    }

    .sgtw-web__pricing-head {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 8px;
        margin-bottom: 20px;
    }

    .sgtw-web__pricing-column--server .sgtw-web__pricing-icon,
    .sgtw-web__pricing-column--cloud .sgtw-web__pricing-icon {
        max-width: 44px;
        max-height: 44px;
    }

    .sgtw-web__pricing-column--cloud {
        --pricing-name: minmax(88px, 1.35fr);
        --pricing-seats: 72px;
        --pricing-term: 60px;
    }

    .sgtw-web__pricing-column--server {
        --pricing-name: minmax(92px, 1.4fr);
        --pricing-seats: 76px;
        --pricing-term: 60px;
    }

    .sgtw-web__pricing-title {
        font-size: 20px;
    }

    .sgtw-web__pricing-subtitle,
    .sgtw-web__pricing-reqs-title {
        font-size: 15px;
    }

    .sgtw-web__pricing-cell--value {
        font-size: 15px;
    }

    .sgtw-web__pricing-row--head .sgtw-web__pricing-cell {
        font-size: 12px;
    }

    .sgtw-web__pricing-reqs-item {
        font-size: 13px;
    }

    .sgtw-web__pricing-action {
        margin-top: 24px;
    }

    .sgtw-web__components .sgtw-web__title {
        margin-bottom: 24px;
        font-size: 24px;
    }

    .sgtw-web__components .catalog__sections--smart-gtm-web {
        gap: 12px;
    }

    .sgtw-web__components .catalog__section {
        padding: 16px;
        border-radius: 16px;
    }

    .sgtw-web__components .catalog__section-name {
        font-size: 16px;
    }
}

/* End */


/* Start:/local/templates/main/components/bitrix/breadcrumb/msnet/style.min.css?1617794192467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */
/* /local/templates/main/css/smart-gtm-web.css?178479710556832 */
/* /local/templates/main/components/bitrix/breadcrumb/msnet/style.min.css?1617794192467 */