/* Общий фон шаблона databalance_new.
   В основе — параметры свечения из .trust-technologies-area.
   Изменение интервала: --site-glow-step (1500px при размере круга 500px).
*/
.global-wrapper {
    --site-glow-size: 400px;
    --site-glow-left: -120px;
    --site-glow-top: 750px;
    --site-glow-right-top: -90px;
    --site-glow-blur: 173px;
    --site-glow-step: calc(var(--site-glow-size) * 5);
    --site-glow-period: calc(var(--site-glow-size) * 8);
    --site-glow-start: calc(var(--site-glow-size) * 1.2);
    --site-glow-left-x: calc(var(--site-glow-left) + var(--site-glow-size) / 2);
    --site-glow-right-x: calc(100% - var(--site-glow-left) - var(--site-glow-size) / 2);
    --site-glow-left-y: calc(var(--site-glow-period) / 4);
    --site-glow-right-y: calc(var(--site-glow-period) * 3 / 4);
    --site-glow-radius: calc(var(--site-glow-size) / 2 + var(--site-glow-blur) * 1.8);
    --site-glow-color-shift: calc(var(--site-glow-size) * 0.2);
    background-color: #0e0c20;
    background-image: radial-gradient(circle var(--site-glow-radius) at var(--site-glow-left-x) calc(var(--site-glow-left-y) - var(--site-glow-color-shift)), rgba(65, 123, 208, .30) 0%, rgba(65, 123, 208, .17) 45%, transparent 100%), radial-gradient(circle var(--site-glow-radius) at var(--site-glow-left-x) calc(var(--site-glow-left-y) + var(--site-glow-color-shift)), rgba(230, 90, 162, .30) 0%, rgba(230, 90, 162, .17) 45%, transparent 100%), radial-gradient(circle var(--site-glow-radius) at var(--site-glow-right-x) calc(var(--site-glow-right-y) - var(--site-glow-color-shift)), rgba(65, 123, 208, .30) 0%, rgba(65, 123, 208, .17) 45%, transparent 100%), radial-gradient(circle var(--site-glow-radius) at var(--site-glow-right-x) calc(var(--site-glow-right-y) + var(--site-glow-color-shift)), rgba(230, 90, 162, .30) 0%, rgba(230, 90, 162, .17) 45%, transparent 100%);
    background-size: 100% var(--site-glow-period);
    background-position: 0 0;
    background-repeat: repeat-y;
}

/* Прежние круги не должны накладываться на новый фон. */
.trust-technologies-area::before {
    display: none;
}

/* Повторяем существующие параметры масштабирования, без отдельных
   правил для планшетов и телефонов: на них значения были теми же. */
@media (min-width: 1400px) {
    .global-wrapper {
        background-position: 0 400px;
        --site-glow-size: clamp(500px, calc(106.299px + 27.34vw), 631.234px);
        --site-glow-left: clamp(-151.496px, calc(-25.512px - 6.562vw), -120px);
        --site-glow-top: clamp(80px, calc(17.008px + 4.374vw), 100.997px);
        --site-glow-right-top: clamp(-113.622px, calc(-19.134px - 4.921vw), -90px);
        --site-glow-blur: clamp(190px, calc(40.394px + 10.389vw), 239.869px);
        --site-glow-period: calc(var(--site-glow-size) * 5.6);
    }
}

@media (min-width: 1921px) and (min-device-width: 2200px) {
    .global-wrapper {
        background-position: 0 400px;
        --site-glow-size: clamp(631.234px, calc(-128.260137px + 39.556986vw), 920px);
        --site-glow-left: clamp(-221px, calc(31.309041px - 9.521096vw), -151.496px);
        --site-glow-top: clamp(100.997px, calc(-19.997192px + 6.301781vw), 147px);
        --site-glow-right-top: clamp(-166px, calc(24.139315px - 7.175068vw), -113.622px);
        --site-glow-blur: clamp(239.869px, calc(-49.790616px + 15.086438vw), 350px);
        --site-glow-period: calc(var(--site-glow-size) * 5.6);
    }
}

/* Мобильная версия фонового свечения */
@media (max-width: 767px) {
    .global-wrapper {
        --site-glow-size: 190px;
        --site-glow-left: -80px;
        --site-glow-blur: 110px;
        --site-glow-period: 3000px;
        --site-glow-left-y: 1100px;
        --site-glow-right-y: calc(var(--site-glow-left-y) + var(--site-glow-period) / 2);
    }

    /* Убираем перекрытие глобального фона */
    .global-wrapper .main-services,
    .global-wrapper .trust-technologies-area {
        background: transparent;
    }
}
/* Небольшие ноутбуки: 1024–1278px */
@media (min-width: 1024px) and (max-width: 1278px) {
    .global-wrapper {
        --site-glow-size: 380px;
        --site-glow-left: -110px;
        --site-glow-blur: 160px;
        --site-glow-period: 3040px;
        background-position: 0 0;
    }
}

/* Планшеты: 768–1023px */
@media (min-width: 768px) and (max-width: 1023px) {
    .global-wrapper {
        --site-glow-size: 300px;
        --site-glow-left: -100px;
        --site-glow-blur: 144px;
        --site-glow-period: 3000px;
        background-position: 0 800px;
    }
}