/*
    Global Variables
*/
:root {
    --header-background: #001529;
    --main-color: #001529;
    --main-color-monochromatic-100: #002b53;
    --main-color-monochromatic-200: #00417e;
    --main-color-monochromatic-300: #0056a8;
    --main-color-monochromatic-400: #006cd3;
    --main-color-monochromatic-500: #0082fd;
    --primary-color: #1677ff;
    --primary-danger-color: #ff4d4f;
    --font-color-black: #172033;
    --font-color-white: #f5f7fa;
    --font-color-muted: #5d6b7b;
    --page-background: #eef2f5;
    --surface-color: #ffffff;
    --surface-muted: #f3f5f7;
    --surface-border: #d9e2ec;
    --surface-border-strong: #c1ccd8;
    --dark-border: #20364f;
    --main-font: "Open Sans", sans-serif;
    --content-max-width: 1280px;
    --section-space: 64px;
    --section-intro-space: 32px;
    --section-row-space: 24px;
    --card-padding: 24px;
    color-scheme: light;
}

html,
body,
#root,
#app,
app {
    height: 100%;
    width: 100%;
}

html {
    color-scheme: light;
    scroll-behavior: smooth;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background: var(--page-background);
    color: var(--font-color-black);
    forced-color-adjust: none;
    margin: 0;
    text-rendering: optimizeLegibility;
}

.colorWeak {
    filter: invert(80%);
}

.ant-layout {
    background: transparent;
    min-height: 100vh;
}

.site-layout.ant-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.site-main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.site-header.ant-layout-header {
    background: #001529;
    height: auto;
    line-height: 64px;
    padding: 0;
}

.site-header-inner {
    align-items: center;
    background: #001529;
    box-sizing: border-box;
    display: flex;
    gap: 24px;
    margin: 0 auto;
    max-width: calc(var(--content-max-width) + 48px);
    min-height: 64px;
    padding: 0 24px;
    width: 100%;
}

.site-header-brand {
    flex: 0 0 auto;
    line-height: 0;
    margin: 0;
}

.site-header-logo {
    display: inline-flex;
}

.site-header-logo-image {
    display: block;
    height: 31px;
    width: 120px;
}

.site-header-nav {
    flex: 1 1 auto;
    min-width: 0;
}

.site-header-desktop-menu.ant-menu {
    background: transparent;
    border-bottom: 0;
    line-height: 64px;
}

.site-header-desktop-menu.ant-menu-horizontal > .ant-menu-item,
.site-header-desktop-menu.ant-menu-horizontal > .ant-menu-submenu {
    align-items: center;
    display: inline-flex;
    height: 64px;
    line-height: 64px;
    padding-inline: 20px;
    top: 0;
}

.site-header-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
}

.site-header-culture {
    align-items: center;
    display: inline-flex;
}

.site-header-theme-toggle.ant-btn {
    background: transparent !important;
    background-color: transparent !important;
    border: 0;
    border-color: transparent !important;
    box-shadow: none;
    color: var(--font-color-white);
    display: inline-grid;
    flex: 0 0 auto;
    height: 32px;
    line-height: 32px;
    min-width: 32px;
    place-items: center;
    padding: 0;
    transition: color 0.2s ease, opacity 0.2s ease;
    width: 32px;
}

.site-header-theme-toggle.ant-btn:hover,
.site-header-theme-toggle.ant-btn:focus,
.site-header-theme-toggle.ant-btn:active,
.site-header-theme-toggle.ant-btn:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--font-color-white);
    opacity: 0.82;
    outline: none;
    box-shadow: none;
}

.site-header-theme-icon {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1;
    vertical-align: middle;
}

.site-header-theme-toggle.ant-btn::after,
.site-header-mobile-theme-toggle.ant-btn::after {
    display: none !important;
}

.site-header-mobile-toggle.ant-btn {
    align-items: center;
    color: var(--font-color-white);
    display: none;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px;
}

.site-header-mobile-toggle.ant-btn:hover,
.site-header-mobile-toggle.ant-btn:focus {
    color: var(--font-color-white);
}

.site-header-mobile-toggle .anticon {
    font-size: 1.2rem;
}

.site-header-drawer .ant-drawer-body {
    padding: 24px;
}

.site-header-drawer-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.site-header-mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.site-header-mobile-link {
    align-items: center;
    border: 1px solid var(--surface-border);
    color: var(--font-color-black);
    display: flex;
    gap: 12px;
    min-height: 48px;
    padding: 0 16px;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.site-header-mobile-link:hover,
.site-header-mobile-link:focus,
.site-header-mobile-link.active {
    border-color: var(--main-color-monochromatic-300);
    color: var(--main-color-monochromatic-300);
}

.site-header-mobile-link .anticon {
    font-size: 1rem;
}

.site-header-mobile-language {
    align-items: flex-start;
    border-top: 1px solid var(--surface-border);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 24px;
}

.site-header-mobile-language-label {
    color: var(--font-color-muted);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.site-header-mobile-theme {
    align-items: flex-start;
    border-top: 1px solid var(--surface-border);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 24px;
}

.site-header-mobile-theme-toggle.ant-btn {
    background: transparent !important;
    background-color: transparent !important;
    border: 0;
    border-color: transparent !important;
    box-shadow: none;
    color: var(--font-color-black);
    display: inline-grid;
    height: 32px;
    line-height: 32px;
    min-width: 32px;
    place-items: center;
    padding: 0;
    width: 32px;
}

.site-header-mobile-theme-toggle.ant-btn:hover,
.site-header-mobile-theme-toggle.ant-btn:focus,
.site-header-mobile-theme-toggle.ant-btn:active,
.site-header-mobile-theme-toggle.ant-btn:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--main-color-monochromatic-300);
    opacity: 0.82;
    outline: none;
    box-shadow: none;
}

.site-header-mobile-theme-icon {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1;
    vertical-align: middle;
}

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

canvas {
    display: block;
}

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

a.white {
    color: var(--font-color-white);
}

.p-large {
    color: var(--font-color-black);
    font: 400 1.125rem/1.8rem var(--main-font);
}

.list-unstyled {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.media {
    align-items: flex-start;
    display: flex;
}

.media-body {
    flex: 1;
}

.text-danger {
    color: #cf1322;
}

#content-container-envelop {
    background: var(--page-background);
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

.content-container {
    background: transparent;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

.content-page-shell {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.content-page-shell > .content-container-body {
    flex: 1 1 auto;
}

.content-page-shell > .bottom-container {
    margin-top: auto;
}

.content-container-body {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: calc(var(--content-max-width) + 48px);
    padding: 0 24px 56px;
    width: 100%;
}

.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6 {
    color: var(--font-color-black);
    letter-spacing: -0.02em;
    margin-top: 0;
}

.home h1 {
    font: 700 3.4rem/1.05 var(--main-font);
}

.home h2 {
    font: 700 2.3rem/1.15 var(--main-font);
}

.home h3 {
    font: 700 1.45rem/1.3 var(--main-font);
}

.top-container,
.bottom-container {
    width: 100%;
}

.top-container-content {
    background: var(--main-color);
    padding: 72px 0 var(--section-space);
}

.top-container-without-content {
    background: var(--main-color);
    height: 32px;
}

.top-container-content h1,
.top-container-content .p-large {
    color: var(--font-color-white);
}

.top-container-inner {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: calc(var(--content-max-width) + 48px);
    padding: 0 24px;
    width: 100%;
}

.hero-section {
    width: 100%;
}

.hero-section.ant-row {
    align-items: center;
}

.hero-section.ant-row > .ant-col {
    min-width: 0;
}

.hero-content {
    max-width: 56rem;
    width: 100%;
}

.hero-content.ant-space {
    display: flex;
    width: 100%;
}

.hero-copy {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.hero-primary-heading {
    align-items: center;
    color: #ffffff;
    display: flex;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
}

.hero-primary-heading::after {
    border-top: 1px solid rgba(255, 255, 255, 0.55);
    content: "";
    flex: 1 1 auto;
    margin-left: 16px;
}

.hero-title-heading {
    color: var(--font-color-white);
    font: 700 3.4rem/1.05 var(--main-font);
    margin-bottom: 0;
    max-width: 100%;
    margin-top: 0;
}

.hero-lead {
    margin: 0;
    max-width: 40rem;
    color: rgba(245, 247, 250, 0.88);
    line-height: 1.9rem;
}

.hero-stat-grid {
    margin-top: 4px;
    width: 100%;
}

.equal-height-row.ant-row,
.hero-stat-grid.ant-row,
.workflow-row.ant-row,
.enterprise-page-grid.ant-row,
.bottom-container-inner .ant-row {
    align-items: stretch;
}

.equal-height-row.ant-row > .ant-col,
.hero-stat-grid.ant-row > .ant-col,
.workflow-row.ant-row > .ant-col,
.enterprise-page-grid.ant-row > .ant-col,
.bottom-container-inner .ant-row > .ant-col {
    display: flex;
}

.hero-stat-card.ant-card {
    background: rgba(255, 255, 255, 0.06) !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid var(--dark-border);
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.hero-stat-card .ant-card-body {
    background: transparent !important;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 22px 24px;
}

.hero-stat-card .ant-statistic {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
}

.hero-stat-card .ant-statistic-title {
    color: rgba(245, 247, 250, 0.8);
    line-height: 1.6;
    min-height: 3.2em;
    margin-bottom: 16px;
}

.hero-stat-card .ant-statistic-content,
.hero-stat-card .ant-statistic-content-value,
.hero-stat-card .ant-statistic-content-suffix {
    color: var(--font-color-white);
}

.hero-stat-card .ant-statistic-content {
    margin-top: auto;
}

.hero-points {
    margin-top: 8px;
    width: 100%;
}

.hero-point,
.workflow-point,
.plan-point,
.detail-row,
.bottom-contact-item {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    line-height: 1.7;
}

.hero-point {
    color: var(--font-color-white);
}

.hero-point .anticon,
.workflow-point .anticon,
.plan-point .anticon,
.detail-row .anticon,
.bottom-contact-item .anticon,
.capability-icon {
    color: var(--primary-color);
    font-size: 1rem;
    margin-top: 0.25rem;
}

.hero-preview-card.ant-card {
    background: transparent;
    background-color: transparent !important;
    border: 0;
    box-shadow: none;
    height: 100%;
}

.hero-preview-card .ant-card-body {
    background: transparent !important;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    padding: 0;
}

.hero-preview-copy {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
}

.hero-preview-copy h4 {
    color: var(--font-color-white);
    margin-bottom: 0;
}

.hero-preview-caption {
    color: rgba(245, 247, 250, 0.8);
    line-height: 1.7;
    margin: 0;
}

.hero-preview-image,
.hero-preview-image .ant-image,
.hero-preview-image img,
.section-visual-image,
.section-visual-image .ant-image,
.section-visual-image img {
    display: block;
    margin: 0 auto;
    max-height: 320px;
    max-width: 100%;
    object-fit: contain;
    width: 100%;
}

.hero-preview-image img,
.section-visual-image img {
    transition: filter 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.enterprise-section {
    padding-top: var(--section-space);
}

.section-muted {
    margin-top: 0;
    padding: var(--section-space) 0 0;
    position: relative;
}

.section-muted::before {
    background: var(--surface-muted);
    content: "";
    inset: 0 -200vw auto -200vw;
    position: absolute;
    z-index: -1;
}

.section-lead {
    color: var(--font-color-muted);
    font-size: 1.05rem;
    line-height: 1.85;
    margin: 0;
    max-width: 100%;
}

.section-intro {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.section-intro-row {
    margin-bottom: var(--section-intro-space);
}

.enterprise-section > .section-marker.ant-divider {
    margin-bottom: 12px;
}

.section-intro .h2-heading {
    color: var(--font-color-black);
    font: 700 2.3rem/1.15 var(--main-font);
    margin-bottom: 0;
    max-width: 100%;
}

.section-intro .section-lead {
    max-width: 100%;
}

.section-marker.ant-divider {
    color: var(--main-color-monochromatic-400);
    border-color: #bed3ea;
    display: flex;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}

.section-marker.ant-divider .ant-divider-inner-text {
    color: inherit !important;
}

.section-marker-light.ant-divider {
    color: rgba(245, 247, 250, 0.98);
    border-color: rgba(245, 247, 250, 0.4);
}

.section-marker-light.ant-divider .ant-divider-inner-text {
    color: inherit;
}

.hero-eyebrow.ant-divider,
.hero-eyebrow.ant-divider .ant-divider-inner-text {
    color: #ffffff !important;
}

.hero-eyebrow.ant-divider {
    border-color: rgba(255, 255, 255, 0.55);
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.enterprise-card.ant-card,
.content-container-body .ant-card,
.content-container-body .ant-btn,
.content-container-body .ant-input,
.content-container-body .ant-input-affix-wrapper,
.content-container-body .ant-select-selector,
.content-container-body .ant-tabs-tab,
.content-container-body .ant-pagination-item,
.content-container-body .ant-picker,
.content-container-body .ant-tag,
.bottom-container-content .ant-card,
.bottom-container-content .ant-btn {
    border-radius: 0 !important;
}

.enterprise-card.ant-card,
.page-card.ant-card,
.data-card.ant-card,
.legal-card.ant-card,
.visual-card.ant-card,
.workflow-card.ant-card,
.newsletter-card.ant-card,
.newsletter-form-card.ant-card,
.capability-card.ant-card,
.plan-card.ant-card {
    background: var(--surface-color);
    border: 1px solid var(--surface-border);
    box-shadow: none;
}

.enterprise-card .ant-card-head,
.page-card .ant-card-head,
.data-card .ant-card-head,
.legal-card .ant-card-head,
.visual-card .ant-card-head,
.workflow-card .ant-card-head,
.newsletter-card .ant-card-head,
.newsletter-form-card .ant-card-head,
.capability-card .ant-card-head,
.plan-card .ant-card-head {
    background: var(--surface-color);
    border-bottom-color: var(--surface-border);
}

.enterprise-card .ant-card-head-title,
.page-card .ant-card-head-title,
.data-card .ant-card-head-title,
.legal-card .ant-card-head-title,
.visual-card .ant-card-head-title,
.workflow-card .ant-card-head-title,
.newsletter-card .ant-card-head-title,
.newsletter-form-card .ant-card-head-title,
.capability-card .ant-card-head-title,
.plan-card .ant-card-head-title {
    color: var(--font-color-black);
}

.enterprise-card .ant-card-body,
.page-card .ant-card-body,
.data-card .ant-card-body,
.legal-card .ant-card-body,
.visual-card .ant-card-body,
.workflow-card .ant-card-body,
.newsletter-card .ant-card-body,
.newsletter-form-card .ant-card-body,
.capability-card .ant-card-body,
.plan-card .ant-card-body {
    padding: var(--card-padding);
}

.capability-card,
.workflow-card,
.plan-card {
    display: flex;
    height: 100%;
    width: 100%;
}

.plan-card .ant-card-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.capability-card p,
.workflow-card p,
.plan-card p,
.newsletter-card p,
.legal-card p,
.page-card p {
    color: var(--font-color-muted);
    line-height: 1.8;
}

.capability-card h4,
.process-card h4,
.workflow-card h4,
.plan-card h4,
.enterprise-card h3,
.enterprise-card h4,
.process-card h3,
.page-card h3,
.hero-preview-copy h4,
.newsletter-card-intro h4 {
    color: var(--font-color-black);
    font: 700 1.45rem/1.3 var(--main-font);
    margin-bottom: 0;
}

.capability-card p,
.workflow-card p,
.plan-card p,
.newsletter-card p,
.legal-card p,
.page-card p,
.hero-preview-card p {
    margin: 0;
}

.capability-icon {
    font-size: 1.4rem;
    margin-top: 0;
}

.process-card {
    width: 100%;
}

.section-content-row {
    margin-top: 0;
}

.section-content-row + .section-content-row {
    margin-top: var(--section-row-space);
}

.visual-card {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 340px;
    width: 100%;
}

.workflow-row.ant-row > .ant-col > .ant-card,
.equal-height-row.ant-row > .ant-col > .ant-card,
.enterprise-page-grid.ant-row > .ant-col > .ant-card {
    width: 100%;
}

.plan-label {
    color: var(--main-color-monochromatic-300);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.plan-price-block {
    margin-top: 20px;
}

.plan-price {
    color: var(--font-color-black);
    font: 700 2rem/1.1 var(--main-font);
    letter-spacing: -0.03em;
}

.plan-price-note {
    color: var(--font-color-muted);
    font-size: 0.92rem;
    line-height: 1.6;
    margin-top: 6px;
}

.plan-points {
    margin-top: 20px;
}

.plan-button {
    margin-top: auto;
    width: 100%;
}

.plan-card-emphasis {
    border-color: var(--main-color-monochromatic-300) !important;
}

.newsletter-card {
    margin-top: 0;
}

.newsletter-card-intro {
    margin-bottom: var(--section-row-space);
}

.newsletter-card-intro h4 {
    margin-bottom: 8px;
}

.newsletter-form-card {
    background: var(--surface-muted);
    height: 100%;
}

.enterprise-page {
    padding-top: 40px;
}

.enterprise-page-intro .h2-heading {
    max-width: 100%;
}

.enterprise-page-grid {
    margin-top: 0;
}

.section-content-card {
    margin-top: 0;
}

.page-card,
.data-card,
.legal-card {
    height: 100%;
}

.data-card .ant-table-wrapper {
    overflow-x: auto;
}

.contact-map {
    border: 0;
    display: block;
    height: 500px;
    width: 100%;
}

.detail-row span,
.detail-row a {
    color: var(--font-color-black);
}

.social-links {
    width: 100%;
}

.social-links .ant-space-item {
    display: flex;
}

.social-link-icon {
    color: var(--font-color-black);
    display: inline-flex;
    line-height: 1;
    transition: color 0.2s ease, transform 0.2s ease;
}

.social-link-icon .anticon {
    font-size: 2rem;
}

.social-link-icon:hover,
.social-link-icon:focus {
    color: var(--main-color-monochromatic-300);
    transform: translateY(-1px);
}

.legal-stack {
    display: flex;
    width: 100%;
}

.legal-summary-row,
.legal-sections-row {
    margin-top: 0;
}

.legal-summary-card.ant-card {
    border-top: 3px solid var(--main-color-monochromatic-300);
}

.legal-summary-card h3 {
    margin-bottom: 12px;
}

.legal-summary-card p {
    min-height: 0;
}

.section-content-stack {
    margin-top: 0;
}

.legal-stack .ant-space-item {
    width: 100%;
}

.legal-section-card .ant-card-head {
    border-bottom: 1px solid var(--surface-border);
}

.legal-section-card .ant-card-head-title {
    font-weight: 700;
}

.legal-section-stack,
.legal-section-stack .ant-space-item {
    width: 100%;
}

.legal-bullet-point {
    align-items: flex-start;
}

.legal-bullet-point .anticon {
    color: var(--main-color-monochromatic-300);
}

.legal-subsection h4 {
    margin-bottom: 8px;
}

.changelog-table-description-section {
    color: var(--font-color-muted);
    line-height: 1.75;
    white-space: pre-wrap;
}

.bottom-container-content {
    background: var(--main-color);
    padding: var(--section-space) 0;
}

.bottom-container-inner {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: calc(var(--content-max-width) + 48px);
    padding: 0 24px;
    width: 100%;
}

.bottom-container-inner .ant-row {
    align-items: stretch;
}

.bottom-container-inner .ant-col {
    display: flex;
}

.bottom-card.ant-card {
    background: rgba(255, 255, 255, 0.04) !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid var(--dark-border);
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.bottom-card p,
.bottom-card h3,
.bottom-card span,
.bottom-card .ant-btn,
.bottom-contact-item {
    color: var(--font-color-white);
}

.bottom-card .section-marker-light.ant-divider,
.bottom-card .section-marker-light.ant-divider .ant-divider-inner-text {
    color: #ffffff !important;
}

.bottom-card .section-marker-light.ant-divider {
    border-color: rgba(255, 255, 255, 0.4);
}

.bottom-card .ant-card-body {
    background: transparent !important;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: var(--card-padding);
}

.bottom-links {
    width: 100%;
}

.bottom-link-button.ant-btn {
    color: var(--font-color-white);
    padding-left: 0;
}

.bottom-link-button.ant-btn:hover,
.bottom-link-button.ant-btn:focus {
    color: var(--font-color-white);
}

footer.ant-layout-footer {
    background: var(--page-background);
    padding: 0;
}

#footer-container {
    background: var(--page-background);
    padding: 16px 24px 24px;
}

.global-footer-text,
.global-footer-link,
.version-meta,
.version-meta-link,
.version-meta-button.ant-btn {
    color: var(--font-color-muted) !important;
}

.global-footer-link:hover,
.global-footer-link:focus,
.version-meta-link:hover,
.version-meta-link:focus,
.version-meta-button.ant-btn:hover,
.version-meta-button.ant-btn:focus {
    color: var(--main-color-monochromatic-300) !important;
}

.version-meta-button.ant-btn {
    border: 0;
    padding: 0;
}

pre {
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-wrap: break-word;
}

:root[data-theme="dark"] {
    --header-background: #101827;
    --main-color: #162132;
    --main-color-monochromatic-100: #162337;
    --main-color-monochromatic-200: #20324c;
    --main-color-monochromatic-300: #2f70d8;
    --main-color-monochromatic-400: #4a86e8;
    --main-color-monochromatic-500: #78a7ff;
    --primary-color: #4a86e8;
    --font-color-black: #edf2f8;
    --font-color-muted: #b2bfd1;
    --page-background: #141c28;
    --surface-color: #243142;
    --surface-muted: #314257;
    --surface-border: #42556c;
    --surface-border-strong: #556a85;
    --dark-border: rgba(255, 255, 255, 0.12);
    color-scheme: dark;
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] #content-container-envelop,
:root[data-theme="dark"] #footer-container {
    background: var(--page-background);
}

:root[data-theme="dark"] footer.ant-layout-footer {
    background: var(--main-color);
}

:root[data-theme="dark"] .enterprise-card.ant-card,
:root[data-theme="dark"] .page-card.ant-card,
:root[data-theme="dark"] .data-card.ant-card,
:root[data-theme="dark"] .legal-card.ant-card,
:root[data-theme="dark"] .visual-card.ant-card,
:root[data-theme="dark"] .workflow-card.ant-card,
:root[data-theme="dark"] .newsletter-card.ant-card,
:root[data-theme="dark"] .newsletter-form-card.ant-card,
:root[data-theme="dark"] .capability-card.ant-card,
:root[data-theme="dark"] .plan-card.ant-card,
:root[data-theme="dark"] .content-container-body .ant-card {
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.18);
}

:root[data-theme="dark"] .section-marker.ant-divider,
:root[data-theme="dark"] .section-marker.ant-divider .ant-divider-inner-text {
    color: #9bc0ff !important;
}

:root[data-theme="dark"] .section-marker.ant-divider {
    border-color: rgba(120, 167, 255, 0.35);
}

:root[data-theme="dark"] .content-container-body .ant-input,
:root[data-theme="dark"] .content-container-body .ant-input-affix-wrapper,
:root[data-theme="dark"] .content-container-body .ant-input-number,
:root[data-theme="dark"] .content-container-body .ant-select-selector,
:root[data-theme="dark"] .content-container-body .ant-picker,
:root[data-theme="dark"] .content-container-body textarea.ant-input,
:root[data-theme="dark"] .content-container-body .ant-pagination-item,
:root[data-theme="dark"] .content-container-body .ant-pagination-prev .ant-pagination-item-link,
:root[data-theme="dark"] .content-container-body .ant-pagination-next .ant-pagination-item-link,
:root[data-theme="dark"] .content-container-body .ant-btn,
:root[data-theme="dark"] .site-header-drawer .ant-drawer-content,
:root[data-theme="dark"] .site-header-drawer .ant-drawer-header,
:root[data-theme="dark"] .site-header-drawer .ant-drawer-body,
:root[data-theme="dark"] .ant-popover .ant-popover-inner,
:root[data-theme="dark"] .ant-popover .ant-popover-title,
:root[data-theme="dark"] .ant-popover .ant-popover-inner-content,
:root[data-theme="dark"] .ant-popover .ant-menu,
:root[data-theme="dark"] .ant-modal-content,
:root[data-theme="dark"] .ant-modal-header,
:root[data-theme="dark"] .ant-modal-body,
:root[data-theme="dark"] .ant-modal-footer {
    background: var(--surface-color) !important;
    color: var(--font-color-black) !important;
}

:root[data-theme="dark"] .content-container-body .ant-input,
:root[data-theme="dark"] .content-container-body .ant-input-affix-wrapper,
:root[data-theme="dark"] .content-container-body .ant-input-number,
:root[data-theme="dark"] .content-container-body .ant-select-selector,
:root[data-theme="dark"] .content-container-body .ant-picker,
:root[data-theme="dark"] .content-container-body textarea.ant-input,
:root[data-theme="dark"] .content-container-body .ant-pagination-item,
:root[data-theme="dark"] .content-container-body .ant-pagination-prev .ant-pagination-item-link,
:root[data-theme="dark"] .content-container-body .ant-pagination-next .ant-pagination-item-link,
:root[data-theme="dark"] .content-container-body .ant-btn,
:root[data-theme="dark"] .site-header-drawer .ant-drawer-header,
:root[data-theme="dark"] .ant-popover .ant-popover-inner,
:root[data-theme="dark"] .ant-popover .ant-popover-title,
:root[data-theme="dark"] .ant-popover .ant-menu,
:root[data-theme="dark"] .ant-modal-header,
:root[data-theme="dark"] .ant-modal-footer {
    border-color: var(--surface-border) !important;
}

:root[data-theme="dark"] .content-container-body .ant-input::placeholder,
:root[data-theme="dark"] .content-container-body .ant-select-selection-placeholder,
:root[data-theme="dark"] .content-container-body .ant-picker-input > input::placeholder,
:root[data-theme="dark"] .ant-popover .ant-menu-item,
:root[data-theme="dark"] .site-header-drawer .ant-drawer-close,
:root[data-theme="dark"] .site-header-drawer .ant-drawer-title,
:root[data-theme="dark"] .ant-modal-close,
:root[data-theme="dark"] .ant-modal-title {
    color: var(--font-color-muted) !important;
}

:root[data-theme="dark"] .ant-popover .ant-menu-item-selected,
:root[data-theme="dark"] .ant-popover .ant-menu-item-selected:hover,
:root[data-theme="dark"] .ant-popover .ant-menu-item-active,
:root[data-theme="dark"] .ant-popover .ant-menu-item:hover {
    background: rgba(22, 119, 255, 0.12) !important;
    color: var(--font-color-black) !important;
}

:root[data-theme="dark"] .ant-popover .ant-menu-item-selected::after,
:root[data-theme="dark"] .ant-popover .ant-menu-item-active::after {
    border-inline-end-color: var(--main-color-monochromatic-300) !important;
}

:root[data-theme="dark"] .content-container-body .ant-btn {
    color: var(--font-color-black) !important;
}

:root[data-theme="dark"] .content-container-body .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):not(.site-header-mobile-toggle):not(.site-header-theme-toggle) {
    background: var(--surface-muted) !important;
    border-color: var(--surface-border) !important;
}

:root[data-theme="dark"] .content-container-body .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):not(.site-header-mobile-toggle):not(.site-header-theme-toggle):hover,
:root[data-theme="dark"] .content-container-body .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):not(.site-header-mobile-toggle):not(.site-header-theme-toggle):focus {
    background: #2a374a !important;
    border-color: var(--surface-border-strong) !important;
    color: var(--font-color-black) !important;
}

:root[data-theme="dark"] .content-container-body .ant-btn-primary,
:root[data-theme="dark"] .bottom-card .ant-btn-primary {
    background: var(--main-color-monochromatic-300) !important;
    border-color: var(--main-color-monochromatic-300) !important;
    color: var(--font-color-white) !important;
}

:root[data-theme="dark"] .content-container-body .ant-btn-primary:hover,
:root[data-theme="dark"] .content-container-body .ant-btn-primary:focus,
:root[data-theme="dark"] .bottom-card .ant-btn-primary:hover,
:root[data-theme="dark"] .bottom-card .ant-btn-primary:focus {
    background: var(--main-color-monochromatic-400) !important;
    border-color: var(--main-color-monochromatic-400) !important;
}

:root[data-theme="dark"] .content-container-body .ant-btn[disabled],
:root[data-theme="dark"] .content-container-body .ant-btn[disabled]:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--surface-border) !important;
    color: var(--font-color-muted) !important;
}

:root[data-theme="dark"] .content-container-body .ant-input:focus,
:root[data-theme="dark"] .content-container-body .ant-input-affix-wrapper-focused,
:root[data-theme="dark"] .content-container-body .ant-picker-focused,
:root[data-theme="dark"] .content-container-body .ant-select-focused .ant-select-selector {
    border-color: var(--main-color-monochromatic-300) !important;
    box-shadow: 0 0 0 2px rgba(47, 112, 216, 0.16) !important;
}

:root[data-theme="dark"] .content-container-body .ant-form-item-label > label,
:root[data-theme="dark"] .content-container-body .ant-empty-description,
:root[data-theme="dark"] .content-container-body .ant-select-selection-item,
:root[data-theme="dark"] .content-container-body .ant-picker-input > input,
:root[data-theme="dark"] .content-container-body .ant-pagination-item a,
:root[data-theme="dark"] .content-container-body .ant-pagination-prev button,
:root[data-theme="dark"] .content-container-body .ant-pagination-next button,
:root[data-theme="dark"] .content-container-body .ant-pagination-prev .ant-pagination-item-link,
:root[data-theme="dark"] .content-container-body .ant-pagination-next .ant-pagination-item-link,
:root[data-theme="dark"] .site-header-mobile-link,
:root[data-theme="dark"] .site-header-mobile-theme-toggle.ant-btn,
:root[data-theme="dark"] .ant-modal-body,
:root[data-theme="dark"] .ant-modal-title,
:root[data-theme="dark"] .ant-modal-close-x {
    color: var(--font-color-black) !important;
}

:root[data-theme="dark"] .content-container-body .ant-pagination-prev .ant-pagination-item-link,
:root[data-theme="dark"] .content-container-body .ant-pagination-next .ant-pagination-item-link {
    color: var(--font-color-black) !important;
}

:root[data-theme="dark"] .content-container-body .ant-card,
:root[data-theme="dark"] .content-container-body .ant-card-head-title,
:root[data-theme="dark"] .content-container-body .ant-card .ant-typography,
:root[data-theme="dark"] .content-container-body .ant-card .anticon,
:root[data-theme="dark"] .content-container-body .ant-alert,
:root[data-theme="dark"] .content-container-body .ant-alert-message,
:root[data-theme="dark"] .content-container-body .ant-alert-description,
:root[data-theme="dark"] .content-container-body .h2-heading {
    color: var(--font-color-black);
}

:root[data-theme="dark"] .process-card .ant-steps-item-title,
:root[data-theme="dark"] .process-card .ant-steps-item-title::after,
:root[data-theme="dark"] .process-card .ant-steps-item-description,
:root[data-theme="dark"] .process-card .ant-steps-item-icon > .ant-steps-icon,
:root[data-theme="dark"] .process-card .ant-steps-item-wait .ant-steps-item-icon,
:root[data-theme="dark"] .process-card .ant-steps-item-process .ant-steps-item-icon,
:root[data-theme="dark"] .process-card .ant-steps-item-finish .ant-steps-item-icon {
    color: var(--font-color-black) !important;
    border-color: var(--main-color-monochromatic-300) !important;
}

:root[data-theme="dark"] .content-container-body .ant-steps-item-title,
:root[data-theme="dark"] .content-container-body .ant-steps-item-title::after,
:root[data-theme="dark"] .content-container-body .ant-steps-item-description,
:root[data-theme="dark"] .content-container-body .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon,
:root[data-theme="dark"] .content-container-body .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon,
:root[data-theme="dark"] .content-container-body .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
    color: var(--font-color-black) !important;
}

:root[data-theme="dark"] .content-container-body .ant-steps-item-wait .ant-steps-item-icon,
:root[data-theme="dark"] .content-container-body .ant-steps-item-process .ant-steps-item-icon,
:root[data-theme="dark"] .content-container-body .ant-steps-item-finish .ant-steps-item-icon {
    background: transparent !important;
    border-color: var(--main-color-monochromatic-300) !important;
}

:root[data-theme="dark"] .process-card h3,
:root[data-theme="dark"] .process-card h4,
:root[data-theme="dark"] .enterprise-card h3,
:root[data-theme="dark"] .enterprise-card h4,
:root[data-theme="dark"] .page-card h3,
:root[data-theme="dark"] .page-card h4,
:root[data-theme="dark"] .legal-card h3,
:root[data-theme="dark"] .legal-card h4,
:root[data-theme="dark"] .workflow-card h3,
:root[data-theme="dark"] .workflow-card h4,
:root[data-theme="dark"] .capability-card h3,
:root[data-theme="dark"] .capability-card h4,
:root[data-theme="dark"] .plan-card h3,
:root[data-theme="dark"] .plan-card h4 {
    color: var(--font-color-black) !important;
}

:root[data-theme="dark"] .content-container-body .ant-table,
:root[data-theme="dark"] .content-container-body .ant-table-container,
:root[data-theme="dark"] .content-container-body .ant-table-thead > tr > th,
:root[data-theme="dark"] .content-container-body .ant-table-tbody > tr > td {
    background: var(--surface-color) !important;
    border-color: var(--surface-border) !important;
    color: var(--font-color-black) !important;
}

:root[data-theme="dark"] .content-container-body .ant-table-tbody > tr.ant-table-row:hover > td,
:root[data-theme="dark"] .content-container-body .ant-table-placeholder:hover > td {
    background: var(--surface-muted) !important;
}

:root[data-theme="dark"] .content-container-body .ant-tabs-tab,
:root[data-theme="dark"] .content-container-body .ant-tabs-tab-btn {
    color: var(--font-color-muted);
}

:root[data-theme="dark"] .content-container-body .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
:root[data-theme="dark"] .content-container-body .ant-tabs-ink-bar,
:root[data-theme="dark"] .site-header-mobile-link:hover,
:root[data-theme="dark"] .site-header-mobile-link:focus,
:root[data-theme="dark"] .site-header-mobile-link.active,
:root[data-theme="dark"] .site-header-theme-toggle.ant-btn:hover,
:root[data-theme="dark"] .site-header-theme-toggle.ant-btn:focus,
:root[data-theme="dark"] .site-header-theme-toggle.ant-btn:active,
:root[data-theme="dark"] .site-header-theme-toggle.ant-btn:focus-visible,
:root[data-theme="dark"] .site-header-mobile-theme-toggle.ant-btn:hover,
:root[data-theme="dark"] .site-header-mobile-theme-toggle.ant-btn:focus,
:root[data-theme="dark"] .site-header-mobile-theme-toggle.ant-btn:active,
:root[data-theme="dark"] .site-header-mobile-theme-toggle.ant-btn:focus-visible {
    color: var(--main-color-monochromatic-400) !important;
}

:root[data-theme="dark"] .site-header-theme-toggle.ant-btn {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--font-color-white) !important;
}

:root[data-theme="dark"] .site-header-theme-toggle.ant-btn:hover,
:root[data-theme="dark"] .site-header-theme-toggle.ant-btn:focus,
:root[data-theme="dark"] .site-header-theme-toggle.ant-btn:active,
:root[data-theme="dark"] .site-header-theme-toggle.ant-btn:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none;
    outline: none;
}

:root[data-theme="dark"] .site-header-mobile-theme-toggle.ant-btn {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

:root[data-theme="dark"] .site-header-mobile-link:hover,
:root[data-theme="dark"] .site-header-mobile-link:focus,
:root[data-theme="dark"] .site-header-mobile-link.active {
    border-color: var(--main-color-monochromatic-400);
}

:root[data-theme="dark"] .site-header-mobile-theme-toggle.ant-btn:hover,
:root[data-theme="dark"] .site-header-mobile-theme-toggle.ant-btn:focus,
:root[data-theme="dark"] .site-header-mobile-theme-toggle.ant-btn:active,
:root[data-theme="dark"] .site-header-mobile-theme-toggle.ant-btn:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent;
    box-shadow: none;
    outline: none;
}

:root[data-theme="dark"] .hero-preview-image img,
:root[data-theme="dark"] .section-visual-image img {
    filter: brightness(0.9) contrast(1.04) saturate(0.92) drop-shadow(0 16px 32px rgba(0, 0, 0, 0.3));
    opacity: 0.94;
}

:root[data-theme="dark"] .global-footer-text,
:root[data-theme="dark"] .global-footer-link,
:root[data-theme="dark"] .version-meta,
:root[data-theme="dark"] .version-meta-link,
:root[data-theme="dark"] .version-meta-button.ant-btn {
    color: rgba(245, 247, 250, 0.74) !important;
}

:root[data-theme="dark"] .ant-modal-title,
:root[data-theme="dark"] .ant-modal-body,
:root[data-theme="dark"] .ant-modal-body .ant-typography,
:root[data-theme="dark"] .runtime-info-list strong,
:root[data-theme="dark"] .runtime-info-list .media-body,
:root[data-theme="dark"] .runtime-info-list .media-body .ant-typography {
    color: var(--font-color-black) !important;
}

:root[data-theme="dark"] .runtime-info-item {
    gap: 12px;
    margin-bottom: 12px;
}

:root[data-theme="dark"] .runtime-info-item:last-child {
    margin-bottom: 0;
}

:root[data-theme="dark"] .runtime-info-item .fas {
    color: var(--main-color-monochromatic-300);
    margin-top: 0.2rem;
}

:root[data-theme="dark"] #footer-container {
    background: var(--main-color);
}

@media (max-width: 1199px) {
    .hero-title-heading {
        font-size: 3rem;
    }

    .site-header-desktop-menu.ant-menu,
    .site-header-culture {
        display: none;
    }

    .site-header-mobile-toggle.ant-btn {
        display: inline-flex;
    }
}

@media (max-width: 991px) {
    .hero-title-heading {
        font-size: 2.5rem;
    }

    .section-intro .h2-heading {
        font-size: 2rem;
    }

    .top-container-content {
        padding-bottom: 48px;
        padding-top: 48px;
    }

    .site-header-inner {
        gap: 16px;
        min-height: 60px;
        padding: 0 16px;
    }

    .section-muted {
        padding-top: 48px;
    }

    .visual-card {
        min-height: 280px;
    }
}

@media (max-width: 767px) {
    .content-container-body,
    #footer-container,
    .top-container-content,
    .bottom-container-content {
        padding-left: 16px;
        padding-right: 16px;
    }

    .content-container-body {
        padding-bottom: 40px;
    }

    .hero-section,
    .top-container-inner,
    .bottom-container-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .site-header-logo-image {
        height: 28px;
        width: auto;
    }

    .hero-title-heading {
        font-size: 2.1rem;
        line-height: 1.15;
    }

    .section-intro .h2-heading {
        font-size: 1.75rem;
    }

    .p-large {
        font-size: 1rem;
        line-height: 1.7rem;
    }

    .hero-content {
        max-width: 100%;
    }

    .hero-copy {
        gap: 20px;
    }

    .enterprise-section {
        padding-top: 40px;
    }

    .section-muted {
        padding-top: 40px;
    }

    .visual-card {
        min-height: 240px;
    }

    .hero-preview-image,
    .hero-preview-image .ant-image,
    .hero-preview-image img,
    .section-visual-image,
    .section-visual-image .ant-image,
    .section-visual-image img {
        max-height: 240px;
    }

    .contact-map {
        height: 320px;
    }
}