:root {--bg-1: #040913;       --bg-2: #071126;       --bg-3: #09152b;       --panel: #172346;       --border: rgba(169, 181, 236, 0.16);       --text: #ffffff;       --text-soft: #a9b5ec;       --text-dim: #7d90c1;       --blue: #557bff;       --violet: #a302f1;       --green: #00e38c;       --radius-xl: 28px;       --radius-lg: 22px;       --radius-md: 18px;       --shadow: 0 18px 50px rgba(0, 0, 0, 0.28);       --max-width: 1280px;}  * {box-sizing: border-box;}  html {scroll-behavior: smooth;}  body {margin: 0;       min-width: 320px;       font-family: Inter, Arial, sans-serif;       line-height: 1.55;       color: var(--text);       background:         radial-gradient(circle at top center, rgba(163, 2, 241, 0.14), transparent 30%),         radial-gradient(circle at 20% 0%, rgba(0, 225, 250, 0.10), transparent 24%),         linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 38%, var(--bg-3) 100%);}  img {display: block; max-width: 100%;}  a {color: inherit; text-decoration: none;}  h1, h2, h3, p {margin: 20px;}  .container {width: min(100% - 32px, var(--max-width));       margin: 0 auto;}  .card {background: linear-gradient(180deg, rgba(23, 35, 70, 0.94), rgba(12, 19, 38, 0.94));       border: 1px solid var(--border);       border-radius: var(--radius-xl);       box-shadow: var(--shadow);}  .header {position: sticky;       top: 0;       z-index: 20;       background: rgba(4, 9, 19, 0.88);       backdrop-filter: blur(10px);       border-bottom: 1px solid rgba(169, 181, 236, 0.10);}  .header__row {display: grid;       grid-template-columns: auto 1fr auto;       gap: 20px;       align-items: center;       min-height: 84px;       padding: 10px 0;}  .brand {display: inline-flex;       align-items: center;       gap: 12px;       min-width: 0;       font-weight: 800;       letter-spacing: 0.03em;}  .brand__icon {width: 54px;       height: 54px;       flex: 0 0 54px;       display: grid;       place-items: center;       overflow: hidden;       border-radius: 16px;       background: linear-gradient(135deg, rgba(85,123,255,0.20), rgba(163,2,241,0.22));       border: 1px solid rgba(225, 125, 255, 0.28);       box-shadow: 0 0 0 1px rgba(255,255,255,0.03) inset;}  .btn {display: inline-flex;       align-items: center;       justify-content: center;       min-height: 44px;       padding: 0 18px;       border-radius: 999px;       border: 1px solid rgba(169, 181, 236, 0.14);       background: rgba(23, 35, 70, 0.68);       color: var(--text);       font-size: 14px;       font-weight: 700;       text-align: center;}  .btn--primary {border: 0;       background: linear-gradient(90deg, var(--blue), var(--violet));       box-shadow: 0 10px 24px rgba(85, 123, 255, 0.22);}  .header__actions {display: inline-flex;       align-items: center;       justify-content: flex-end;       gap: 12px;       flex-wrap: wrap;}   .header__nav {display: flex;       justify-content: center;       align-items: center;       gap: 10px;       flex-wrap: wrap;       min-width: 0;}  .header__nav-link {display: inline-flex;       align-items: center;       justify-content: center;       min-height: 40px;       padding: 0 16px;       color: var(--text-soft);       font-size: 14px;       font-weight: 700;       text-align: center;       transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;}  .header__nav-link:hover, .header__nav-link:focus {color: var(--text);}  .hero-section {padding: 22px 0 18px;}  .hero-layout {display: grid;       grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);       gap: 18px;       align-items: stretch;}  .breadcrumbs {display: flex;       flex-wrap: wrap;       gap: 4px;       margin-bottom: 18px;       color: var(--text-soft);       font-size: 14px;       list-style: none;}  .hero {min-height: 420px;       position: relative;       display: flex;       align-items: center;       justify-content: center;       overflow: hidden;       text-align: center;}  .hero__bg {position: absolute;       inset: 0;       width: 100%;       height: 100%;       object-fit: cover;       z-index: 0;       filter: brightness(0.5);}  .hero__content {position: relative;       z-index: 1;       max-width: 720px;       padding: 60px 40px;       display: flex;       flex-direction: column;       align-items: center;       justify-content: center;       gap: 14px;}  .hero__content {max-width: 720px;       padding: 60px 40px;       display: flex;       flex-direction: column;       align-items: center;       justify-content: center;       gap: 14px;}  .hero__title {max-width: 12ch;       font-size: clamp(32px, 4vw, 54px);       line-height: 1.02;       letter-spacing: -0.03em;}  .app-card {display: flex;       flex-direction: column;       justify-content: space-between;       min-height: 420px;       padding: 28px;       background: linear-gradient(180deg, rgba(23, 35, 70, 0.96), rgba(12, 19, 38, 0.96));}  .app-card__head {display: flex;       flex-direction: column;       gap: 10px;}  .app-card__label {color: var(--text-soft);       font-size: 13px;       font-weight: 700;       text-transform: uppercase;       letter-spacing: 0.08em;}  .app-card__title {font-size: clamp(24px, 3vw, 34px);       line-height: 1.05;       letter-spacing: -0.02em;}  .app-card__text {color: #d8def5;       font-size: 15px;}  .app-card__stats {display: grid;       grid-template-columns: repeat(2, minmax(0, 1fr));       gap: 12px;       margin: 22px 0;}  .app-card__stat {padding: 14px;       border-radius: 18px;       background: rgba(9, 17, 37, 0.72);       border: 1px solid rgba(169,181,236,0.10);}  .app-card__stat-value {display: block;       font-size: 24px;       font-weight: 800;       line-height: 1;}  .app-card__stat-name {display: block;       margin-top: 6px;       color: var(--text-soft);       font-size: 13px;       text-transform: uppercase;       letter-spacing: 0.06em;}  .app-card__install {margin-top: auto;}  .app-card__install img {width: 100%;       max-width: 240px;       height: auto;       margin-left: 40px;}  .section {padding: 18px 0;}  .section__inner {padding: 22px;}  .copy {text-align: justify;}  .copy p {color: #d7ddf7;}  .copy p + p {margin-top: 14px;}  .copy ul, .copy ol {margin: 18px 0 0;       padding-left: 0;       color: #d7ddf7;}  .copy ul {list-style: none;}  .copy ul li {position: relative;       padding-left: 22px;}  .copy ul li::before {content: "";       position: absolute;       left: 0;       top: 0.7em;       width: 8px;       height: 8px;       border-radius: 50%;       background: linear-gradient(90deg, var(--blue), var(--violet));       transform: translateY(-50%);}  .copy ol {list-style: none;       counter-reset: copy-counter;}  .copy ol li {counter-increment: copy-counter;       position: relative;       padding-left: 42px;       min-height: 28px;}  .copy ol li::before {content: counter(copy-counter);       position: absolute;       left: 0;       top: 0;       width: 28px;       height: 28px;       border-radius: 50%;       display: inline-flex;       align-items: center;       justify-content: center;       background: linear-gradient(90deg, var(--blue), var(--violet));       color: var(--text);       font-size: 13px;       font-weight: 800;}  .copy li + li {margin-top: 12px;}  .copy table {width: 100%;       margin-top: 22px;       border-collapse: collapse;       overflow: hidden;       border-radius: 18px;       background: rgba(9, 17, 37, 0.62);       border: 1px solid rgba(169,181,236,0.12);}  .copy thead {background: linear-gradient(90deg, rgba(85,123,255,0.22), rgba(163,2,241,0.22));}  .copy th, .copy td {padding: 14px 16px;       text-align: left;       border-bottom: 1px solid rgba(169,181,236,0.10);       color: #d7ddf7;       font-size: 15px;}  .copy th {color: var(--text);       font-weight: 800;}  .copy tbody tr:last-child td {border-bottom: 0;}  .footer p, .footer li, .footer a {color: var(--text-soft);}  .footer ul {list-style: none;       margin: 12px 0 0;       padding: 0;}  .footer li + li {margin-top: 8px;}  .trust {display: flex;       flex-wrap: wrap;       align-items: center;       gap: 12px;}  .trust__item {min-width: 62px;       min-height: 62px;       display: inline-flex;       align-items: center;       justify-content: center;       padding: 10px 14px;       border-radius: var(--radius-md);       background: rgba(9, 17, 37, 0.80);       border: 1px solid rgba(169,181,236,0.10);       color: #dce2ff;       font-weight: 900;       text-align: center;       line-height: 1.1;}  .trust__item small {display: block;       margin-top: 4px;       font-size: 11px;       font-weight: 700;       color: var(--text-soft);}  .to-top {position: fixed;       right: 16px;       bottom: 16px;       z-index: 30;       min-width: 56px;       min-height: 56px;       display: inline-flex;       align-items: center;       justify-content: center;       padding: 0 18px;       border-radius: 999px;       background: linear-gradient(90deg, var(--blue), var(--violet));       color: var(--text);       font-size: 14px;       font-weight: 800;       box-shadow: 0 10px 24px rgba(85, 123, 255, 0.22);}  .schema-hidden {display: none;}  @media (max-width: 1180px) { .header__row {grid-template-columns: 1fr;}  .brand, .header__nav, .header__nav, .header__actions {justify-content: center;}  .hero-layout {grid-template-columns: 1fr;} }  @media (max-width: 920px) { .app-card__stats {grid-template-columns: 1fr;}  .header__nav, .header__actions {justify-content: center;} }  @media (max-width: 640px) { .container {width: min(100% - 20px, var(--max-width));}  .hero__content, .section__inner, .app-card {padding: 18px;}  .hero {min-height: 360px;}  .header__actions {flex-direction: column; align-items: stretch;}  .btn {width: 100%;}  .breadcrumbs {font-size: 13px;}  .trust {width: 100%;}  .trust__item {flex: 1 1 calc(33.333% - 8px); min-width: 0;}  .to-top {right: 12px;         bottom: 12px;} }   /* added */  .copy a:link {color: #007bff;}  .copy a:visited {color: #6610f2;}  .copy a:hover {text-decoration: underline;}  .copy a:active {color: #ff0000;}   /* lang */  .site-lang-switcher {position: relative;   width: 220px;   font-family: Arial, sans-serif;   z-index: 9999;}  .site-lang-switcher * {box-sizing: border-box;}  .site-lang-switcher__toggle {width: 100%;   display: flex;   align-items: center;   justify-content: space-between;   gap: 12px;   padding: 14px 18px;   border: 0;   border-radius: 18px;   background: #0b1638;   color: #fff;   cursor: pointer;   appearance: none;   -webkit-appearance: none;}  .site-lang-switcher__current, .site-lang-switcher__item {display: flex;   align-items: center;   gap: 10px;}  .site-lang-switcher__flag {width: 22px;   height: 22px;   overflow: hidden;   border-radius: 6px;   flex: 0 0 22px;   display: inline-flex;}  .site-lang-switcher__flag img {width: 100%;   height: 100%;   object-fit: cover;   display: block;}  .site-lang-switcher__code {font-size: 15px;   font-weight: 600;   line-height: 1;   color: #fff;}  .site-lang-switcher__arrow {font-size: 14px;   line-height: 1;   transition: transform 0.2s ease;   color: #fff;}  .site-lang-switcher.is-open .site-lang-switcher__arrow {transform: rotate(180deg);}  .site-lang-switcher__dropdown {position: absolute;   top: calc(100% + 8px);   left: 0;   width: 100%;   display: none;   padding: 8px 0 0;   z-index: 10000;}  .site-lang-switcher.is-open .site-lang-switcher__dropdown {display: block;}  .site-lang-switcher__item {width: 100%;   text-decoration: none;   background: #0b1638;   color: #fff;   padding: 14px 18px;   border-radius: 18px;   box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);   margin-top: 6px;}  .site-lang-switcher__item:hover {opacity: 0.96;}  .site-lang-switcher__item:first-child {margin-top: 0;}   /* footer redesign */  .footer {padding: 32px 0 44px;   background: rgba(4, 9, 19, 0.72);   border-top: 1px solid rgba(169, 181, 236, 0.10);}  .footer__inner {padding: 0;}  .footer__top {display: grid;   grid-template-columns: auto minmax(0, 1fr) auto;   align-items: start;   gap: 38px;}  .footer__logo {display: inline-flex;   align-items: center;   width: 76px;   min-width: 76px;}  .footer__logo img {width: 76px;   height: auto;   object-fit: contain;}  .footer__menu {display: grid;   grid-template-columns: repeat(3, minmax(100px, 1fr));   gap: 28px;   align-items: start;   max-width: 520px;}  .footer__menu-list, .footer ul.footer__menu-list {list-style: none;   margin: 0;   padding: 0;}  .footer__menu-list li + li {margin-top: 14px;}  .footer__menu-list a, .footer__help, .footer__install-btn {color: var(--text-soft);   font-size: 14px;   font-weight: 700;   line-height: 1.2;}  .footer__menu-list a:hover, .footer__help:hover, .footer__install-btn:hover {color: var(--text);}  .footer__actions {display: flex;   align-items: center;   justify-content: flex-end;   gap: 12px;   flex-wrap: nowrap;   min-width: 0;}  .footer__help, .footer__install-btn {min-height: 44px;   display: inline-flex;   align-items: center;   justify-content: center;   padding: 0 18px;   border-radius: 999px;   border: 1px solid rgba(169, 181, 236, 0.14);   background: rgba(23, 35, 70, 0.68);   white-space: nowrap;}  .footer__install-btn {color: var(--text);   border: 0;   background: linear-gradient(90deg, var(--blue), var(--violet));   box-shadow: 0 10px 24px rgba(85, 123, 255, 0.22);}  .footer .site-lang-switcher {position: relative;   width: 108px;   font-family: Arial, sans-serif;   z-index: 10;}  .footer .site-lang-switcher * {box-sizing: border-box;}  .footer .site-lang-switcher__toggle, .footer .site-lang-switcher__item {width: 100%;   min-height: 44px;   display: flex;   align-items: center;   justify-content: space-between;   gap: 10px;   padding: 11px 14px;   border-radius: 999px;   background: rgba(23, 35, 70, 0.68);   border: 1px solid rgba(169, 181, 236, 0.14);   color: #fff;   cursor: pointer;   appearance: none;   -webkit-appearance: none;}  .footer .site-lang-switcher__current, .footer .site-lang-switcher__item {display: flex;   align-items: center;   gap: 8px;}  .footer .site-lang-switcher__flag {width: 22px;   height: 22px;   overflow: hidden;   border-radius: 6px;   flex: 0 0 22px;   display: inline-flex;}  .footer .site-lang-switcher__flag img {width: 100%;   height: 100%;   object-fit: cover;   display: block;}  .footer .site-lang-switcher__code {font-size: 15px;   font-weight: 600;   line-height: 1;   color: #fff;}  .footer .site-lang-switcher__arrow {font-size: 14px;   line-height: 1;   transition: transform 0.2s ease;   color: #fff;}  .footer .site-lang-switcher.is-open .site-lang-switcher__arrow {transform: rotate(180deg);}  .footer .site-lang-switcher__dropdown {position: absolute;   top: calc(100% + 6px);   left: 0;   width: 100%;   display: none;   padding: 0;   z-index: 10000;}  .footer .site-lang-switcher.is-open .site-lang-switcher__dropdown {display: block;}  .footer .site-lang-switcher__item {text-decoration: none;   box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);}  .footer__payments {margin-top: 34px;   padding: 20px 0 24px;   border-top: 1px solid rgba(169, 181, 236, 0.10);   border-bottom: 1px solid rgba(169, 181, 236, 0.10);}  .footer__payments-title {display: flex;   align-items: center;   gap: 18px;   margin-bottom: 18px;   color: var(--text-soft);   font-size: 14px;   font-weight: 800;}  .footer__payments-title::before, .footer__payments-title::after {content: "";   height: 1px;   flex: 1 1 auto;   background: rgba(169, 181, 236, 0.10);}  .footer__payments-title span {white-space: nowrap;}  .footer__payment-logos {display: grid;   grid-template-columns: repeat(6, minmax(0, 1fr));   gap: 14px;   align-items: center;}  .footer__payment-logo {min-height: 52px;   display: flex;   align-items: center;   justify-content: center;   padding: 10px 12px;   border-radius: var(--radius-md);   background: rgba(9, 17, 37, 0.76);   border: 1px solid rgba(169,181,236,0.10);}  .footer__payment-logo img {width: auto;   max-width: 104px;   max-height: 30px;   object-fit: contain;   filter: grayscale(1) brightness(1.35);}  .footer__legal-row {display: grid;   grid-template-columns: minmax(0, 1fr) auto;   gap: 34px;   align-items: center;   margin-top: 24px;}  .footer__legal-text {max-width: 760px;}  .footer__legal-text p {margin: 0;   padding-top: 0;   color: var(--text-dim);   font-size: 12px;   line-height: 1.55;}  .footer__legal-text p + p {margin-top: 8px;}  .footer__trust {justify-content: flex-end;   flex-wrap: nowrap;}  .footer .trust__item {width: 58px;   height: 58px;   min-width: 58px;   min-height: 58px;   padding: 9px;   border-radius: 50%;}  .footer .trust__item img {max-width: 100%;   max-height: 34px;   object-fit: contain;}  @media (max-width: 1180px) { .footer__top {grid-template-columns: auto minmax(0, 1fr);}  .footer__actions {grid-column: 1 / -1;     justify-content: flex-start;}  .footer__payment-logos {grid-template-columns: repeat(3, minmax(0, 1fr));} }  @media (max-width: 920px) { .footer__top, .footer__legal-row {grid-template-columns: 1fr;}  .footer__menu {max-width: none;}  .footer__actions, .footer__trust {justify-content: flex-start;     flex-wrap: wrap;} }  @media (max-width: 640px) { .footer {padding: 24px 0 36px;}  .footer__top {gap: 24px;}  .footer__logo, .footer__logo img {width: 64px;     min-width: 64px;}  .footer__menu {grid-template-columns: 1fr;     gap: 12px;}  .footer__menu-list li + li {margin-top: 10px;}  .footer__actions {flex-direction: column;     align-items: stretch;}  .footer__help, .footer__install-btn, .footer .site-lang-switcher {width: 100%;}  .footer__payment-logos {grid-template-columns: repeat(2, minmax(0, 1fr));}  .footer__payment-logo {min-height: 50px;}  .footer__payments-title {gap: 10px;     font-size: 13px;}  .footer__trust {width: 100%;     gap: 10px;}  .footer .trust__item {flex: 1 1 calc(50% - 10px);     width: auto;     min-width: 0;     border-radius: var(--radius-md);} }