/* =========================================================
   VOSTOK SERVICES PAGE
   ========================================================= */

body.page-id-737 .title_outer,
body.page-id-737 .title_subtitle_holder,
body.page-id-737 .container_inner.default_template_holder{
    display:none !important;
}

body.page-id-737 .content .content_inner > .container > .container_inner,
body.page-id-737 .content .content_inner > .full_width > .full_width_inner{
    width:100% !important;
    padding:0 !important;
}

body.page-id-737 .vls-services-page,
body.page-id-737 .vls-services-page *{
    box-sizing:border-box;
}

body.page-id-737 .vls-services-page{
    --vls-ink:#0B1620;
    --vls-ink-2:#162A34;
    --vls-accent:#176B87;
    --vls-cyan:#58C3D9;
    --vls-cyan-soft:#8DECF6;
    --vls-bg:#F7F9FA;
    --vls-line:rgba(23,107,135,.14);
    --vls-muted:#6F828A;

    position:relative;
    z-index:3;

    font-family:'Montserrat',Arial,sans-serif;
    color:var(--vls-ink);
    background:#fff;
}

body.page-id-737 .vls-shell{
    width:min(1360px,calc(100% - 56px));
    margin:0 auto;
    position:relative;
    z-index:3;
}

/* ---------------------------------------------------------
   SHARED
   --------------------------------------------------------- */

body.page-id-737 .vls-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:18px;

    color:rgba(221,241,246,.84);
    font-size:10px;
    line-height:1;
    font-weight:760;
    letter-spacing:.18em;
    text-transform:uppercase;
}

body.page-id-737 .vls-kicker i{
    display:block;
    width:34px;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--vls-cyan),rgba(88,195,217,.15));
    box-shadow:0 0 12px rgba(88,195,217,.35);
}

body.page-id-737 .vls-kicker-dark{
    color:#6A7D85;
}

body.page-id-737 .vls-section-head{
    max-width:980px;
    margin:0 auto 42px;
    text-align:center;
}

body.page-id-737 .vls-section-head h2{
    margin:0 0 16px;
    color:#10212B;
    font-size:clamp(34px,3vw,52px);
    line-height:1.07;
    font-weight:800;
    letter-spacing:-.04em;
}

body.page-id-737 .vls-section-head h2 span{
    display:block;
    color:var(--vls-accent);
}

body.page-id-737 .vls-section-head p{
    margin:0 auto;
    max-width:930px;
    color:#6D8088;
    font-size:16px;
    line-height:1.8;
    font-weight:500;
}

body.page-id-737 .vls-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    min-width:244px;
    height:58px;
    padding:0 10px 0 24px;
    border-radius:999px;
    overflow:hidden;
    text-decoration:none !important;
    font-size:12px;
    line-height:1;
    font-weight:760;
    letter-spacing:.02em;
    transition:
        transform .24s ease,
        box-shadow .24s ease,
        filter .24s ease;
}

body.page-id-737 .vls-btn-main{
    color:#fff !important;
    background:linear-gradient(105deg,#176B87 0%,#1F7F9D 42%,#176B87 100%);
    box-shadow:
        0 18px 44px rgba(23,107,135,.28),
        inset 0 1px 0 rgba(255,255,255,.18);
}

body.page-id-737 .vls-btn-main::before{
    content:"";
    position:absolute;
    top:-80%;
    left:-28%;
    width:85px;
    height:200px;
    transform:rotate(28deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
    animation:vlsBtnSweep 4.8s ease-in-out infinite;
    pointer-events:none;
}

body.page-id-737 .vls-btn i{
    position:relative;
    flex:0 0 auto;
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.14);
    transition:
        transform .24s ease,
        background .24s ease;
}

body.page-id-737 .vls-btn svg{
    width:17px;
    height:17px;
}

body.page-id-737 .vls-btn:hover{
    transform:translateY(-2px);
    box-shadow:
        0 22px 54px rgba(36,146,173,.31),
        inset 0 1px 0 rgba(255,255,255,.22);
}

body.page-id-737 .vls-btn:hover i{
    transform:translateX(3px) rotate(-4deg);
    background:rgba(255,255,255,.21);
}

/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

body.page-id-737 .vls-hero{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:84px 0 86px;
    background:
        radial-gradient(circle at 80% 18%, rgba(88,195,217,.12), transparent 24%),
        radial-gradient(circle at 18% 82%, rgba(88,195,217,.08), transparent 24%),
        linear-gradient(180deg,#06131C 0%,#0A1822 40%,#102D3B 100%);
}

body.page-id-737 .vls-hero-bg{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
}

body.page-id-737 .vls-grid{
    position:absolute;
    inset:0;
    opacity:.38;
    background-image:
        linear-gradient(rgba(88,195,217,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(88,195,217,.045) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
}

body.page-id-737 .vls-orbit{
    position:absolute;
    border:1px solid rgba(88,195,217,.11);
    border-radius:50%;
    animation:vlsOrbit 30s linear infinite;
}

body.page-id-737 .vls-orbit::after{
    content:"";
    position:absolute;
    top:14%;
    left:14%;
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(88,195,217,.64);
    box-shadow:0 0 0 8px rgba(88,195,217,.06),0 0 28px rgba(88,195,217,.22);
}

body.page-id-737 .vls-orbit-a{
    width:620px;
    height:620px;
    top:-270px;
    right:-290px;
}

body.page-id-737 .vls-orbit-b{
    width:420px;
    height:420px;
    left:-190px;
    bottom:-170px;
    animation-duration:36s;
    animation-direction:reverse;
}

body.page-id-737 .vls-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(4px);
}

body.page-id-737 .vls-glow-a{
    width:560px;
    height:560px;
    right:10%;
    top:28%;
    background:radial-gradient(circle, rgba(88,195,217,.11), rgba(88,195,217,0) 68%);
}

body.page-id-737 .vls-glow-b{
    width:420px;
    height:420px;
    left:-4%;
    bottom:-8%;
    background:radial-gradient(circle, rgba(88,195,217,.08), rgba(88,195,217,0) 72%);
}

body.page-id-737 .vls-hero-layout{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
    gap:clamp(34px,5vw,80px);
    align-items:center;
}

body.page-id-737 .vls-hero-copy{
    position:relative;
    z-index:2;
    max-width:760px;
}

body.page-id-737 .vls-hero-copy h1{
    margin:0 0 22px;
    color:#fff;
    font-size:clamp(42px,4vw,68px);
    line-height:1.03;
    font-weight:820;
    letter-spacing:-.05em;
    text-wrap:balance;
}

body.page-id-737 .vls-hero-copy h1 span{
    display:block;
    margin-top:10px;
    color:var(--vls-cyan-soft);
    font-size:.56em;
    line-height:1.12;
    font-weight:780;
    letter-spacing:-.035em;
}

body.page-id-737 .vls-lead{
    margin:0 0 16px;
    color:rgba(234,245,248,.90);
    font-size:16px;
    line-height:1.85;
    font-weight:500;
}

body.page-id-737 .vls-lead-soft{
    color:rgba(212,232,238,.78);
}

body.page-id-737 .vls-hero-actions{
    margin-top:28px;
}

body.page-id-737 .vls-hero-side{
    position:relative;
    z-index:2;
}

body.page-id-737 .vls-side-panel{
    position:relative;
    padding:28px;
    border:1px solid rgba(141,236,246,.16);
    border-radius:28px;
    background:
        radial-gradient(circle at 84% 14%, rgba(88,195,217,.14), transparent 30%),
        linear-gradient(145deg, rgba(9,23,32,.88) 0%, rgba(15,37,49,.82) 100%);
    box-shadow:
        0 26px 62px rgba(5,16,23,.28),
        inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    overflow:hidden;
}

body.page-id-737 .vls-side-panel::before{
    content:"";
    position:absolute;
    left:20px;
    right:20px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(141,236,246,.32),transparent);
}

body.page-id-737 .vls-side-badge{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid rgba(141,236,246,.16);
    border-radius:999px;
    background:rgba(255,255,255,.04);
    color:#CFEAF0;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

body.page-id-737 .vls-side-list{
    margin-top:18px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

body.page-id-737 .vls-side-item{
    display:grid;
    grid-template-columns:52px 1fr;
    gap:16px;
    padding:18px 18px;
    border:1px solid rgba(141,236,246,.10);
    border-radius:20px;
    background:rgba(255,255,255,.035);
}

body.page-id-737 .vls-side-num{
    width:52px;
    height:52px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg, rgba(88,195,217,.18), rgba(88,195,217,.06));
    color:var(--vls-cyan-soft);
    font-size:16px;
    font-weight:800;
    letter-spacing:-.03em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

body.page-id-737 .vls-side-text h3{
    margin:2px 0 8px;
    color:#fff;
    font-size:18px;
    line-height:1.32;
    font-weight:760;
}

body.page-id-737 .vls-side-text p{
    margin:0;
    color:rgba(214,233,239,.78);
    font-size:14px;
    line-height:1.72;
    font-weight:500;
}

body.page-id-737 .vls-side-route{
    margin-top:20px;
    display:flex;
    align-items:center;
    gap:12px;
    color:#BCD7DD;
    font-size:12px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}

body.page-id-737 .vls-side-route b{
    flex:1 1 auto;
    display:block;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(88,195,217,.30), rgba(141,236,246,.75), rgba(88,195,217,.30));
    position:relative;
    overflow:hidden;
}

body.page-id-737 .vls-side-route b::after{
    content:"";
    position:absolute;
    top:50%;
    left:-8px;
    width:8px;
    height:8px;
    margin-top:-4px;
    border-radius:50%;
    background:#8DECF6;
    box-shadow:0 0 0 8px rgba(141,236,246,.08), 0 0 24px rgba(88,195,217,.40);
    animation:vlsRouteDot 6.6s linear infinite;
}

/* ---------------------------------------------------------
   DELIVERY SECTION
   --------------------------------------------------------- */

body.page-id-737 .vls-delivery{
    position:relative;
    overflow:hidden;
    padding:86px 0 92px;
    background:
        radial-gradient(circle at 12% 18%, rgba(88,195,217,.07), transparent 22%),
        radial-gradient(circle at 84% 78%, rgba(88,195,217,.06), transparent 24%),
        linear-gradient(180deg,#F7F9FA 0%,#F3F6F7 100%);
}

body.page-id-737 .vls-compare{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
}

body.page-id-737 .vls-card{
    position:relative;
    border:1px solid rgba(23,107,135,.10);
    border-radius:30px;
    overflow:hidden;
    background:rgba(255,255,255,.78);
    box-shadow:
        0 26px 60px rgba(14,42,53,.08),
        inset 0 1px 0 rgba(255,255,255,.40);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

body.page-id-737 .vls-card::before{
    content:"";
    position:absolute;
    left:24px;
    right:24px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(23,107,135,.18),transparent);
    pointer-events:none;
}

body.page-id-737 .vls-card-visual{
    position:relative;
    min-height:178px;
    padding:26px 28px;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    background:
        radial-gradient(circle at 84% 18%, rgba(141,236,246,.30), transparent 24%),
        linear-gradient(130deg,#07141D 0%,#102B39 52%,#113747 100%);
}

body.page-id-737 .vls-card-cargo .vls-card-visual{
    background:
        radial-gradient(circle at 80% 24%, rgba(141,236,246,.22), transparent 24%),
        linear-gradient(130deg,#0A1720 0%,#132E3D 52%,#0D2430 100%);
}

body.page-id-737 .vls-card-visual::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    right:-6%;
    width:58%;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(247,249,250,.10) 38%, rgba(247,249,250,.90) 100%);
    filter:blur(4px);
}

body.page-id-737 .vls-card-visual-copy{
    position:relative;
    z-index:2;
    max-width:68%;
}

body.page-id-737 .vls-card-visual-copy h3{
    margin:0 0 8px;
    color:#fff;
    font-size:34px;
    line-height:1.02;
    font-weight:820;
    letter-spacing:-.04em;
}

body.page-id-737 .vls-card-visual-copy p{
    margin:0;
    color:rgba(224,241,246,.82);
    font-size:14px;
    line-height:1.65;
    font-weight:540;
}

body.page-id-737 .vls-card-body{
    padding:26px 28px 28px;
}

body.page-id-737 .vls-card-text{
    margin:0 0 20px;
    color:#5E727A;
    font-size:15px;
    line-height:1.82;
    font-weight:500;
}

body.page-id-737 .vls-card-block + .vls-card-block{
    margin-top:18px;
}

body.page-id-737 .vls-card-block h4{
    margin:0 0 12px;
    color:#10212B;
    font-size:16px;
    line-height:1.4;
    font-weight:760;
}

body.page-id-737 .vls-list{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:10px;
}

body.page-id-737 .vls-list li{
    position:relative;
    padding-left:20px;
    color:#62767E;
    font-size:14px;
    line-height:1.72;
    font-weight:500;
}

body.page-id-737 .vls-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:.62em;
    width:8px;
    height:8px;
    border-radius:50%;
    background:linear-gradient(135deg,#45B9D1,#176B87);
    box-shadow:0 0 0 6px rgba(88,195,217,.08);
}

body.page-id-737 .vls-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

body.page-id-737 .vls-tags span{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(23,107,135,.06);
    border:1px solid rgba(23,107,135,.10);
    color:#325969;
    font-size:12px;
    line-height:1.4;
    font-weight:700;
}

body.page-id-737 .vls-tags-simple span{
    background:rgba(88,195,217,.08);
    color:#275365;
}

body.page-id-737 .vls-card-note{
    margin-top:20px;
    padding:16px 18px;
    border-radius:18px;
    background:linear-gradient(180deg,rgba(88,195,217,.06),rgba(88,195,217,.03));
    border:1px solid rgba(88,195,217,.10);
    color:#5D717A;
    font-size:14px;
    line-height:1.72;
    font-weight:520;
}

body.page-id-737 .vls-card-foot{
    margin-top:16px;
    color:#10212B;
    font-size:14px;
    line-height:1.65;
    font-weight:780;
}

body.page-id-737 .vls-bottom-note{
    margin-top:34px;
    padding:24px 26px;
    border:1px solid rgba(23,107,135,.10);
    border-radius:28px;
    background:
        radial-gradient(circle at 82% 16%, rgba(88,195,217,.08), transparent 25%),
        rgba(255,255,255,.72);
    box-shadow:
        0 24px 54px rgba(14,42,53,.07),
        inset 0 1px 0 rgba(255,255,255,.40);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

body.page-id-737 .vls-bottom-note-copy{
    max-width:820px;
}

body.page-id-737 .vls-bottom-note-copy h3{
    margin:0 0 10px;
    color:#10212B;
    font-size:28px;
    line-height:1.12;
    font-weight:800;
    letter-spacing:-.03em;
}

body.page-id-737 .vls-bottom-note-copy p{
    margin:0;
    color:#6B7F87;
    font-size:15px;
    line-height:1.8;
    font-weight:500;
}

/* ---------------------------------------------------------
   REVEAL
   --------------------------------------------------------- */

body.page-id-737 .vls-reveal{
    opacity:0;
    will-change:transform,opacity;
    transition:
        transform .95s cubic-bezier(.16,1,.3,1),
        opacity .72s ease;
}

body.page-id-737 .vls-reveal-left{
    transform:translate3d(-56px,0,0);
}

body.page-id-737 .vls-reveal-right{
    transform:translate3d(56px,0,0);
}

body.page-id-737 .vls-reveal-up{
    transform:translate3d(0,42px,0);
}

body.page-id-737 .vls-reveal.is-visible{
    opacity:1;
    transform:translate3d(0,0,0);
}

/* ---------------------------------------------------------
   ANIMATIONS
   --------------------------------------------------------- */

@keyframes vlsBtnSweep{
    0%, 58%{
        left:-34%;
    }
    78%{
        left:118%;
    }
    100%{
        left:118%;
    }
}

@keyframes vlsOrbit{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

@keyframes vlsRouteDot{
    0%{ left:-8px; }
    100%{ left:calc(100% + 8px); }
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:1120px){

    body.page-id-737 .vls-shell{
        width:min(100%,calc(100% - 40px));
    }

    body.page-id-737 .vls-hero-layout{
        grid-template-columns:1fr;
        gap:28px;
    }

    body.page-id-737 .vls-hero-copy{
        max-width:none;
    }

    body.page-id-737 .vls-section-head{
        margin-bottom:34px;
    }

    body.page-id-737 .vls-compare{
        grid-template-columns:1fr;
    }

    body.page-id-737 .vls-bottom-note{
        flex-direction:column;
        align-items:flex-start;
    }
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:767px){

    body.page-id-737 .vls-shell{
        width:min(100%,calc(100% - 26px));
    }

    body.page-id-737 .vls-hero{
        padding:54px 0 56px;
    }

    body.page-id-737 .vls-delivery{
        padding:56px 0 60px;
    }

    body.page-id-737 .vls-kicker{
        margin-bottom:14px;
        font-size:9px;
        letter-spacing:.14em;
    }

    body.page-id-737 .vls-kicker i{
        width:28px;
    }

    body.page-id-737 .vls-hero-copy h1{
        font-size:34px;
        line-height:1.04;
    }

    body.page-id-737 .vls-hero-copy h1 span{
        font-size:.60em;
        line-height:1.16;
    }

    body.page-id-737 .vls-lead{
        font-size:14px;
        line-height:1.76;
    }

    body.page-id-737 .vls-btn{
        width:100%;
        min-width:0;
    }

    body.page-id-737 .vls-side-panel{
        padding:20px;
        border-radius:22px;
    }

    body.page-id-737 .vls-side-item{
        grid-template-columns:44px 1fr;
        gap:12px;
        padding:14px;
        border-radius:16px;
    }

    body.page-id-737 .vls-side-num{
        width:44px;
        height:44px;
        border-radius:13px;
        font-size:14px;
    }

    body.page-id-737 .vls-side-text h3{
        font-size:16px;
        margin:1px 0 6px;
    }

    body.page-id-737 .vls-side-text p{
        font-size:13px;
        line-height:1.62;
    }

    body.page-id-737 .vls-section-head h2{
        font-size:30px;
        line-height:1.08;
        margin-bottom:14px;
    }

    body.page-id-737 .vls-section-head p{
        font-size:14px;
        line-height:1.75;
    }

    body.page-id-737 .vls-card{
        border-radius:24px;
    }

    body.page-id-737 .vls-card-visual{
        min-height:150px;
        padding:20px 20px;
    }

    body.page-id-737 .vls-card-visual::after{
        width:54%;
        right:-10%;
    }

    body.page-id-737 .vls-card-visual-copy{
        max-width:80%;
    }

    body.page-id-737 .vls-card-visual-copy h3{
        font-size:28px;
    }

    body.page-id-737 .vls-card-visual-copy p{
        font-size:13px;
        line-height:1.58;
    }

    body.page-id-737 .vls-card-body{
        padding:20px 20px 22px;
    }

    body.page-id-737 .vls-card-text,
    body.page-id-737 .vls-list li,
    body.page-id-737 .vls-card-note,
    body.page-id-737 .vls-card-foot{
        font-size:13px;
        line-height:1.7;
    }

    body.page-id-737 .vls-card-block h4{
        font-size:15px;
    }

    body.page-id-737 .vls-tags{
        gap:8px;
    }

    body.page-id-737 .vls-tags span{
        min-height:32px;
        padding:0 12px;
        font-size:11px;
    }

    body.page-id-737 .vls-bottom-note{
        margin-top:24px;
        padding:18px 18px 20px;
        border-radius:22px;
    }

    body.page-id-737 .vls-bottom-note-copy h3{
        font-size:22px;
        line-height:1.1;
    }

    body.page-id-737 .vls-bottom-note-copy p{
        font-size:13px;
        line-height:1.72;
    }

    body.page-id-737 .vls-orbit-a{
        width:360px;
        height:360px;
        top:-150px;
        right:-220px;
    }

    body.page-id-737 .vls-orbit-b{
        display:none;
    }

    body.page-id-737 .vls-reveal-left,
    body.page-id-737 .vls-reveal-right{
        transform:translate3d(0,32px,0);
    }
}

@media(prefers-reduced-motion:reduce){
    body.page-id-737 .vls-reveal,
    body.page-id-737 .vls-btn,
    body.page-id-737 .vls-btn i,
    body.page-id-737 .vls-btn::before,
    body.page-id-737 .vls-orbit,
    body.page-id-737 .vls-side-route b::after{
        animation:none !important;
        transition:none !important;
    }

    body.page-id-737 .vls-reveal{
        opacity:1 !important;
        transform:none !important;
    }
}


/* === SERVICES POLISH V2 START === */


/* =========================================================
   1. ПЕРВЫЙ БЛОК КОМПАКТНЕЕ
   ========================================================= */

body.page-id-737 .vls-hero{
    padding:
        58px
        0
        60px !important;
}

body.page-id-737 .vls-hero-layout{
    gap:
        clamp(
            28px,
            4vw,
            58px
        ) !important;
}

body.page-id-737 .vls-hero-copy h1{
    margin-bottom:
        18px !important;
}

body.page-id-737 .vls-lead{
    margin-bottom:
        11px !important;

    line-height:
        1.72 !important;
}

body.page-id-737 .vls-hero-actions{
    margin-top:
        22px !important;
}


/* =========================================================
   2. ПРАВАЯ ПЛАШКА В 3D
   ========================================================= */

body.page-id-737 .vls-hero-side{
    perspective:
        1200px;
}

body.page-id-737 .vls-side-panel{
    --vls-rx:0deg;
    --vls-ry:0deg;
    --vls-mx:72%;
    --vls-my:20%;

    padding:
        22px !important;

    border-radius:
        27px !important;

    transform:
        perspective(1200px)
        rotateX(var(--vls-rx))
        rotateY(var(--vls-ry))
        translate3d(0,0,0);

    transform-style:
        preserve-3d;

    will-change:
        transform;

    transition:
        transform .22s cubic-bezier(.2,.7,.2,1),
        box-shadow .25s ease;

    box-shadow:
        0 32px 72px rgba(0,0,0,.31),
        0 12px 28px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(88,195,217,.08) !important;
}

body.page-id-737 .vls-side-panel::after{
    content:"";

    position:absolute;
    inset:0;

    z-index:0;

    pointer-events:none;

    border-radius:
        inherit;

    background:
        radial-gradient(
            circle at
            var(--vls-mx)
            var(--vls-my),
            rgba(141,236,246,.18),
            rgba(88,195,217,.07) 18%,
            transparent 38%
        );

    opacity:.9;
}

body.page-id-737 .vls-side-panel > *{
    position:relative;
    z-index:2;

    transform:
        translateZ(18px);

    transform-style:
        preserve-3d;
}

body.page-id-737 .vls-side-top{
    transform:
        translateZ(32px) !important;
}

body.page-id-737 .vls-side-badge{
    min-height:
        32px !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.10);
}


/* =========================================================
   3. СТЕКЛЯННЫЕ ИКОНКИ ВМЕСТО 01 / 02 / 03
   ========================================================= */

body.page-id-737 .vls-side-list{
    margin-top:
        14px !important;

    gap:
        10px !important;
}

body.page-id-737 .vls-side-item{
    grid-template-columns:
        50px
        1fr !important;

    gap:
        13px !important;

    padding:
        14px
        15px !important;

    border:
        1px solid
        rgba(255,255,255,.075) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.025)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045);
}

body.page-id-737 .vls-side-icon{
    position:relative;

    width:
        50px;

    height:
        50px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(177,238,248,.26);

    border-radius:
        16px;

    color:
        #9CEBF5;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.16) 0%,
            rgba(88,195,217,.11) 42%,
            rgba(12,43,56,.28) 100%
        );

    backdrop-filter:
        blur(16px)
        saturate(150%);

    -webkit-backdrop-filter:
        blur(16px)
        saturate(150%);

    box-shadow:
        0 12px 27px rgba(0,0,0,.19),
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 -1px 0 rgba(88,195,217,.15);

    overflow:hidden;

    transform:
        translateZ(26px);
}

body.page-id-737 .vls-side-icon::before{
    content:"";

    position:absolute;

    width:
        38px;

    height:
        22px;

    left:
        -5px;

    top:
        -8px;

    border-radius:
        50%;

    background:
        rgba(255,255,255,.13);

    filter:
        blur(7px);

    transform:
        rotate(-20deg);
}

body.page-id-737 .vls-side-icon svg{
    position:relative;

    z-index:2;

    width:
        23px;

    height:
        23px;

    stroke:
        currentColor;

    stroke-width:
        1.55;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

    filter:
        drop-shadow(
            0 0 9px
            rgba(88,195,217,.28)
        );
}

body.page-id-737 .vls-side-route{
    margin-top:
        14px !important;
}


/* =========================================================
   4. РЕАЛЬНЫЕ КАРТИНКИ БЕЛОЙ ДОСТАВКИ И КАРГО
   ========================================================= */

body.page-id-737 .vls-card-visual{
    isolation:isolate;

    background-repeat:
        no-repeat !important;

    background-size:
        cover !important;

    background-position:
        center center !important;
}

body.page-id-737 .vls-card-white .vls-card-visual{
    background-image:
        linear-gradient(
            90deg,
            rgba(3,16,24,.91) 0%,
            rgba(6,29,40,.73) 46%,
            rgba(7,30,40,.24) 100%
        ),
        url("/wp-content/uploads/vostok-logistika/delivery-choice/delivery-white.webp") !important;
}

body.page-id-737 .vls-card-cargo .vls-card-visual{
    background-image:
        linear-gradient(
            90deg,
            rgba(4,16,24,.92) 0%,
            rgba(9,31,41,.72) 46%,
            rgba(8,28,38,.22) 100%
        ),
        url("/wp-content/uploads/vostok-logistika/delivery-choice/delivery-cargo.webp") !important;
}

body.page-id-737 .vls-card-visual::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:0;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.03),
            transparent 38%,
            rgba(1,12,18,.16)
        );
}

body.page-id-737 .vls-card-visual::after{
    content:"";

    position:absolute;

    z-index:1;

    top:
        -35%;

    right:
        -15%;

    width:
        58%;

    height:
        175%;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(141,236,246,.07) 42%,
            rgba(255,255,255,.11) 50%,
            transparent 62%
        );

    transform:
        rotate(8deg);

    filter:
        blur(3px);

    pointer-events:none;
}

body.page-id-737 .vls-card-visual-copy{
    position:relative;

    z-index:3;

    text-shadow:
        0 4px 18px rgba(0,0,0,.28);
}


/* =========================================================
   5. ПРЕМИАЛЬНЫЙ НИЖНИЙ CTA
   ========================================================= */

body.page-id-737 .vls-bottom-note{
    position:relative;

    isolation:isolate;

    overflow:hidden;

    margin-top:
        38px !important;

    padding:
        31px
        32px !important;

    border:
        1px solid
        rgba(141,236,246,.17) !important;

    border-radius:
        30px !important;

    background:
        radial-gradient(
            circle at 84% 14%,
            rgba(88,195,217,.19),
            transparent 28%
        ),
        radial-gradient(
            circle at 10% 120%,
            rgba(88,195,217,.10),
            transparent 32%
        ),
        linear-gradient(
            125deg,
            #071720 0%,
            #0D2632 52%,
            #0B202B 100%
        ) !important;

    box-shadow:
        0 32px 70px rgba(13,41,52,.17),
        0 10px 28px rgba(13,41,52,.10),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}

body.page-id-737 .vls-bottom-note::before{
    content:"";

    position:absolute;

    width:
        390px;

    height:
        390px;

    right:
        -170px;

    top:
        -240px;

    z-index:
        -1;

    border:
        1px solid
        rgba(88,195,217,.10);

    border-radius:
        50%;

    box-shadow:
        0 0 0 55px rgba(88,195,217,.025),
        0 0 0 110px rgba(88,195,217,.012);
}

body.page-id-737 .vls-bottom-note::after{
    content:"";

    position:absolute;

    left:
        30px;

    right:
        30px;

    top:
        0;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(141,236,246,.42),
            transparent
        );
}

body.page-id-737 .vls-bottom-note-copy{
    position:relative;

    z-index:2;

    max-width:
        790px !important;
}

body.page-id-737 .vls-bottom-note-kicker{
    display:flex;
    align-items:center;

    gap:
        9px;

    margin-bottom:
        10px;

    color:
        #8DDDEB;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        760;

    letter-spacing:
        .16em;
}

body.page-id-737 .vls-bottom-note-kicker i{
    width:
        28px;

    height:
        1px;

    display:block;

    background:
        linear-gradient(
            90deg,
            #58C3D9,
            transparent
        );

    box-shadow:
        0 0 12px
        rgba(88,195,217,.35);
}

body.page-id-737 .vls-bottom-note-copy h3{
    color:
        #F4FAFB !important;

    font-size:
        clamp(
            25px,
            2.2vw,
            32px
        ) !important;

    line-height:
        1.12 !important;

    letter-spacing:
        -.035em !important;
}

body.page-id-737 .vls-bottom-note-copy p{
    max-width:
        750px;

    color:
        rgba(211,231,237,.72) !important;

    font-size:
        14px !important;

    line-height:
        1.72 !important;
}

body.page-id-737 .vls-bottom-note-points{
    display:flex;
    align-items:center;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        16px;
}

body.page-id-737 .vls-bottom-note-points span{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:
        30px;

    padding:
        0
        12px;

    border:
        1px solid
        rgba(141,236,246,.12);

    border-radius:
        999px;

    background:
        rgba(255,255,255,.045);

    color:
        rgba(225,242,246,.78);

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        700;

    letter-spacing:
        .03em;

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);
}

body.page-id-737 .vls-bottom-note-points i{
    width:
        15px;

    height:
        1px;

    background:
        rgba(88,195,217,.30);
}

body.page-id-737 .vls-bottom-note > .vls-btn{
    position:relative;

    z-index:2;

    flex:
        0 0 auto;

    box-shadow:
        0 18px 44px rgba(36,146,173,.24),
        inset 0 1px 0 rgba(255,255,255,.19);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    body.page-id-737 .vls-hero{
        padding:
            42px
            0
            46px !important;
    }

    body.page-id-737 .vls-side-panel{
        padding:
            17px !important;

        border-radius:
            23px !important;

        transform:
            perspective(900px)
            rotateX(var(--vls-rx))
            rotateY(var(--vls-ry))
            translate3d(0,0,0);
    }

    body.page-id-737 .vls-side-badge{
        width:
            100%;

        justify-content:
            center;

        text-align:
            center;

        font-size:
            9px !important;

        letter-spacing:
            .06em !important;
    }

    body.page-id-737 .vls-side-item{
        grid-template-columns:
            44px
            1fr !important;

        padding:
            12px !important;
    }

    body.page-id-737 .vls-side-icon{
        width:
            44px;

        height:
            44px;

        border-radius:
            14px;
    }

    body.page-id-737 .vls-side-icon svg{
        width:
            20px;

        height:
            20px;
    }

    body.page-id-737 .vls-card-visual{
        min-height:
            185px !important;

        background-position:
            center center !important;
    }

    body.page-id-737 .vls-card-visual-copy{
        max-width:
            88% !important;
    }

    body.page-id-737 .vls-bottom-note{
        padding:
            23px
            19px
            19px !important;

        border-radius:
            23px !important;

        gap:
            20px !important;
    }

    body.page-id-737 .vls-bottom-note-copy h3{
        font-size:
            24px !important;
    }

    body.page-id-737 .vls-bottom-note-copy p{
        font-size:
            12.5px !important;
    }

    body.page-id-737 .vls-bottom-note-points{
        margin-top:
            14px;
    }

    body.page-id-737 .vls-bottom-note-points i{
        width:
            8px;
    }

    body.page-id-737 .vls-bottom-note > .vls-btn{
        width:
            100% !important;
    }

}


/* =========================================================
   MOUSE ONLY
   ========================================================= */

@media(hover:hover) and (pointer:fine){

    body.page-id-737 .vls-side-panel:hover{
        box-shadow:
            0 38px 82px rgba(0,0,0,.34),
            0 14px 34px rgba(0,0,0,.20),
            inset 0 1px 0 rgba(255,255,255,.10),
            inset 0 -1px 0 rgba(88,195,217,.10) !important;
    }

}

/* === SERVICES POLISH V2 END === */



/* === SERVICES MOBILE 3D + CTA FIX START === */

@media(max-width:767px){

    /* =====================================================
       1. ТЁМНАЯ ПОДЛОЖКА ПОД ДВИГАЮЩЕЙСЯ 3D-ПЛАШКОЙ
       ===================================================== */

    body.page-id-737 .vls-hero-side{
        position:relative !important;
        isolation:isolate !important;

        background:transparent !important;
    }

    body.page-id-737 .vls-hero-side::before{
        content:"";

        position:absolute;

        z-index:-1;

        left:1px;
        right:1px;
        top:1px;
        bottom:1px;

        border-radius:23px;

        background:
            radial-gradient(
                circle at 78% 18%,
                rgba(88,195,217,.12),
                transparent 32%
            ),
            linear-gradient(
                145deg,
                #091720 0%,
                #0E2632 100%
            );

        pointer-events:none;
    }

    body.page-id-737 .vls-side-panel{
        position:relative !important;

        transform-origin:center center !important;

        -webkit-backface-visibility:hidden !important;
        backface-visibility:hidden !important;

        background:
            radial-gradient(
                circle at 84% 14%,
                rgba(88,195,217,.14),
                transparent 30%
            ),
            linear-gradient(
                145deg,
                rgba(9,23,32,.98) 0%,
                rgba(15,37,49,.97) 100%
            ) !important;
    }


    /* =====================================================
       2. КРУГ СО СТРЕЛКОЙ СПРАВА КНОПКИ
       ===================================================== */

    body.page-id-737
    .vls-bottom-note > .vls-btn{
        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;

        height:58px !important;

        padding:
            0
            58px !important;

        gap:0 !important;
    }

    body.page-id-737
    .vls-bottom-note > .vls-btn > span{
        position:relative !important;

        z-index:2 !important;

        display:block !important;

        width:100% !important;

        text-align:center !important;

        padding:0 !important;
        margin:0 !important;
    }

    body.page-id-737
    .vls-bottom-note > .vls-btn > i{
        position:absolute !important;

        z-index:3 !important;

        right:7px !important;
        left:auto !important;

        top:50% !important;

        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;

        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;

        margin:0 !important;

        display:grid !important;
        place-items:center !important;

        border-radius:50% !important;

        transform:
            translateY(-50%) !important;
    }

    body.page-id-737
    .vls-bottom-note > .vls-btn > i svg{
        display:block !important;

        width:17px !important;
        height:17px !important;

        margin:0 !important;
    }

}

/* === SERVICES MOBILE 3D + CTA FIX END === */


/* === SERVICES MOBILE REMOVE MOVING GLOW START === */

@media(max-width:767px){

    body.page-id-737 .vls-side-panel::after{
        display:none !important;
        content:none !important;
        background:none !important;
        opacity:0 !important;
    }

}

/* === SERVICES MOBILE REMOVE MOVING GLOW END === */


/* === SERVICES SIDE PANEL MOTION OFF START === */

body.page-id-737 .vls-side-panel{
    transform:none !important;
    transform-style:flat !important;
    will-change:auto !important;
}

body.page-id-737 .vls-side-panel > *{
    transform:none !important;
}

body.page-id-737 .vls-side-top{
    transform:none !important;
}

body.page-id-737 .vls-side-icon{
    transform:none !important;
}

/* === SERVICES SIDE PANEL MOTION OFF END === */


/* === SERVICES CALC BLOCK START === */


/* =========================================================
   EDITORIAL CALCULATION BLOCK
   ========================================================= */

body.page-id-737 .vls-calc{
    position:relative;
    padding:62px 0 68px;
    background:#F5F7F8;
}


body.page-id-737 .vls-calc-editorial{
    position:relative;

    width:min(980px,100%);

    margin:0 auto;

    padding:
        0
        18px;
}


body.page-id-737 .vls-calc-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:17px;

    color:#6D8189;

    font-size:9px;

    line-height:1;

    font-weight:760;

    letter-spacing:.17em;
}


body.page-id-737 .vls-calc-eyebrow span{
    display:block;

    width:34px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #176B87,
            rgba(23,107,135,.08)
        );
}


body.page-id-737 .vls-calc-editorial > h2{
    max-width:850px;

    margin:
        0
        0
        31px;

    color:#10212B;

    font-size:
        clamp(
            35px,
            3.3vw,
            52px
        );

    line-height:1.06;

    font-weight:820;

    letter-spacing:-.045em;
}


/* =========================================================
   CLIENT QUESTION
   ========================================================= */

body.page-id-737 .vls-calc-question{
    position:relative;

    margin-bottom:31px;

    padding:
        22px
        0
        23px
        27px;

    border-left:
        2px solid
        #58C3D9;
}


body.page-id-737 .vls-calc-question small{
    display:block;

    margin-bottom:9px;

    color:#7A8D94;

    font-size:9px;

    line-height:1;

    font-weight:730;

    letter-spacing:.12em;

    text-transform:uppercase;
}


body.page-id-737 .vls-calc-question p{
    max-width:780px;

    margin:0;

    color:#176B87;

    font-size:
        clamp(
            23px,
            2.1vw,
            32px
        );

    line-height:1.25;

    font-weight:720;

    letter-spacing:-.025em;
}


/* =========================================================
   INTRO
   ========================================================= */

body.page-id-737 .vls-calc-intro{
    max-width:870px;

    margin-bottom:36px;
}


body.page-id-737 .vls-calc-intro p{
    margin:
        0
        0
        13px;

    color:#647880;

    font-size:16px;

    line-height:1.82;

    font-weight:500;
}


body.page-id-737 .vls-calc-intro strong{
    color:#233C47;

    font-weight:720;
}


/* =========================================================
   TEXT SECTIONS
   ========================================================= */

body.page-id-737 .vls-calc-section{
    position:relative;

    max-width:900px;

    padding:
        34px
        0
        36px;

    border-top:
        1px solid
        rgba(23,107,135,.13);
}


body.page-id-737 .vls-calc-section h3{
    margin:
        0
        0
        18px;

    color:#10212B;

    font-size:
        clamp(
            25px,
            2.2vw,
            34px
        );

    line-height:1.12;

    font-weight:790;

    letter-spacing:-.035em;
}


body.page-id-737 .vls-calc-section h3::after{
    content:"";

    display:block;

    width:42px;
    height:2px;

    margin-top:13px;

    background:#58C3D9;

    border-radius:999px;
}


body.page-id-737 .vls-calc-section p{
    max-width:870px;

    margin:
        0
        0
        15px;

    color:#61757D;

    font-size:15px;

    line-height:1.82;

    font-weight:500;
}


body.page-id-737 .vls-calc-section p:last-child{
    margin-bottom:0;
}


body.page-id-737 .vls-calc-section strong{
    color:#263F4A;

    font-weight:720;
}


body.page-id-737 .vls-calc-accent-text{
    margin-top:21px !important;

    padding-left:19px;

    border-left:
        2px solid
        rgba(23,107,135,.42);

    color:#315563 !important;

    font-weight:620 !important;
}


/* =========================================================
   WHITE IMPORT SECTION
   ========================================================= */

body.page-id-737 .vls-calc-section-white{
    padding-bottom:39px;
}


/* =========================================================
   CONCLUSION
   ========================================================= */

body.page-id-737 .vls-calc-conclusion{
    position:relative;

    display:grid;

    grid-template-columns:
        9px
        minmax(0,1fr);

    gap:17px;

    align-items:start;

    max-width:900px;

    padding:
        25px
        0
        0;

    border-top:
        1px solid
        rgba(23,107,135,.13);
}


body.page-id-737 .vls-calc-conclusion > span{
    width:9px;
    height:9px;

    margin-top:8px;

    border-radius:50%;

    background:#58C3D9;

    box-shadow:
        0 0 0 7px rgba(88,195,217,.08);
}


body.page-id-737 .vls-calc-conclusion p{
    margin:0;

    color:#435E69;

    font-size:16px;

    line-height:1.75;

    font-weight:520;
}


body.page-id-737 .vls-calc-conclusion strong{
    color:#102D3B;

    font-weight:760;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    body.page-id-737 .vls-calc{
        padding:
            43px
            0
            47px;
    }


    body.page-id-737 .vls-calc-editorial{
        padding:
            0
            3px;
    }


    body.page-id-737 .vls-calc-editorial > h2{
        margin-bottom:
            24px;

        font-size:
            31px;

        line-height:
            1.08;
    }


    body.page-id-737 .vls-calc-question{
        margin-bottom:
            25px;

        padding:
            16px
            0
            17px
            18px;
    }


    body.page-id-737 .vls-calc-question p{
        font-size:
            22px;

        line-height:
            1.25;
    }


    body.page-id-737 .vls-calc-intro{
        margin-bottom:
            25px;
    }


    body.page-id-737 .vls-calc-intro p{
        font-size:
            13.5px;

        line-height:
            1.76;
    }


    body.page-id-737 .vls-calc-section{
        padding:
            27px
            0
            29px;
    }


    body.page-id-737 .vls-calc-section h3{
        margin-bottom:
            16px;

        font-size:
            25px;
    }


    body.page-id-737 .vls-calc-section p{
        margin-bottom:
            13px;

        font-size:
            13.5px;

        line-height:
            1.76;
    }


    body.page-id-737 .vls-calc-accent-text{
        margin-top:
            18px !important;

        padding-left:
            15px;
    }


    body.page-id-737 .vls-calc-conclusion{
        grid-template-columns:
            8px
            1fr;

        gap:
            13px;

        padding-top:
            21px;
    }


    body.page-id-737 .vls-calc-conclusion > span{
        width:
            8px;

        height:
            8px;
    }


    body.page-id-737 .vls-calc-conclusion p{
        font-size:
            13.5px;

        line-height:
            1.72;
    }

}

/* === SERVICES CALC BLOCK END === */



/* === SERVICES CALC COMPACT START === */

body.page-id-737 .vls-calc{
    padding:32px 0 36px !important;
}

body.page-id-737 .vls-calc-editorial{
    width:min(1040px,100%) !important;
}

body.page-id-737 .vls-calc-eyebrow{
    margin-bottom:10px !important;
}

body.page-id-737 .vls-calc-editorial > h2{
    max-width:900px !important;

    margin:
        0
        0
        18px !important;

    font-size:
        clamp(
            31px,
            2.7vw,
            43px
        ) !important;

    line-height:
        1.04 !important;
}

body.page-id-737 .vls-calc-question{
    margin-bottom:
        17px !important;

    padding:
        13px
        0
        14px
        20px !important;
}

body.page-id-737 .vls-calc-question small{
    margin-bottom:
        6px !important;
}

body.page-id-737 .vls-calc-question p{
    font-size:
        clamp(
            20px,
            1.7vw,
            27px
        ) !important;

    line-height:
        1.18 !important;
}

body.page-id-737 .vls-calc-intro{
    max-width:
        930px !important;

    margin-bottom:
        18px !important;
}

body.page-id-737 .vls-calc-intro p{
    margin:
        0
        0
        7px !important;

    font-size:
        14px !important;

    line-height:
        1.58 !important;
}

body.page-id-737 .vls-calc-section{
    max-width:
        940px !important;

    padding:
        18px
        0
        19px !important;
}

body.page-id-737 .vls-calc-section h3{
    margin:
        0
        0
        10px !important;

    font-size:
        clamp(
            22px,
            1.8vw,
            29px
        ) !important;

    line-height:
        1.08 !important;
}

body.page-id-737 .vls-calc-section h3::after{
    width:
        34px !important;

    margin-top:
        8px !important;
}

body.page-id-737 .vls-calc-section p{
    max-width:
        930px !important;

    margin:
        0
        0
        8px !important;

    font-size:
        13.5px !important;

    line-height:
        1.58 !important;
}

body.page-id-737 .vls-calc-accent-text{
    margin-top:
        11px !important;

    padding-left:
        14px !important;
}

body.page-id-737 .vls-calc-section-white{
    padding-bottom:
        20px !important;
}

body.page-id-737 .vls-calc-conclusion{
    max-width:
        940px !important;

    gap:
        12px !important;

    padding-top:
        14px !important;
}

body.page-id-737 .vls-calc-conclusion p{
    font-size:
        13.5px !important;

    line-height:
        1.58 !important;
}


/* MOBILE */

@media(max-width:767px){

    body.page-id-737 .vls-calc{
        padding:
            26px
            0
            30px !important;
    }

    body.page-id-737 .vls-calc-editorial > h2{
        margin-bottom:
            16px !important;

        font-size:
            27px !important;

        line-height:
            1.05 !important;
    }

    body.page-id-737 .vls-calc-question{
        margin-bottom:
            16px !important;

        padding:
            12px
            0
            12px
            15px !important;
    }

    body.page-id-737 .vls-calc-question p{
        font-size:
            19px !important;

        line-height:
            1.2 !important;
    }

    body.page-id-737 .vls-calc-intro{
        margin-bottom:
            14px !important;
    }

    body.page-id-737 .vls-calc-intro p{
        font-size:
            12.5px !important;

        line-height:
            1.55 !important;

        margin-bottom:
            6px !important;
    }

    body.page-id-737 .vls-calc-section{
        padding:
            16px
            0
            17px !important;
    }

    body.page-id-737 .vls-calc-section h3{
        margin-bottom:
            9px !important;

        font-size:
            22px !important;
    }

    body.page-id-737 .vls-calc-section p{
        font-size:
            12.5px !important;

        line-height:
            1.55 !important;

        margin-bottom:
            7px !important;
    }

    body.page-id-737 .vls-calc-accent-text{
        margin-top:
            9px !important;
    }

    body.page-id-737 .vls-calc-conclusion{
        padding-top:
            13px !important;
    }

    body.page-id-737 .vls-calc-conclusion p{
        font-size:
            12.5px !important;

        line-height:
            1.55 !important;
    }

}

/* === SERVICES CALC COMPACT END === */


/* === SERVICES PRECONTRACT BLOCK START === */

body.page-id-737 .vls-precontract{
    position:relative;
    padding:66px 0 72px;
    background:#FFFFFF;
}

body.page-id-737 .vls-precontract-wrap{
    width:min(1160px,100%);
    margin:0 auto;
}

body.page-id-737 .vls-precontract-head{
    max-width:940px;
    margin-bottom:34px;
}

body.page-id-737 .vls-precontract-head h2{
    max-width:900px;
    margin:0 0 18px;

    color:#10212B;

    font-size:clamp(35px,3.2vw,50px);
    line-height:1.06;

    font-weight:820;
    letter-spacing:-.045em;
}

body.page-id-737 .vls-precontract-head > p{
    max-width:860px;

    margin:0;

    color:#647880;

    font-size:15px;
    line-height:1.75;

    font-weight:500;
}

body.page-id-737 .vls-precontract-body{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,340px);

    gap:64px;

    align-items:start;
}

body.page-id-737 .vls-precontract-text{
    max-width:770px;
}

body.page-id-737 .vls-precontract-text h3{
    margin:
        27px
        0
        10px;

    color:#152C37;

    font-size:23px;
    line-height:1.16;

    font-weight:780;
    letter-spacing:-.03em;
}

body.page-id-737 .vls-precontract-text h3:first-child{
    margin-top:0;
}

body.page-id-737 .vls-precontract-text p{
    margin:
        0
        0
        10px;

    color:#62767E;

    font-size:14px;
    line-height:1.7;

    font-weight:500;
}

body.page-id-737 .vls-precontract-accent{
    margin-top:14px !important;

    padding-left:16px;

    border-left:
        2px solid
        #58C3D9;

    color:#315867 !important;

    font-weight:650 !important;
}


/* CARGO NOTE */

body.page-id-737 .vls-precontract-cargo{
    position:sticky;

    top:110px;

    padding:
        24px
        24px
        25px;

    border-top:
        2px solid
        #58C3D9;

    background:
        #F4F7F8;
}

body.page-id-737 .vls-precontract-cargo > span{
    display:block;

    margin-bottom:12px;

    color:#176B87;

    font-size:9px;
    line-height:1;

    font-weight:800;
    letter-spacing:.16em;
}

body.page-id-737 .vls-precontract-cargo h3{
    margin:
        0
        0
        14px;

    color:#10212B;

    font-size:25px;
    line-height:1.1;

    font-weight:790;
    letter-spacing:-.035em;
}

body.page-id-737 .vls-precontract-cargo p{
    margin:
        0
        0
        12px;

    color:#657981;

    font-size:13px;
    line-height:1.66;

    font-weight:500;
}

body.page-id-737 .vls-precontract-cargo p:last-child{
    margin-bottom:0;
}


/* MOBILE */

@media(max-width:767px){

    body.page-id-737 .vls-precontract{
        padding:
            43px
            0
            48px;
    }

    body.page-id-737 .vls-precontract-head{
        margin-bottom:
            24px;
    }

    body.page-id-737 .vls-precontract-head h2{
        margin-bottom:
            14px;

        font-size:
            30px;

        line-height:
            1.07;
    }

    body.page-id-737 .vls-precontract-head > p{
        font-size:
            13px;

        line-height:
            1.68;
    }

    body.page-id-737 .vls-precontract-body{
        grid-template-columns:
            1fr;

        gap:
            27px;
    }

    body.page-id-737 .vls-precontract-text h3{
        margin:
            22px
            0
            8px;

        font-size:
            21px;
    }

    body.page-id-737 .vls-precontract-text p{
        margin-bottom:
            8px;

        font-size:
            12.7px;

        line-height:
            1.65;
    }

    body.page-id-737 .vls-precontract-cargo{
        position:relative;

        top:auto;

        padding:
            20px
            18px
            21px;
    }

    body.page-id-737 .vls-precontract-cargo h3{
        font-size:
            23px;
    }

    body.page-id-737 .vls-precontract-cargo p{
        font-size:
            12.5px;

        line-height:
            1.62;
    }

}

/* === SERVICES PRECONTRACT BLOCK END === */


/* =========================================================
   SERVICES VISUAL V3
   CALC + PRECONTRACT
   ========================================================= */


/* =========================================================
   1. CALC BLOCK
   LIGHT EDITORIAL WITH MOTION
   ========================================================= */

body.page-id-737 .vls-calc{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    background:
        linear-gradient(
            180deg,
            #F3F7F8 0%,
            #F7F9FA 48%,
            #F2F6F7 100%
        ) !important;
}


body.page-id-737 .vls-calc::before{
    content:"";

    position:absolute;

    z-index:-2;

    width:720px;
    height:720px;

    left:-260px;
    top:-310px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(88,195,217,.12) 0%,
            rgba(88,195,217,.055) 34%,
            transparent 68%
        );

    filter:blur(8px);

    animation:
        vlsCalcGlowMove
        16s
        ease-in-out
        infinite
        alternate;

    pointer-events:none;
}


body.page-id-737 .vls-calc::after{
    content:"";

    position:absolute;

    z-index:-3;

    inset:0;

    background-image:
        linear-gradient(
            rgba(23,107,135,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(23,107,135,.028) 1px,
            transparent 1px
        );

    background-size:
        72px
        72px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 18%,
            #000 82%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 18%,
            #000 82%,
            transparent 100%
        );

    opacity:.65;

    animation:
        vlsCalcGridMove
        24s
        linear
        infinite;

    pointer-events:none;
}


body.page-id-737 .vls-calc-editorial{
    position:relative !important;
}


body.page-id-737 .vls-calc-editorial::before{
    content:"";

    position:absolute;

    z-index:-1;

    width:480px;
    height:480px;

    right:-240px;
    top:15%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(23,107,135,.08),
            transparent 68%
        );

    animation:
        vlsCalcSecondGlow
        18s
        ease-in-out
        infinite
        alternate;

    pointer-events:none;
}


body.page-id-737 .vls-calc-editorial::after{
    content:"";

    position:absolute;

    z-index:-1;

    left:-18%;
    top:47%;

    width:136%;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(88,195,217,.05) 18%,
            rgba(88,195,217,.32) 50%,
            rgba(88,195,217,.05) 82%,
            transparent 100%
        );

    transform:
        translateX(-20%);

    animation:
        vlsCalcScan
        10s
        ease-in-out
        infinite;

    pointer-events:none;
}



/* =========================================================
   2. PRECONTRACT
   DARK TECH SECTION
   ========================================================= */

body.page-id-737 .vls-precontract{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    padding:
        66px
        0
        72px !important;

    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(88,195,217,.13),
            transparent 25%
        ),
        radial-gradient(
            circle at 5% 82%,
            rgba(88,195,217,.07),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #06131C 0%,
            #0A1C27 50%,
            #102D3B 100%
        ) !important;

    color:#fff;
}


body.page-id-737 .vls-precontract::before{
    content:"";

    position:absolute;

    z-index:-2;

    width:760px;
    height:760px;

    right:-340px;
    top:-410px;

    border:
        1px solid
        rgba(88,195,217,.08);

    border-radius:50%;

    box-shadow:
        0 0 0 80px rgba(88,195,217,.018),
        0 0 0 160px rgba(88,195,217,.010);

    animation:
        vlsPrecontractOrbit
        34s
        linear
        infinite;

    pointer-events:none;
}


body.page-id-737 .vls-precontract::after{
    content:"";

    position:absolute;

    z-index:-3;

    inset:0;

    background:
        linear-gradient(
            115deg,
            transparent 0%,
            transparent 42%,
            rgba(141,236,246,.025) 48%,
            rgba(141,236,246,.07) 50%,
            rgba(141,236,246,.025) 52%,
            transparent 58%,
            transparent 100%
        );

    background-size:
        240% 100%;

    animation:
        vlsPrecontractLightSweep
        13s
        ease-in-out
        infinite;

    pointer-events:none;
}


body.page-id-737 .vls-precontract-wrap{
    position:relative !important;
    z-index:2 !important;
}


body.page-id-737 .vls-precontract-head .vls-calc-eyebrow{
    color:
        rgba(161,213,224,.67) !important;
}


body.page-id-737 .vls-precontract-head .vls-calc-eyebrow span{
    background:
        linear-gradient(
            90deg,
            #58C3D9,
            transparent
        ) !important;
}


body.page-id-737 .vls-precontract-head h2{
    color:
        #F2F8FA !important;
}


body.page-id-737 .vls-precontract-head > p{
    color:
        rgba(207,228,234,.72) !important;
}


/* =========================================================
   MAIN TEXT
   ========================================================= */

body.page-id-737 .vls-precontract-text{
    position:relative;
}


body.page-id-737 .vls-precontract-text::before{
    content:"";

    position:absolute;

    left:-28px;
    top:0;
    bottom:0;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(88,195,217,.16) 8%,
            rgba(88,195,217,.08) 85%,
            transparent
        );
}


body.page-id-737 .vls-precontract-text h3{
    position:relative;

    color:
        #F1F8FA !important;
}


body.page-id-737 .vls-precontract-text h3::before{
    content:"";

    position:absolute;

    left:-32px;
    top:.47em;

    width:8px;
    height:8px;

    border-radius:50%;

    background:
        #58C3D9;

    box-shadow:
        0 0 0 7px rgba(88,195,217,.05),
        0 0 20px rgba(88,195,217,.18);
}


body.page-id-737 .vls-precontract-text p{
    color:
        rgba(203,224,230,.69) !important;
}


body.page-id-737 .vls-precontract-text p strong{
    color:
        rgba(239,248,250,.92) !important;
}


body.page-id-737 .vls-precontract-accent{
    position:relative;

    padding:
        13px
        0
        13px
        18px !important;

    border-left:
        2px solid
        #58C3D9 !important;

    color:
        rgba(225,240,244,.86) !important;

    background:
        linear-gradient(
            90deg,
            rgba(88,195,217,.055),
            transparent 72%
        );
}



/* =========================================================
   CARGO SIDE
   ========================================================= */

body.page-id-737 .vls-precontract-cargo{
    position:sticky !important;

    top:110px !important;

    overflow:hidden;

    padding:
        27px
        25px
        28px !important;

    border:
        1px solid
        rgba(141,236,246,.13) !important;

    border-top:
        1px solid
        rgba(141,236,246,.28) !important;

    border-radius:
        24px !important;

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(88,195,217,.14),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.025)
        ) !important;

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

    box-shadow:
        0 26px 60px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.06);
}


body.page-id-737 .vls-precontract-cargo::before{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-95px;
    top:-105px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(141,236,246,.16),
            transparent 65%
        );

    animation:
        vlsCargoGlow
        8s
        ease-in-out
        infinite
        alternate;

    pointer-events:none;
}


body.page-id-737 .vls-precontract-cargo > span{
    position:relative;
    z-index:2;

    margin-bottom:
        9px !important;

    color:
        rgba(141,236,246,.70) !important;

    font-size:
        8px !important;

    line-height:
        1.2 !important;

    font-weight:
        760 !important;

    letter-spacing:
        .13em !important;
}


body.page-id-737 .vls-precontract-cargo h3{
    position:relative;
    z-index:2;

    margin:
        0
        0
        16px !important;

    color:
        #F3FAFB !important;

    font-size:
        clamp(
            27px,
            2.1vw,
            34px
        ) !important;

    line-height:
        1.06 !important;

    font-weight:
        800 !important;

    letter-spacing:
        -.04em !important;
}


body.page-id-737 .vls-precontract-cargo p{
    position:relative;
    z-index:2;

    color:
        rgba(207,229,234,.70) !important;

    font-size:
        13px !important;

    line-height:
        1.66 !important;
}



/* =========================================================
   SUBTLE CONTENT REVEAL
   ========================================================= */

body.page-id-737 .vls-precontract-text h3,
body.page-id-737 .vls-precontract-text p{
    transition:
        color .25s ease,
        transform .25s ease;
}


@media(hover:hover) and (pointer:fine){

    body.page-id-737 .vls-precontract-text h3:hover{
        color:
            #8DECF6 !important;

        transform:
            translateX(3px);
    }

}



/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes vlsCalcGlowMove{

    0%{
        transform:
            translate3d(
                -2%,
                -3%,
                0
            )
            scale(1);
    }

    100%{
        transform:
            translate3d(
                12%,
                9%,
                0
            )
            scale(1.08);
    }

}


@keyframes vlsCalcSecondGlow{

    0%{
        transform:
            translate3d(
                0,
                -4%,
                0
            );
    }

    100%{
        transform:
            translate3d(
                -12%,
                12%,
                0
            );
    }

}


@keyframes vlsCalcGridMove{

    from{
        background-position:
            0
            0;
    }

    to{
        background-position:
            72px
            72px;
    }

}


@keyframes vlsCalcScan{

    0%,
    100%{
        transform:
            translateX(-34%);
        opacity:.35;
    }

    50%{
        transform:
            translateX(22%);
        opacity:.85;
    }

}


@keyframes vlsPrecontractOrbit{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}


@keyframes vlsPrecontractLightSweep{

    0%,
    15%{
        background-position:
            100%
            0;
    }

    65%,
    100%{
        background-position:
            -100%
            0;
    }

}


@keyframes vlsCargoGlow{

    from{
        transform:
            translate3d(
                0,
                0,
                0
            )
            scale(1);
    }

    to{
        transform:
            translate3d(
                -25px,
                24px,
                0
            )
            scale(1.12);
    }

}



/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    body.page-id-737 .vls-calc::before{
        width:
            430px;

        height:
            430px;

        left:
            -240px;

        top:
            -160px;
    }


    body.page-id-737 .vls-calc::after{
        background-size:
            48px
            48px;

        animation-duration:
            30s;
    }


    body.page-id-737 .vls-calc-editorial::after{
        display:none;
    }


    body.page-id-737 .vls-precontract{
        padding:
            44px
            0
            49px !important;
    }


    body.page-id-737 .vls-precontract::before{
        width:
            420px;

        height:
            420px;

        right:
            -260px;

        top:
            -210px;
    }


    body.page-id-737 .vls-precontract-text::before{
        display:none;
    }


    body.page-id-737 .vls-precontract-text h3::before{
        display:none;
    }


    body.page-id-737 .vls-precontract-cargo{
        position:relative !important;

        top:auto !important;

        padding:
            22px
            19px
            23px !important;

        border-radius:
            21px !important;
    }


    body.page-id-737 .vls-precontract-cargo h3{
        font-size:
            27px !important;
    }

}



/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    body.page-id-737 .vls-calc::before,
    body.page-id-737 .vls-calc::after,
    body.page-id-737 .vls-calc-editorial::before,
    body.page-id-737 .vls-calc-editorial::after,
    body.page-id-737 .vls-precontract::before,
    body.page-id-737 .vls-precontract::after,
    body.page-id-737 .vls-precontract-cargo::before{
        animation:none !important;
    }

}

/* === END SERVICES VISUAL V3 === */


/* =========================================================
   SERVICES BACKGROUND V4
   CALC + PRECONTRACT
   ========================================================= */


/* =========================================================
   1. КАК ФОРМИРУЕТСЯ СТОИМОСТЬ
   ДЕЛАЕМ ФОНОВУЮ АНИМАЦИЮ РЕАЛЬНО ВИДИМОЙ
   ========================================================= */

body.page-id-737 .vls-calc{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    background:
        linear-gradient(
            180deg,
            #F2F6F7 0%,
            #F8FAFB 46%,
            #F1F5F6 100%
        ) !important;
}


/* большое мягкое свечение слева */

body.page-id-737 .vls-calc::before{
    content:"" !important;

    position:absolute !important;

    z-index:0 !important;

    width:680px !important;
    height:680px !important;

    left:-330px !important;
    top:-260px !important;

    border-radius:50% !important;

    background:
        radial-gradient(
            circle,
            rgba(88,195,217,.18) 0%,
            rgba(88,195,217,.085) 28%,
            rgba(88,195,217,.025) 50%,
            transparent 70%
        ) !important;

    filter:blur(5px) !important;

    opacity:1 !important;

    animation:
        vlsCalcAmbientLeft
        13s
        ease-in-out
        infinite
        alternate !important;

    pointer-events:none !important;
}


/* второе свечение справа */

body.page-id-737 .vls-calc::after{
    content:"" !important;

    position:absolute !important;

    z-index:0 !important;

    width:520px !important;
    height:520px !important;

    right:-220px !important;
    bottom:-250px !important;

    left:auto !important;
    top:auto !important;

    border-radius:50% !important;

    background:
        radial-gradient(
            circle,
            rgba(23,107,135,.13) 0%,
            rgba(88,195,217,.055) 38%,
            transparent 70%
        ) !important;

    background-size:auto !important;

    mask-image:none !important;
    -webkit-mask-image:none !important;

    opacity:1 !important;

    animation:
        vlsCalcAmbientRight
        16s
        ease-in-out
        infinite
        alternate !important;

    pointer-events:none !important;
}


/* сам текст гарантированно выше анимации */

body.page-id-737 .vls-calc .vls-shell{
    position:relative !important;
    z-index:2 !important;
}

body.page-id-737 .vls-calc-editorial{
    position:relative !important;
    z-index:2 !important;
}


/* убираем старую линию, которая почти не читалась */

body.page-id-737 .vls-calc-editorial::after{
    display:none !important;
}


/* дополнительное локальное свечение около вопроса */

body.page-id-737 .vls-calc-question{
    position:relative !important;
}

body.page-id-737 .vls-calc-question::after{
    content:"";

    position:absolute;

    z-index:-1;

    width:210px;
    height:120px;

    left:-65px;
    top:50%;

    transform:translateY(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(88,195,217,.11),
            transparent 70%
        );

    filter:blur(3px);

    animation:
        vlsCalcQuestionPulse
        5s
        ease-in-out
        infinite;

    pointer-events:none;
}


@keyframes vlsCalcAmbientLeft{

    from{
        transform:
            translate3d(
                -20px,
                -15px,
                0
            )
            scale(1);
    }

    to{
        transform:
            translate3d(
                80px,
                45px,
                0
            )
            scale(1.12);
    }

}


@keyframes vlsCalcAmbientRight{

    from{
        transform:
            translate3d(
                20px,
                15px,
                0
            )
            scale(1);
    }

    to{
        transform:
            translate3d(
                -70px,
                -40px,
                0
            )
            scale(1.14);
    }

}


@keyframes vlsCalcQuestionPulse{

    0%,
    100%{
        opacity:.45;
        transform:
            translateY(-50%)
            scale(.94);
    }

    50%{
        opacity:1;
        transform:
            translateY(-50%)
            scale(1.08);
    }

}



/* =========================================================
   2. ДО ЗАКЛЮЧЕНИЯ КОНТРАКТА
   УБИРАЕМ БОЛЬШОЙ ПРОХОДЯЩИЙ БЛИК
   ========================================================= */

body.page-id-737 .vls-precontract::after{
    content:"" !important;

    position:absolute !important;

    z-index:0 !important;

    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;

    width:38% !important;

    background:
        radial-gradient(
            circle at 75% 18%,
            rgba(141,236,246,.08) 0 2px,
            transparent 3px
        ),
        radial-gradient(
            circle at 26% 42%,
            rgba(88,195,217,.07) 0 1.5px,
            transparent 2.5px
        ),
        radial-gradient(
            circle at 68% 72%,
            rgba(141,236,246,.055) 0 1.5px,
            transparent 2.5px
        ) !important;

    background-size:
        86px 86px,
        116px 116px,
        148px 148px !important;

    opacity:.65 !important;

    animation:
        vlsPrecontractParticles
        22s
        linear
        infinite !important;

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.28) 22%,
            #000 62%,
            rgba(0,0,0,.65) 100%
        ) !important;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.28) 22%,
            #000 62%,
            rgba(0,0,0,.65) 100%
        ) !important;

    pointer-events:none !important;
}


/* текст всегда поверх */

body.page-id-737 .vls-precontract .vls-shell{
    position:relative !important;
    z-index:2 !important;
}


/* =========================================================
   ТИХАЯ ТЕХНИЧЕСКАЯ СЕТКА
   НЕ ДВИГАЕТСЯ ЧЕРЕЗ ТЕКСТ
   ========================================================= */

body.page-id-737 .vls-precontract{
    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(88,195,217,.12),
            transparent 26%
        ),
        radial-gradient(
            circle at 7% 90%,
            rgba(88,195,217,.055),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #06131C 0%,
            #091B25 48%,
            #102D3B 100%
        ) !important;
}


/* =========================================================
   ЛИНИЯ МЕЖДУ ТЕКСТОМ И КАРГО
   С МАЛЕНЬКИМ ДВИЖУЩИМСЯ СИГНАЛОМ
   ========================================================= */

body.page-id-737 .vls-precontract-body{
    position:relative !important;
}


body.page-id-737 .vls-precontract-body::before{
    content:"";

    position:absolute;

    z-index:0;

    top:4px;
    bottom:4px;

    right:372px;

    width:1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(88,195,217,.13) 12%,
            rgba(88,195,217,.13) 88%,
            transparent
        );

    pointer-events:none;
}


body.page-id-737 .vls-precontract-body::after{
    content:"";

    position:absolute;

    z-index:1;

    right:369px;
    top:8%;

    width:7px;
    height:7px;

    border-radius:50%;

    background:#8DECF6;

    box-shadow:
        0 0 0 7px rgba(141,236,246,.045),
        0 0 18px rgba(88,195,217,.32);

    animation:
        vlsPrecontractSignal
        9s
        ease-in-out
        infinite;

    pointer-events:none;
}


/* =========================================================
   CARGO ПЛАШКА
   УБИРАЕМ СТАРЫЙ ДВИГАЮЩИЙСЯ БЛИК
   ========================================================= */

body.page-id-737 .vls-precontract-cargo::before{
    content:"" !important;

    position:absolute !important;

    width:200px !important;
    height:200px !important;

    right:-110px !important;
    top:-115px !important;

    border-radius:50% !important;

    background:
        radial-gradient(
            circle,
            rgba(88,195,217,.10),
            transparent 68%
        ) !important;

    animation:
        vlsCargoBreath
        7s
        ease-in-out
        infinite !important;

    pointer-events:none !important;
}


/* тонкая верхняя линия */

body.page-id-737 .vls-precontract-cargo::after{
    content:"";

    position:absolute;

    left:22px;
    right:22px;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(141,236,246,.38),
            transparent
        );

    pointer-events:none;
}


@keyframes vlsPrecontractParticles{

    from{
        background-position:
            0 0,
            0 0,
            0 0;
    }

    to{
        background-position:
            0 86px,
            0 -116px,
            0 148px;
    }

}


@keyframes vlsPrecontractSignal{

    0%,
    100%{
        top:8%;
    }

    50%{
        top:88%;
    }

}


@keyframes vlsCargoBreath{

    0%,
    100%{
        opacity:.55;
        transform:scale(.95);
    }

    50%{
        opacity:1;
        transform:scale(1.12);
    }

}



/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    /* стоимость */

    body.page-id-737 .vls-calc::before{
        width:420px !important;
        height:420px !important;

        left:-270px !important;
        top:-150px !important;
    }


    body.page-id-737 .vls-calc::after{
        width:360px !important;
        height:360px !important;

        right:-250px !important;
        bottom:-130px !important;
    }


    body.page-id-737 .vls-calc-question::after{
        width:150px;
        height:100px;

        left:-80px;
    }


    /* контракт */

    body.page-id-737 .vls-precontract::after{
        width:55% !important;

        opacity:.42 !important;
    }


    body.page-id-737 .vls-precontract-body::before,
    body.page-id-737 .vls-precontract-body::after{
        display:none !important;
    }

}



/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    body.page-id-737 .vls-calc::before,
    body.page-id-737 .vls-calc::after,
    body.page-id-737 .vls-calc-question::after,
    body.page-id-737 .vls-precontract::after,
    body.page-id-737 .vls-precontract-body::after,
    body.page-id-737 .vls-precontract-cargo::before{
        animation:none !important;
    }

}

/* === END SERVICES BACKGROUND V4 === */


/* =========================================================
   DELIVERY + CALC SHARED SCENE
   ========================================================= */

body.page-id-737 .vls-delivery-calc-scene{
    position:relative;

    isolation:isolate;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 15% 14%,
            rgba(88,195,217,.075),
            transparent 25%
        ),
        radial-gradient(
            circle at 86% 72%,
            rgba(88,195,217,.065),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #F7F9FA 0%,
            #F4F7F8 45%,
            #F2F6F7 100%
        );
}


/* отключаем отдельные фоны обеих секций */

body.page-id-737 .vls-delivery,
body.page-id-737 .vls-calc{
    position:relative !important;

    z-index:2 !important;

    background:
        transparent !important;
}


/* отключаем старые эффекты блока стоимости */

body.page-id-737 .vls-calc::before,
body.page-id-737 .vls-calc::after,
body.page-id-737 .vls-calc-editorial::before,
body.page-id-737 .vls-calc-editorial::after,
body.page-id-737 .vls-calc-question::after{
    display:none !important;

    content:none !important;

    animation:none !important;

    background:none !important;
}


/* =========================================================
   BACKGROUND LAYER
   ========================================================= */

body.page-id-737 .vls-dc-background{
    position:absolute;

    z-index:1;

    inset:0;

    overflow:hidden;

    pointer-events:none;
}


/* =========================================================
   ORBITS
   ЛОГИКА КАК НА ГЛАВНОЙ
   ========================================================= */

body.page-id-737 .vls-dc-orbit{
    position:absolute;

    border:
        1px solid
        rgba(23,107,135,.08);

    border-radius:
        50%;

    animation:
        vlsDcOrbit
        24s
        linear
        infinite;

    will-change:
        transform;
}


/* диод на окружности */

body.page-id-737 .vls-dc-orbit::after{
    content:"";

    position:absolute;

    width:
        7px;

    height:
        7px;

    top:
        14%;

    left:
        14%;

    border-radius:
        50%;

    background:
        rgba(88,195,217,.62);

    box-shadow:
        0 0 0 8px rgba(88,195,217,.06),
        0 0 28px rgba(88,195,217,.26);

    transform:
        translate3d(0,0,0);
}


/* верхний правый круг */

body.page-id-737 .vls-dc-orbit-a{
    width:
        470px;

    height:
        470px;

    right:
        -235px;

    top:
        -120px;
}


/* нижний левый круг */

body.page-id-737 .vls-dc-orbit-b{
    width:
        330px;

    height:
        330px;

    left:
        -165px;

    bottom:
        -110px;

    animation-duration:
        31s;

    animation-direction:
        reverse;
}


/* =========================================================
   VERY SOFT AMBIENT LIGHT
   ========================================================= */

body.page-id-737 .vls-dc-glow{
    position:absolute;

    border-radius:
        50%;

    pointer-events:none;

    filter:
        blur(3px);
}


body.page-id-737 .vls-dc-glow-a{
    width:
        520px;

    height:
        520px;

    right:
        8%;

    top:
        18%;

    background:
        radial-gradient(
            circle,
            rgba(88,195,217,.065),
            transparent 68%
        );
}


body.page-id-737 .vls-dc-glow-b{
    width:
        420px;

    height:
        420px;

    left:
        5%;

    bottom:
        12%;

    background:
        radial-gradient(
            circle,
            rgba(23,107,135,.045),
            transparent 70%
        );
}


/* =========================================================
   УБИРАЕМ ВИЗУАЛЬНЫЙ ШОВ МЕЖДУ ДВУМЯ БЛОКАМИ
   ========================================================= */

body.page-id-737 .vls-delivery{
    padding-bottom:
        76px !important;
}


body.page-id-737 .vls-calc{
    padding-top:
        18px !important;
}


body.page-id-737 .vls-delivery + .vls-calc{
    border-top:
        0 !important;
}


/* =========================================================
   CONTENT ABOVE ORBITS
   ========================================================= */

body.page-id-737 .vls-delivery > .vls-shell,
body.page-id-737 .vls-calc > .vls-shell{
    position:relative;

    z-index:3;
}


/* =========================================================
   ANIMATION
   ========================================================= */

@keyframes vlsDcOrbit{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    body.page-id-737 .vls-delivery{
        padding-bottom:
            46px !important;
    }


    body.page-id-737 .vls-calc{
        padding-top:
            14px !important;
    }


    body.page-id-737 .vls-dc-orbit-a{
        width:
            350px;

        height:
            350px;

        right:
            -220px;

        top:
            -110px;
    }


    body.page-id-737 .vls-dc-orbit-b{
        display:none;
    }


    body.page-id-737 .vls-dc-glow-a{
        width:
            320px;

        height:
            320px;

        right:
            -100px;

        top:
            22%;
    }


    body.page-id-737 .vls-dc-glow-b{
        width:
            280px;

        height:
            280px;

        left:
            -130px;

        bottom:
            15%;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    body.page-id-737 .vls-dc-orbit{
        animation:none !important;
    }

}

/* === END DELIVERY + CALC SHARED SCENE === */


/* === DELIVERY CALC SHARED FINAL V2 START === */


/* =========================================================
   ОДНА ОБЩАЯ СЦЕНА ДЛЯ ДВУХ БЛОКОВ
   ========================================================= */

body.page-id-737 .vls-delivery-calc-scene{
    position:relative !important;

    isolation:isolate !important;

    overflow:hidden !important;

    background:
        #F4F7F8 !important;
}


/* =========================================================
   ПОЛНОСТЬЮ УБИРАЕМ ЛОКАЛЬНЫЕ ФОНЫ
   ========================================================= */

body.page-id-737
.vls-delivery-calc-scene > .vls-delivery,

body.page-id-737
.vls-delivery-calc-scene > .vls-calc{
    position:relative !important;

    z-index:3 !important;

    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;
}


/* старые эффекты calc */

body.page-id-737
.vls-delivery-calc-scene
.vls-calc::before,

body.page-id-737
.vls-delivery-calc-scene
.vls-calc::after,

body.page-id-737
.vls-delivery-calc-scene
.vls-calc-editorial::before,

body.page-id-737
.vls-delivery-calc-scene
.vls-calc-editorial::after,

body.page-id-737
.vls-delivery-calc-scene
.vls-calc-question::after{
    display:none !important;

    content:none !important;

    background:none !important;

    animation:none !important;
}


/* =========================================================
   ЕДИНЫЙ ФОН
   ========================================================= */

body.page-id-737 .vls-dc-background{
    position:absolute !important;

    z-index:1 !important;

    inset:0 !important;

    overflow:hidden !important;

    pointer-events:none !important;
}


/* единая сетка на два блока */

body.page-id-737 .vls-dc-background::before{
    content:"";

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(
            rgba(23,107,135,.027) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(23,107,135,.027) 1px,
            transparent 1px
        );

    background-size:
        74px
        74px;

    opacity:.55;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 92%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 92%,
            transparent 100%
        );
}


/* очень мягкое общее свечение */

body.page-id-737 .vls-dc-background::after{
    content:"";

    position:absolute;

    width:900px;
    height:900px;

    left:50%;
    top:47%;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(88,195,217,.055) 0%,
            rgba(88,195,217,.022) 38%,
            transparent 70%
        );

    pointer-events:none;
}


/* =========================================================
   КРУГИ КАК НА ГЛАВНОЙ
   ========================================================= */

body.page-id-737 .vls-dc-orbit{
    position:absolute !important;

    border:
        1px solid
        rgba(23,107,135,.105) !important;

    border-radius:
        50% !important;

    animation:
        vlsDcUnifiedOrbit
        24s
        linear
        infinite !important;

    will-change:
        transform;

    opacity:1 !important;
}


/* диод */

body.page-id-737 .vls-dc-orbit::after{
    content:"" !important;

    position:absolute !important;

    width:7px !important;
    height:7px !important;

    top:14% !important;
    left:14% !important;

    display:block !important;

    border-radius:
        50% !important;

    background:
        rgba(88,195,217,.72) !important;

    box-shadow:
        0 0 0 8px rgba(88,195,217,.065),
        0 0 30px rgba(88,195,217,.32) !important;
}


/* =========================================================
   КРУГ 1
   ПРОХОДИТ ЧЕРЕЗ ОБА БЛОКА
   ========================================================= */

body.page-id-737 .vls-dc-orbit-a{
    width:
        620px !important;

    height:
        620px !important;

    right:
        -300px !important;

    top:
        44% !important;

    transform-origin:
        center center !important;
}


/* =========================================================
   КРУГ 2
   НИЖЕ СЛЕВА
   ========================================================= */

body.page-id-737 .vls-dc-orbit-b{
    display:block !important;

    width:
        430px !important;

    height:
        430px !important;

    left:
        -215px !important;

    bottom:
        5% !important;

    animation:
        vlsDcUnifiedOrbit
        31s
        linear
        infinite
        reverse !important;
}


/* =========================================================
   УБИРАЕМ СТАРЫЕ GLOW ЭЛЕМЕНТЫ
   ========================================================= */

body.page-id-737 .vls-dc-glow{
    display:none !important;
}


/* =========================================================
   УБИРАЕМ ОЩУЩЕНИЕ ШВА
   ========================================================= */

body.page-id-737
.vls-delivery-calc-scene
.vls-delivery{
    padding-bottom:
        52px !important;
}


body.page-id-737
.vls-delivery-calc-scene
.vls-calc{
    padding-top:
        0 !important;
}


/* текст всегда выше графики */

body.page-id-737
.vls-delivery-calc-scene
.vls-delivery > .vls-shell,

body.page-id-737
.vls-delivery-calc-scene
.vls-calc > .vls-shell{
    position:relative !important;

    z-index:4 !important;
}


/* =========================================================
   АНИМАЦИЯ
   ========================================================= */

@keyframes vlsDcUnifiedOrbit{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    body.page-id-737 .vls-dc-background::before{
        background-size:
            52px
            52px;

        opacity:
            .42;
    }


    body.page-id-737
    .vls-delivery-calc-scene
    .vls-delivery{
        padding-bottom:
            35px !important;
    }


    body.page-id-737
    .vls-delivery-calc-scene
    .vls-calc{
        padding-top:
            0 !important;
    }


    body.page-id-737 .vls-dc-orbit-a{
        width:
            390px !important;

        height:
            390px !important;

        right:
            -250px !important;

        top:
            47% !important;
    }


    body.page-id-737 .vls-dc-orbit-b{
        width:
            290px !important;

        height:
            290px !important;

        left:
            -205px !important;

        bottom:
            8% !important;
    }


    body.page-id-737 .vls-dc-orbit::after{
        width:
            6px !important;

        height:
            6px !important;

        box-shadow:
            0 0 0 6px rgba(88,195,217,.055),
            0 0 22px rgba(88,195,217,.28) !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    body.page-id-737 .vls-dc-orbit{
        animation:none !important;
    }

}

/* === DELIVERY CALC SHARED FINAL V2 END === */


/* =========================================================
   DARK CTA ON ONE COMMON WHITE BACKGROUND
   ========================================================= */


/* ---------------------------------------------------------
   ЕДИНЫЙ БЕЛЫЙ ФОН ОБОИХ БЛОКОВ
   --------------------------------------------------------- */

body.page-id-737 .vls-delivery-calc-scene{
    background:
        #FFFFFF !important;
}


/* обе внутренние секции полностью прозрачны */

body.page-id-737
.vls-delivery-calc-scene > .vls-delivery,

body.page-id-737
.vls-delivery-calc-scene > .vls-calc{
    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;
}


/* ---------------------------------------------------------
   ЧЁРНАЯ ПЛАШКА "ПОМОЖЕМ ВЫБРАТЬ"
   --------------------------------------------------------- */

body.page-id-737
.vls-delivery-calc-scene
.vls-bottom-note{
    position:relative !important;

    z-index:5 !important;

    overflow:hidden !important;

    margin-top:
        38px !important;

    padding:
        28px
        30px !important;

    border:
        1px solid
        rgba(255,255,255,.065) !important;

    border-radius:
        26px !important;

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(88,195,217,.13),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #07151E 0%,
            #0A1F2A 56%,
            #102C39 100%
        ) !important;

    box-shadow:
        0 24px 55px rgba(8,31,41,.16),
        inset 0 1px 0 rgba(255,255,255,.055) !important;

    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;
}


/* тонкий свет сверху */

body.page-id-737
.vls-delivery-calc-scene
.vls-bottom-note::before{
    content:"" !important;

    display:block !important;

    position:absolute !important;

    left:30px !important;
    right:30px !important;
    top:0 !important;

    height:1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(141,236,246,.34),
            transparent
        ) !important;

    pointer-events:none !important;
}


/* убираем любые старые крупные блики */

body.page-id-737
.vls-delivery-calc-scene
.vls-bottom-note::after{
    display:none !important;

    content:none !important;
}


/* ---------------------------------------------------------
   ТЕКСТ ВНУТРИ ЧЁРНОЙ ПЛАШКИ
   --------------------------------------------------------- */

body.page-id-737
.vls-delivery-calc-scene
.vls-bottom-note h3{
    color:
        #F4FAFB !important;
}


body.page-id-737
.vls-delivery-calc-scene
.vls-bottom-note p{
    color:
        rgba(213,232,237,.72) !important;
}


/* если "ПОМОЖЕМ ВЫБРАТЬ" находится в span */

body.page-id-737
.vls-delivery-calc-scene
.vls-bottom-note > span,

body.page-id-737
.vls-delivery-calc-scene
.vls-bottom-note-copy > span{
    color:
        #8DECF6 !important;
}


/* ---------------------------------------------------------
   КНОПКА
   --------------------------------------------------------- */

body.page-id-737
.vls-delivery-calc-scene
.vls-bottom-note .vls-btn{
    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #176B87 0%,
            #13566D 100%
        ) !important;

    border-color:
        rgba(141,236,246,.12) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,.18) !important;
}


body.page-id-737
.vls-delivery-calc-scene
.vls-bottom-note .vls-btn span{
    color:
        #FFFFFF !important;
}


/* ---------------------------------------------------------
   ОБЩИЙ ФОН ПОД ПЛАШКОЙ НЕ ПРЕРЫВАЕТСЯ
   --------------------------------------------------------- */

body.page-id-737
.vls-delivery-calc-scene
.vls-delivery{
    padding-bottom:
        52px !important;
}


body.page-id-737
.vls-delivery-calc-scene
.vls-calc{
    padding-top:
        0 !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:767px){

    body.page-id-737
    .vls-delivery-calc-scene
    .vls-bottom-note{
        margin-top:
            27px !important;

        padding:
            22px
            18px !important;

        border-radius:
            22px !important;
    }


    body.page-id-737
    .vls-delivery-calc-scene
    .vls-bottom-note::before{
        left:
            18px !important;

        right:
            18px !important;
    }

}

/* === END DARK CTA ON ONE COMMON WHITE BACKGROUND === */



/* =========================================================
   ONE REAL WHITE BACKGROUND
   ========================================================= */


/* один настоящий белый фон всей сцены */

body.page-id-737 .vls-delivery-calc-scene{
    background:
        #FFFFFF !important;

    background-color:
        #FFFFFF !important;

    background-image:
        none !important;
}


/* оба блока ничего своего по фону не имеют */

body.page-id-737
.vls-delivery-calc-scene > .vls-delivery,

body.page-id-737
.vls-delivery-calc-scene > .vls-calc{
    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;
}


/* убираем сетку и общее голубое свечение,
   именно они сейчас визуально меняют оттенок фона */

body.page-id-737 .vls-dc-background::before,
body.page-id-737 .vls-dc-background::after{
    display:
        none !important;

    content:
        none !important;

    background:
        none !important;
}


/* старые glow элементы тоже полностью выключаем */

body.page-id-737 .vls-dc-glow,
body.page-id-737 .vls-dc-glow-a,
body.page-id-737 .vls-dc-glow-b{
    display:
        none !important;
}


/* =========================================================
   КРУГИ ОСТАЮТСЯ
   ========================================================= */

body.page-id-737 .vls-dc-background{
    position:absolute !important;

    inset:0 !important;

    z-index:1 !important;

    overflow:hidden !important;

    background:
        transparent !important;

    pointer-events:
        none !important;
}


body.page-id-737 .vls-dc-orbit{
    display:block !important;

    opacity:1 !important;

    border:
        1px solid
        rgba(23,107,135,.10) !important;
}


/* диоды остаются */

body.page-id-737 .vls-dc-orbit::after{
    display:block !important;

    content:"" !important;

    background:
        rgba(88,195,217,.72) !important;

    box-shadow:
        0 0 0 8px rgba(88,195,217,.06),
        0 0 28px rgba(88,195,217,.30) !important;
}


/* контент выше кругов */

body.page-id-737
.vls-delivery-calc-scene
.vls-delivery > .vls-shell,

body.page-id-737
.vls-delivery-calc-scene
.vls-calc > .vls-shell{
    position:
        relative !important;

    z-index:
        3 !important;
}


/* чёрную ПОМОЖЕМ ВЫБРАТЬ здесь специально
   вообще не переопределяем */


/* MOBILE */

@media(max-width:767px){

    body.page-id-737 .vls-delivery-calc-scene{
        background:
            #FFFFFF !important;
    }

}

/* === END ONE REAL WHITE BACKGROUND === */


/* =========================================================
   ONE REAL WHITE BACKGROUND
   ========================================================= */


/* один настоящий белый фон всей сцены */

body.page-id-737 .vls-delivery-calc-scene{
    background:
        #FFFFFF !important;

    background-color:
        #FFFFFF !important;

    background-image:
        none !important;
}


/* оба блока ничего своего по фону не имеют */

body.page-id-737
.vls-delivery-calc-scene > .vls-delivery,

body.page-id-737
.vls-delivery-calc-scene > .vls-calc{
    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;
}


/* убираем сетку и общее голубое свечение,
   именно они сейчас визуально меняют оттенок фона */

body.page-id-737 .vls-dc-background::before,
body.page-id-737 .vls-dc-background::after{
    display:
        none !important;

    content:
        none !important;

    background:
        none !important;
}


/* старые glow элементы тоже полностью выключаем */

body.page-id-737 .vls-dc-glow,
body.page-id-737 .vls-dc-glow-a,
body.page-id-737 .vls-dc-glow-b{
    display:
        none !important;
}


/* =========================================================
   КРУГИ ОСТАЮТСЯ
   ========================================================= */

body.page-id-737 .vls-dc-background{
    position:absolute !important;

    inset:0 !important;

    z-index:1 !important;

    overflow:hidden !important;

    background:
        transparent !important;

    pointer-events:
        none !important;
}


body.page-id-737 .vls-dc-orbit{
    display:block !important;

    opacity:1 !important;

    border:
        1px solid
        rgba(23,107,135,.10) !important;
}


/* диоды остаются */

body.page-id-737 .vls-dc-orbit::after{
    display:block !important;

    content:"" !important;

    background:
        rgba(88,195,217,.72) !important;

    box-shadow:
        0 0 0 8px rgba(88,195,217,.06),
        0 0 28px rgba(88,195,217,.30) !important;
}


/* контент выше кругов */

body.page-id-737
.vls-delivery-calc-scene
.vls-delivery > .vls-shell,

body.page-id-737
.vls-delivery-calc-scene
.vls-calc > .vls-shell{
    position:
        relative !important;

    z-index:
        3 !important;
}


/* чёрную ПОМОЖЕМ ВЫБРАТЬ здесь специально
   вообще не переопределяем */


/* MOBILE */

@media(max-width:767px){

    body.page-id-737 .vls-delivery-calc-scene{
        background:
            #FFFFFF !important;
    }

}

/* === END ONE REAL WHITE BACKGROUND === */


/* =========================================================
   ONE REAL WHITE BACKGROUND
   ========================================================= */


/* один настоящий белый фон всей сцены */

body.page-id-737 .vls-delivery-calc-scene{
    background:
        #FFFFFF !important;

    background-color:
        #FFFFFF !important;

    background-image:
        none !important;
}


/* оба блока ничего своего по фону не имеют */

body.page-id-737
.vls-delivery-calc-scene > .vls-delivery,

body.page-id-737
.vls-delivery-calc-scene > .vls-calc{
    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;
}


/* убираем сетку и общее голубое свечение,
   именно они сейчас визуально меняют оттенок фона */

body.page-id-737 .vls-dc-background::before,
body.page-id-737 .vls-dc-background::after{
    display:
        none !important;

    content:
        none !important;

    background:
        none !important;
}


/* старые glow элементы тоже полностью выключаем */

body.page-id-737 .vls-dc-glow,
body.page-id-737 .vls-dc-glow-a,
body.page-id-737 .vls-dc-glow-b{
    display:
        none !important;
}


/* =========================================================
   КРУГИ ОСТАЮТСЯ
   ========================================================= */

body.page-id-737 .vls-dc-background{
    position:absolute !important;

    inset:0 !important;

    z-index:1 !important;

    overflow:hidden !important;

    background:
        transparent !important;

    pointer-events:
        none !important;
}


body.page-id-737 .vls-dc-orbit{
    display:block !important;

    opacity:1 !important;

    border:
        1px solid
        rgba(23,107,135,.10) !important;
}


/* диоды остаются */

body.page-id-737 .vls-dc-orbit::after{
    display:block !important;

    content:"" !important;

    background:
        rgba(88,195,217,.72) !important;

    box-shadow:
        0 0 0 8px rgba(88,195,217,.06),
        0 0 28px rgba(88,195,217,.30) !important;
}


/* контент выше кругов */

body.page-id-737
.vls-delivery-calc-scene
.vls-delivery > .vls-shell,

body.page-id-737
.vls-delivery-calc-scene
.vls-calc > .vls-shell{
    position:
        relative !important;

    z-index:
        3 !important;
}


/* чёрную ПОМОЖЕМ ВЫБРАТЬ здесь специально
   вообще не переопределяем */


/* MOBILE */

@media(max-width:767px){

    body.page-id-737 .vls-delivery-calc-scene{
        background:
            #FFFFFF !important;
    }

}

/* === END ONE REAL WHITE BACKGROUND === */


/* =========================================================
   CTA SHADOW FIX
   WHITE BACKGROUND MUST STAY CONTINUOUS
   ========================================================= */

body.page-id-737
.vls-delivery-calc-scene
.vls-bottom-note{

    box-shadow:
        0 5px 14px rgba(8,31,41,.045),
        inset 0 1px 0 rgba(255,255,255,.055) !important;
}


/* полностью белый фон непосредственно под CTA */

body.page-id-737
.vls-delivery-calc-scene{
    background-color:#FFFFFF !important;
}


/* === END CTA SHADOW FIX === */


/* =========================================================
   HELP CHOICE SCROLL MOTION
   ========================================================= */

body.page-id-737 .vls-delivery-calc-scene{
    overflow-x:hidden !important;
}


/* до появления блок находится справа */

body.page-id-737
.vls-bottom-note.vls-choice-before{
    opacity:0 !important;

    transform:
        translate3d(
            115px,
            0,
            0
        ) !important;

    filter:
        blur(3px);

    pointer-events:none;
}


/* появляется на своём месте */

body.page-id-737
.vls-bottom-note.vls-choice-visible{
    opacity:1 !important;

    transform:
        translate3d(
            0,
            0,
            0
        ) !important;

    filter:
        blur(0);

    pointer-events:auto;
}


/* после пролистывания уезжает налево */

body.page-id-737
.vls-bottom-note.vls-choice-past{
    opacity:0 !important;

    transform:
        translate3d(
            -115px,
            0,
            0
        ) !important;

    filter:
        blur(3px);

    pointer-events:none;
}


/* единая плавность */

body.page-id-737
.vls-bottom-note.vls-choice-motion{
    transition:
        opacity .72s ease,
        transform .82s cubic-bezier(.20,.78,.20,1),
        filter .62s ease !important;

    will-change:
        transform,
        opacity,
        filter;
}


/* MOBILE */

@media(max-width:767px){

    body.page-id-737
    .vls-bottom-note.vls-choice-before{
        transform:
            translate3d(
                48px,
                0,
                0
            ) !important;
    }

    body.page-id-737
    .vls-bottom-note.vls-choice-past{
        transform:
            translate3d(
                -48px,
                0,
                0
            ) !important;
    }

}


/* если пользователь отключил анимации */

@media(prefers-reduced-motion:reduce){

    body.page-id-737
    .vls-bottom-note.vls-choice-motion{
        transition:none !important;

        transform:none !important;

        filter:none !important;

        opacity:1 !important;
    }

}

/* === END HELP CHOICE SCROLL MOTION === */


/* =========================================================
   LAST THREE BLOCKS PREMIUM DESIGN
   ========================================================= */


/* =========================================================
   01. EXPORT / TRADING COMPANY
   ========================================================= */

body.page-id-737 .vls-export{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    padding:
        58px
        0
        61px;

    background:
        linear-gradient(
            180deg,
            #F7F9FA 0%,
            #FFFFFF 100%
        );
}


body.page-id-737 .vls-export > .vls-shell{
    position:relative;
    z-index:3;
}


body.page-id-737 .vls-export-wrap{
    width:min(1040px,100%);
    margin:0 auto;
}


/* subtle technical field */

body.page-id-737 .vls-export::before{
    content:"";

    position:absolute;

    z-index:0;

    inset:0;

    opacity:.38;

    background-image:
        linear-gradient(
            rgba(23,107,135,.032) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(23,107,135,.032) 1px,
            transparent 1px
        );

    background-size:
        72px
        72px;

    pointer-events:none;
}


body.page-id-737 .vls-export::after{
    content:"";

    position:absolute;

    z-index:0;

    width:500px;
    height:500px;

    right:-260px;
    top:-170px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(88,195,217,.10) 0%,
            rgba(88,195,217,.035) 35%,
            transparent 70%
        );

    pointer-events:none;
}


/* header */

body.page-id-737 .vls-export-head{
    position:relative;

    max-width:900px;

    margin-bottom:29px;
}


body.page-id-737 .vls-export-eyebrow{
    display:flex;
    align-items:center;

    gap:10px;

    margin-bottom:12px;

    color:#657D86;

    font-size:8.5px;
    line-height:1;

    font-weight:790;

    letter-spacing:.16em;
}


body.page-id-737 .vls-export-eyebrow span{
    width:34px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #176B87,
            #58C3D9,
            transparent
        );
}


body.page-id-737 .vls-export-head h2{
    max-width:920px;

    margin:
        0
        0
        17px;

    color:#10212B;

    font-size:
        clamp(
            37px,
            3.5vw,
            54px
        );

    line-height:1.025;

    font-weight:830;

    letter-spacing:-.048em;
}


body.page-id-737 .vls-export-head h2 span{
    display:block;

    color:#176B87;
}


body.page-id-737 .vls-export-head > p{
    max-width:830px;

    margin:
        0
        0
        8px;

    color:#61757D;

    font-size:13.5px;
    line-height:1.68;

    font-weight:500;
}


/* main dark solution */

body.page-id-737 .vls-export-solution{
    position:relative;

    overflow:hidden;

    padding:
        29px
        35px
        31px;

    border:
        1px solid
        rgba(122,215,230,.08);

    border-radius:
        27px;

    background:
        radial-gradient(
            circle at 93% 10%,
            rgba(88,195,217,.16),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            #07151E 0%,
            #0A1D27 55%,
            #102E3B 100%
        );

    box-shadow:
        0 22px 52px rgba(6,31,42,.12),
        inset 0 1px 0 rgba(255,255,255,.045);
}


/* luminous edge */

body.page-id-737 .vls-export-solution::before{
    content:"";

    position:absolute;

    left:32px;
    right:32px;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(88,195,217,.15) 20%,
            rgba(141,236,246,.78) 50%,
            rgba(88,195,217,.15) 80%,
            transparent 100%
        );

    background-size:
        200% 100%;

    animation:
        vlsExportEdge
        7s
        ease-in-out
        infinite;
}


@keyframes vlsExportEdge{

    0%{
        background-position:100% 0;
        opacity:.42;
    }

    50%{
        background-position:0 0;
        opacity:1;
    }

    100%{
        background-position:100% 0;
        opacity:.42;
    }

}


/* side light */

body.page-id-737 .vls-export-solution::after{
    content:"";

    position:absolute;

    right:0;
    top:17%;
    bottom:17%;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(88,195,217,.48),
            transparent
        );

    box-shadow:
        0 0 16px
        rgba(88,195,217,.18);
}


body.page-id-737 .vls-export-solution-label{
    margin-bottom:11px;

    color:
        rgba(141,236,246,.74);

    font-size:8.5px;
    line-height:1;

    font-weight:800;

    letter-spacing:.15em;
}


body.page-id-737 .vls-export-solution h3{
    max-width:730px;

    margin:
        0
        0
        14px;

    color:#F3F9FA;

    font-size:
        clamp(
            24px,
            2.25vw,
            33px
        );

    line-height:1.07;

    font-weight:800;

    letter-spacing:-.035em;
}


body.page-id-737 .vls-export-solution > p{
    max-width:820px;

    margin:
        0
        0
        9px;

    color:
        rgba(211,230,235,.72);

    font-size:13px;
    line-height:1.64;
}


body.page-id-737 .vls-export-solution-accent{
    position:relative;

    margin-top:
        16px !important;

    padding:
        12px
        0
        12px
        17px;

    border-left:
        2px solid
        #58C3D9;

    color:
        #E4F2F5 !important;

    background:
        linear-gradient(
            90deg,
            rgba(88,195,217,.07),
            transparent 67%
        );
}


/* orbit */

body.page-id-737 .vls-export-decoration{
    position:absolute;

    z-index:1;

    inset:0;

    overflow:hidden;

    pointer-events:none;
}


body.page-id-737 .vls-export-orbit{
    position:absolute;

    width:490px;
    height:490px;

    right:-285px;
    top:18px;

    border:
        1px solid
        rgba(23,107,135,.09);

    border-radius:50%;

    animation:
        vlsExportOrbit
        25s
        linear
        infinite;
}


body.page-id-737 .vls-export-orbit::before{
    content:"";

    position:absolute;

    inset:68px;

    border:
        1px solid
        rgba(23,107,135,.045);

    border-radius:50%;
}


body.page-id-737 .vls-export-orbit::after{
    content:"";

    position:absolute;

    width:7px;
    height:7px;

    top:14%;
    left:14%;

    border-radius:50%;

    background:#58C3D9;

    box-shadow:
        0 0 0 8px rgba(88,195,217,.06),
        0 0 27px rgba(88,195,217,.36);
}


@keyframes vlsExportOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   02. WAREHOUSE / CONTROL
   ========================================================= */

body.page-id-737 .vls-warehouse{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    padding:
        28px
        0
        30px;

    background:
        #FFFFFF;
}


body.page-id-737 .vls-warehouse::before{
    content:"";

    position:absolute;

    width:370px;
    height:370px;

    left:-260px;
    top:-130px;

    border:
        1px solid
        rgba(23,107,135,.07);

    border-radius:50%;

    pointer-events:none;
}


body.page-id-737 .vls-warehouse::after{
    content:"";

    position:absolute;

    width:5px;
    height:5px;

    left:67px;
    top:53px;

    border-radius:50%;

    background:#58C3D9;

    box-shadow:
        0 0 0 7px rgba(88,195,217,.05),
        0 0 20px rgba(88,195,217,.30);

    animation:
        vlsWarehousePulse
        2.8s
        ease-in-out
        infinite;
}


@keyframes vlsWarehousePulse{

    0%,
    100%{
        opacity:.4;

        box-shadow:
            0 0 0 5px rgba(88,195,217,.035),
            0 0 13px rgba(88,195,217,.18);
    }

    50%{
        opacity:1;

        box-shadow:
            0 0 0 9px rgba(88,195,217,.065),
            0 0 28px rgba(88,195,217,.38);
    }

}


body.page-id-737 .vls-warehouse > .vls-shell{
    position:relative;
    z-index:3;
}


body.page-id-737 .vls-warehouse-wrap{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(340px,.88fr)
        minmax(0,1.12fr);

    gap:64px;

    align-items:center;

    width:min(1080px,100%);

    margin:0 auto;

    padding:
        24px
        28px
        25px;

    border-top:
        1px solid
        rgba(23,107,135,.13);

    border-bottom:
        1px solid
        rgba(23,107,135,.10);

    background:
        linear-gradient(
            90deg,
            rgba(247,250,251,.72),
            rgba(255,255,255,.25)
        );
}


/* horizontal moving signal */

body.page-id-737 .vls-warehouse-wrap::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:-1px;

    height:1px;

    overflow:hidden;

    background:
        rgba(23,107,135,.055);
}


body.page-id-737 .vls-warehouse-wrap::after{
    content:"";

    position:absolute;

    left:-18%;
    bottom:-1px;

    width:18%;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(88,195,217,.95),
            transparent
        );

    box-shadow:
        0 0 9px rgba(88,195,217,.35);

    animation:
        vlsWarehouseTravel
        6.7s
        ease-in-out
        infinite;
}


@keyframes vlsWarehouseTravel{

    0%{
        left:-18%;
        opacity:0;
    }

    15%{
        opacity:1;
    }

    72%{
        opacity:1;
    }

    85%,
    100%{
        left:100%;
        opacity:0;
    }

}


body.page-id-737 .vls-warehouse-eyebrow{
    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:9px;

    color:#617A84;

    font-size:8.5px;
    line-height:1;

    font-weight:790;

    letter-spacing:.15em;
}


body.page-id-737 .vls-warehouse-eyebrow > span{
    width:31px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #176B87,
            #58C3D9,
            transparent
        );
}


body.page-id-737 .vls-warehouse-copy h2{
    margin:0;

    color:#10212B;

    font-size:
        clamp(
            29px,
            2.55vw,
            39px
        );

    line-height:1.035;

    font-weight:820;

    letter-spacing:-.043em;
}


body.page-id-737 .vls-warehouse-copy h2 span{
    display:block;

    color:#176B87;
}


body.page-id-737 .vls-warehouse-text{
    max-width:640px;
}


body.page-id-737 .vls-warehouse-text p{
    margin:
        0
        0
        8px;

    color:#61757D;

    font-size:13px;
    line-height:1.62;

    font-weight:500;
}


body.page-id-737 .vls-warehouse-text p:last-child{
    margin-bottom:0;
}


/* right vertical signal */

body.page-id-737 .vls-warehouse-accent{
    position:absolute;

    right:0;
    top:14%;
    bottom:14%;

    width:1px;

    overflow:hidden;

    background:
        rgba(23,107,135,.08);
}


body.page-id-737 .vls-warehouse-accent > span{
    position:absolute;

    left:0;
    top:-32%;

    width:1px;
    height:32%;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #58C3D9,
            transparent
        );

    box-shadow:
        0 0 8px rgba(88,195,217,.4);

    animation:
        vlsWarehouseVertical
        5.2s
        ease-in-out
        infinite;
}


@keyframes vlsWarehouseVertical{

    0%{
        top:-32%;
    }

    65%{
        top:100%;
    }

    100%{
        top:100%;
    }

}


/* =========================================================
   03. INTERNATIONAL TRANSPORT
   TITLE ON THE RIGHT
   ========================================================= */

body.page-id-737 .vls-transport{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    padding:
        27px
        0
        29px;

    background:
        radial-gradient(
            circle at 4% 50%,
            rgba(88,195,217,.10),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            #06141D 0%,
            #091E28 57%,
            #0D2A37 100%
        );
}


body.page-id-737 .vls-transport > .vls-shell{
    position:relative;
    z-index:3;
}


body.page-id-737 .vls-transport-wrap{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,1.12fr)
        minmax(340px,.88fr);

    grid-template-areas:
        "copy title";

    gap:78px;

    align-items:center;

    width:min(1080px,100%);

    margin:0 auto;

    padding:
        23px
        30px
        24px;

    border-top:
        1px solid
        rgba(141,236,246,.10);

    border-bottom:
        1px solid
        rgba(141,236,246,.075);
}


body.page-id-737 .vls-transport-title{
    grid-area:title;
}


body.page-id-737 .vls-transport-copy{
    grid-area:copy;

    max-width:610px;
}


/* title aligned on right side */

body.page-id-737 .vls-transport-title{
    position:relative;

    padding-left:4px;
}


body.page-id-737 .vls-transport-eyebrow{
    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:9px;

    color:
        rgba(174,216,225,.67);

    font-size:8.5px;
    line-height:1;

    font-weight:790;

    letter-spacing:.15em;
}


body.page-id-737 .vls-transport-eyebrow > span{
    width:31px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #58C3D9,
            transparent
        );
}


body.page-id-737 .vls-transport-title h2{
    margin:0;

    color:#F4F8F9;

    font-size:
        clamp(
            29px,
            2.55vw,
            39px
        );

    line-height:1.035;

    font-weight:820;

    letter-spacing:-.043em;
}


body.page-id-737 .vls-transport-title h2 span{
    display:block;

    color:#58C3D9;
}


body.page-id-737 .vls-transport-copy p{
    margin:
        0
        0
        8px;

    color:
        rgba(214,230,234,.72);

    font-size:13px;
    line-height:1.63;

    font-weight:500;
}


body.page-id-737 .vls-transport-copy p:last-child{
    margin-bottom:0;
}


/* middle light channel */

body.page-id-737 .vls-transport-wrap::before{
    content:"";

    position:absolute;

    left:57.1%;
    top:14%;
    bottom:14%;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(88,195,217,.13),
            transparent
        );
}


body.page-id-737 .vls-transport-wrap::after{
    content:"";

    position:absolute;

    left:57.1%;
    top:-14%;

    width:1px;
    height:28%;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #58C3D9,
            transparent
        );

    box-shadow:
        0 0 10px rgba(88,195,217,.46);

    animation:
        vlsTransportMiddle
        5.8s
        ease-in-out
        infinite;
}


@keyframes vlsTransportMiddle{

    0%{
        top:-20%;
        opacity:0;
    }

    18%{
        opacity:1;
    }

    65%{
        opacity:1;
    }

    80%,
    100%{
        top:100%;
        opacity:0;
    }

}


/* left orbit */

body.page-id-737 .vls-transport-decor{
    position:absolute;

    z-index:1;

    inset:0;

    overflow:hidden;

    pointer-events:none;
}


body.page-id-737 .vls-transport-circle{
    position:absolute;

    width:360px;
    height:360px;

    left:-215px;
    top:50%;

    margin-top:-180px;

    border:
        1px solid
        rgba(88,195,217,.12);

    border-radius:50%;

    animation:
        vlsTransportOrbit
        23s
        linear
        infinite;
}


body.page-id-737 .vls-transport-circle::before{
    content:"";

    position:absolute;

    inset:54px;

    border:
        1px solid
        rgba(88,195,217,.055);

    border-radius:50%;
}


body.page-id-737 .vls-transport-circle::after{
    content:"";

    position:absolute;

    width:7px;
    height:7px;

    top:14%;
    left:14%;

    border-radius:50%;

    background:#58C3D9;

    box-shadow:
        0 0 0 8px rgba(88,195,217,.06),
        0 0 29px rgba(88,195,217,.40);
}


@keyframes vlsTransportOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* old inner signal no longer needed */

body.page-id-737 .vls-transport-signal{
    display:none !important;
}


/* =========================================================
   SCROLL REVEAL
   ========================================================= */

body.page-id-737
.vls-premium-motion-ready
.vls-export-head,

body.page-id-737
.vls-premium-motion-ready
.vls-export-solution,

body.page-id-737
.vls-premium-motion-ready
.vls-warehouse-copy,

body.page-id-737
.vls-premium-motion-ready
.vls-warehouse-text,

body.page-id-737
.vls-premium-motion-ready
.vls-transport-copy,

body.page-id-737
.vls-premium-motion-ready
.vls-transport-title{
    opacity:0;

    transition:
        opacity .85s ease,
        transform .95s cubic-bezier(.18,.78,.2,1);
}


/* export */

body.page-id-737
.vls-export.vls-premium-motion-ready
.vls-export-head{
    transform:
        translate3d(
            -46px,
            0,
            0
        );
}


body.page-id-737
.vls-export.vls-premium-motion-ready
.vls-export-solution{
    transform:
        translate3d(
            0,
            30px,
            0
        );

    transition-delay:.11s;
}


/* warehouse */

body.page-id-737
.vls-warehouse.vls-premium-motion-ready
.vls-warehouse-copy{
    transform:
        translate3d(
            -48px,
            0,
            0
        );
}


body.page-id-737
.vls-warehouse.vls-premium-motion-ready
.vls-warehouse-text{
    transform:
        translate3d(
            48px,
            0,
            0
        );

    transition-delay:.08s;
}


/* transport */

body.page-id-737
.vls-transport.vls-premium-motion-ready
.vls-transport-copy{
    transform:
        translate3d(
            -52px,
            0,
            0
        );
}


body.page-id-737
.vls-transport.vls-premium-motion-ready
.vls-transport-title{
    transform:
        translate3d(
            52px,
            0,
            0
        );

    transition-delay:.08s;
}


/* visible */

body.page-id-737
.vls-premium-motion-in
.vls-export-head,

body.page-id-737
.vls-premium-motion-in
.vls-export-solution,

body.page-id-737
.vls-premium-motion-in
.vls-warehouse-copy,

body.page-id-737
.vls-premium-motion-in
.vls-warehouse-text,

body.page-id-737
.vls-premium-motion-in
.vls-transport-copy,

body.page-id-737
.vls-premium-motion-in
.vls-transport-title{
    opacity:1;

    transform:
        translate3d(
            0,
            0,
            0
        );
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    body.page-id-737 .vls-export{
        padding:
            42px
            0
            44px;
    }


    body.page-id-737 .vls-export-head h2{
        font-size:
            30px;
    }


    body.page-id-737 .vls-export-head > p{
        font-size:
            12.5px;

        line-height:
            1.62;
    }


    body.page-id-737 .vls-export-solution{
        padding:
            22px
            18px
            23px;

        border-radius:
            21px;
    }


    body.page-id-737 .vls-export-solution h3{
        font-size:
            24px;
    }


    body.page-id-737 .vls-export-solution > p{
        font-size:
            12.3px;
    }


    body.page-id-737 .vls-export-orbit{
        width:
            330px;

        height:
            330px;

        right:
            -245px;
    }


    /* warehouse */

    body.page-id-737 .vls-warehouse{
        padding:
            23px
            0
            24px;
    }


    body.page-id-737 .vls-warehouse-wrap{
        grid-template-columns:
            1fr;

        gap:
            14px;

        padding:
            19px
            2px
            20px;
    }


    body.page-id-737 .vls-warehouse-copy h2{
        font-size:
            27px;
    }


    body.page-id-737 .vls-warehouse-text p{
        font-size:
            12.3px;

        line-height:
            1.59;
    }


    /* transport */

    body.page-id-737 .vls-transport{
        padding:
            23px
            0
            25px;
    }


    body.page-id-737 .vls-transport-wrap{
        grid-template-columns:
            1fr;

        grid-template-areas:
            "title"
            "copy";

        gap:
            14px;

        padding:
            20px
            2px
            21px;
    }


    body.page-id-737 .vls-transport-title h2{
        font-size:
            27px;
    }


    body.page-id-737 .vls-transport-copy p{
        font-size:
            12.3px;

        line-height:
            1.59;
    }


    body.page-id-737 .vls-transport-wrap::before,
    body.page-id-737 .vls-transport-wrap::after{
        display:none;
    }


    body.page-id-737 .vls-transport-circle{
        width:
            260px;

        height:
            260px;

        left:
            -205px;

        margin-top:
            -130px;
    }


    /* shorter reveal distance */

    body.page-id-737
    .vls-export.vls-premium-motion-ready
    .vls-export-head,

    body.page-id-737
    .vls-warehouse.vls-premium-motion-ready
    .vls-warehouse-copy,

    body.page-id-737
    .vls-transport.vls-premium-motion-ready
    .vls-transport-copy{
        transform:
            translate3d(
                -26px,
                0,
                0
            );
    }


    body.page-id-737
    .vls-warehouse.vls-premium-motion-ready
    .vls-warehouse-text,

    body.page-id-737
    .vls-transport.vls-premium-motion-ready
    .vls-transport-title{
        transform:
            translate3d(
                26px,
                0,
                0
            );
    }


    body.page-id-737
    .vls-premium-motion-in
    .vls-export-head,

    body.page-id-737
    .vls-premium-motion-in
    .vls-export-solution,

    body.page-id-737
    .vls-premium-motion-in
    .vls-warehouse-copy,

    body.page-id-737
    .vls-premium-motion-in
    .vls-warehouse-text,

    body.page-id-737
    .vls-premium-motion-in
    .vls-transport-copy,

    body.page-id-737
    .vls-premium-motion-in
    .vls-transport-title{
        transform:
            translate3d(
                0,
                0,
                0
            );
    }

}


@media(prefers-reduced-motion:reduce){

    body.page-id-737 .vls-export-orbit,
    body.page-id-737 .vls-export-solution::before,
    body.page-id-737 .vls-warehouse::after,
    body.page-id-737 .vls-warehouse-wrap::after,
    body.page-id-737 .vls-warehouse-accent > span,
    body.page-id-737 .vls-transport-circle,
    body.page-id-737 .vls-transport-wrap::after{
        animation:none !important;
    }


    body.page-id-737
    .vls-premium-motion-ready *{
        transition:none !important;
    }

}

/* === END LAST THREE BLOCKS PREMIUM DESIGN === */



/* =========================================================
   WAREHOUSE + TRANSPORT MIRROR PAIR
   LIGHT: TITLE LEFT
   DARK: TITLE RIGHT
   ========================================================= */


/* =========================================================
   ОБЩАЯ ГЕОМЕТРИЯ ДВУХ БЛОКОВ
   ========================================================= */

body.page-id-737 .vls-warehouse,
body.page-id-737 .vls-transport{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    padding:
        27px
        0
        29px !important;
}


body.page-id-737 .vls-warehouse > .vls-shell,
body.page-id-737 .vls-transport > .vls-shell{
    position:relative !important;
    z-index:3 !important;
}


body.page-id-737 .vls-warehouse-wrap,
body.page-id-737 .vls-transport-wrap{
    position:relative !important;

    display:grid !important;

    grid-template-columns:
        minmax(340px,.88fr)
        minmax(0,1.12fr) !important;

    gap:
        72px !important;

    align-items:center !important;

    width:
        min(1080px,100%) !important;

    min-height:
        178px !important;

    margin:
        0 auto !important;

    padding:
        22px
        30px
        23px !important;
}


/* =========================================================
   СВЕТЛЫЙ
   ЗАГОЛОВОК СЛЕВА
   ТЕКСТ СПРАВА
   ========================================================= */

body.page-id-737 .vls-warehouse{
    background:
        radial-gradient(
            circle at 95% 50%,
            rgba(88,195,217,.065),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F9FBFC 100%
        ) !important;
}


body.page-id-737 .vls-warehouse-wrap{
    grid-template-areas:
        "title copy" !important;

    border-top:
        1px solid
        rgba(23,107,135,.11) !important;

    border-bottom:
        1px solid
        rgba(23,107,135,.09) !important;

    background:
        transparent !important;
}


body.page-id-737 .vls-warehouse-copy{
    grid-area:
        title !important;
}


body.page-id-737 .vls-warehouse-text{
    grid-area:
        copy !important;

    max-width:
        620px !important;
}


/* =========================================================
   ТЁМНЫЙ
   ТЕКСТ СЛЕВА
   ЗАГОЛОВОК СПРАВА
   ========================================================= */

body.page-id-737 .vls-transport{
    background:
        radial-gradient(
            circle at 4% 50%,
            rgba(88,195,217,.10),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #06141D 0%,
            #091E28 57%,
            #0D2A37 100%
        ) !important;
}


body.page-id-737 .vls-transport-wrap{
    grid-template-areas:
        "copy title" !important;

    border-top:
        1px solid
        rgba(141,236,246,.10) !important;

    border-bottom:
        1px solid
        rgba(141,236,246,.075) !important;
}


body.page-id-737 .vls-transport-copy{
    grid-area:
        copy !important;

    max-width:
        620px !important;
}


body.page-id-737 .vls-transport-title{
    grid-area:
        title !important;
}


/* =========================================================
   ОДИНАКОВЫЕ ЗАГОЛОВКИ
   ========================================================= */

body.page-id-737 .vls-warehouse-copy h2,
body.page-id-737 .vls-transport-title h2{
    margin:
        0 !important;

    font-size:
        clamp(
            29px,
            2.55vw,
            39px
        ) !important;

    line-height:
        1.035 !important;

    font-weight:
        820 !important;

    letter-spacing:
        -.043em !important;
}


body.page-id-737 .vls-warehouse-copy h2{
    color:
        #10212B !important;
}


body.page-id-737 .vls-warehouse-copy h2 span{
    display:block !important;

    color:
        #176B87 !important;
}


body.page-id-737 .vls-transport-title h2{
    color:
        #F4F8F9 !important;
}


body.page-id-737 .vls-transport-title h2 span{
    display:block !important;

    color:
        #58C3D9 !important;
}


/* =========================================================
   ОДИНАКОВЫЕ МАЛЕНЬКИЕ ПОДЗАГОЛОВКИ
   ========================================================= */

body.page-id-737 .vls-warehouse-eyebrow,
body.page-id-737 .vls-transport-eyebrow{
    display:flex !important;

    align-items:center !important;

    gap:
        10px !important;

    margin-bottom:
        9px !important;

    font-size:
        8.5px !important;

    line-height:
        1 !important;

    font-weight:
        790 !important;

    letter-spacing:
        .15em !important;
}


body.page-id-737 .vls-warehouse-eyebrow{
    color:
        #647D87 !important;
}


body.page-id-737 .vls-transport-eyebrow{
    color:
        rgba(174,216,225,.67) !important;
}


body.page-id-737 .vls-warehouse-eyebrow > span,
body.page-id-737 .vls-transport-eyebrow > span{
    width:
        31px !important;

    height:
        1px !important;
}


body.page-id-737 .vls-warehouse-eyebrow > span{
    background:
        linear-gradient(
            90deg,
            #176B87,
            #58C3D9,
            transparent
        ) !important;
}


body.page-id-737 .vls-transport-eyebrow > span{
    background:
        linear-gradient(
            90deg,
            #58C3D9,
            transparent
        ) !important;
}


/* =========================================================
   ОДИНАКОВЫЙ ТЕКСТ
   ========================================================= */

body.page-id-737 .vls-warehouse-text p,
body.page-id-737 .vls-transport-copy p{
    margin:
        0
        0
        8px !important;

    font-size:
        13px !important;

    line-height:
        1.63 !important;

    font-weight:
        500 !important;
}


body.page-id-737 .vls-warehouse-text p{
    color:
        #61757D !important;
}


body.page-id-737 .vls-transport-copy p{
    color:
        rgba(214,230,234,.72) !important;
}


body.page-id-737 .vls-warehouse-text p:last-child,
body.page-id-737 .vls-transport-copy p:last-child{
    margin-bottom:
        0 !important;
}


/* =========================================================
   ЦЕНТРАЛЬНЫЙ РАЗДЕЛИТЕЛЬ
   ========================================================= */

body.page-id-737 .vls-warehouse-wrap::before,
body.page-id-737 .vls-transport-wrap::before{
    content:"" !important;

    display:block !important;

    position:absolute !important;

    top:
        15% !important;

    bottom:
        15% !important;

    width:
        1px !important;

    height:
        auto !important;

    pointer-events:none !important;
}


/* светлый блок */

body.page-id-737 .vls-warehouse-wrap::before{
    left:
        42.2% !important;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(23,107,135,.14),
            transparent
        ) !important;
}


/* тёмный блок */

body.page-id-737 .vls-transport-wrap::before{
    left:
        57.8% !important;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(88,195,217,.14),
            transparent
        ) !important;
}


/* =========================================================
   БЕГУЩИЙ СИГНАЛ ПО РАЗДЕЛИТЕЛЮ
   ========================================================= */

body.page-id-737 .vls-warehouse-wrap::after,
body.page-id-737 .vls-transport-wrap::after{
    content:"" !important;

    display:block !important;

    position:absolute !important;

    top:
        -20% !important;

    bottom:
        auto !important;

    width:
        1px !important;

    height:
        29% !important;

    opacity:
        0;

    pointer-events:
        none !important;

    animation:
        vlsMirrorSignal
        5.8s
        ease-in-out
        infinite !important;
}


body.page-id-737 .vls-warehouse-wrap::after{
    left:
        42.2% !important;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #176B87,
            #58C3D9,
            transparent
        ) !important;

    box-shadow:
        0 0 9px
        rgba(88,195,217,.30) !important;
}


body.page-id-737 .vls-transport-wrap::after{
    left:
        57.8% !important;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #58C3D9,
            transparent
        ) !important;

    box-shadow:
        0 0 10px
        rgba(88,195,217,.45) !important;
}


@keyframes vlsMirrorSignal{

    0%{
        top:-20%;
        opacity:0;
    }

    18%{
        opacity:1;
    }

    67%{
        opacity:1;
    }

    82%,
    100%{
        top:100%;
        opacity:0;
    }

}


/* =========================================================
   СВЕТЛЫЙ БЛОК
   ОРБИТА СПРАВА
   ========================================================= */

body.page-id-737 .vls-warehouse-accent{
    display:block !important;

    position:absolute !important;

    z-index:1 !important;

    inset:
        0 !important;

    width:
        auto !important;

    height:
        auto !important;

    overflow:
        hidden !important;

    background:
        transparent !important;

    pointer-events:
        none !important;
}


body.page-id-737 .vls-warehouse-accent > span{
    position:absolute !important;

    width:
        350px !important;

    height:
        350px !important;

    right:
        -220px !important;

    left:
        auto !important;

    top:
        50% !important;

    margin-top:
        -175px !important;

    border:
        1px solid
        rgba(23,107,135,.09) !important;

    border-radius:
        50% !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    animation:
        vlsMirrorOrbit
        23s
        linear
        infinite !important;
}


body.page-id-737
.vls-warehouse-accent > span::before{
    content:"";

    position:absolute;

    inset:
        53px;

    border:
        1px solid
        rgba(23,107,135,.04);

    border-radius:
        50%;
}


body.page-id-737
.vls-warehouse-accent > span::after{
    content:"";

    position:absolute;

    width:
        7px;

    height:
        7px;

    top:
        14%;

    left:
        14%;

    border-radius:
        50%;

    background:
        #58C3D9;

    box-shadow:
        0 0 0 8px rgba(88,195,217,.05),
        0 0 26px rgba(88,195,217,.29);
}


/* =========================================================
   ТЁМНЫЙ БЛОК
   ОРБИТА СЛЕВА
   ========================================================= */

body.page-id-737 .vls-transport-circle{
    width:
        350px !important;

    height:
        350px !important;

    left:
        -220px !important;

    right:
        auto !important;

    top:
        50% !important;

    margin-top:
        -175px !important;

    border:
        1px solid
        rgba(88,195,217,.11) !important;

    border-radius:
        50% !important;

    animation:
        vlsMirrorOrbit
        23s
        linear
        infinite !important;
}


body.page-id-737 .vls-transport-circle::before{
    inset:
        53px !important;
}


@keyframes vlsMirrorOrbit{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   ПОЯВЛЕНИЕ ПРИ ПРОКРУТКЕ
   ЗЕРКАЛЬНОЕ
   ========================================================= */


/* LIGHT: title left */

body.page-id-737
.vls-warehouse.vls-premium-motion-ready
.vls-warehouse-copy{
    opacity:
        0;

    transform:
        translate3d(
            -48px,
            0,
            0
        ) !important;
}


body.page-id-737
.vls-warehouse.vls-premium-motion-ready
.vls-warehouse-text{
    opacity:
        0;

    transform:
        translate3d(
            48px,
            0,
            0
        ) !important;
}


/* DARK: title right */

body.page-id-737
.vls-transport.vls-premium-motion-ready
.vls-transport-copy{
    opacity:
        0;

    transform:
        translate3d(
            -48px,
            0,
            0
        ) !important;
}


body.page-id-737
.vls-transport.vls-premium-motion-ready
.vls-transport-title{
    opacity:
        0;

    transform:
        translate3d(
            48px,
            0,
            0
        ) !important;
}


/* final position */

body.page-id-737
.vls-warehouse.vls-premium-motion-in
.vls-warehouse-copy,

body.page-id-737
.vls-warehouse.vls-premium-motion-in
.vls-warehouse-text,

body.page-id-737
.vls-transport.vls-premium-motion-in
.vls-transport-copy,

body.page-id-737
.vls-transport.vls-premium-motion-in
.vls-transport-title{
    opacity:
        1;

    transform:
        translate3d(
            0,
            0,
            0
        ) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    body.page-id-737 .vls-warehouse,
    body.page-id-737 .vls-transport{
        padding:
            22px
            0
            24px !important;
    }


    body.page-id-737 .vls-warehouse-wrap,
    body.page-id-737 .vls-transport-wrap{
        grid-template-columns:
            1fr !important;

        gap:
            14px !important;

        min-height:
            0 !important;

        padding:
            19px
            2px
            20px !important;
    }


    /* На мобильном заголовок всегда читается первым */

    body.page-id-737 .vls-warehouse-wrap{
        grid-template-areas:
            "title"
            "copy" !important;
    }


    body.page-id-737 .vls-transport-wrap{
        grid-template-areas:
            "title"
            "copy" !important;
    }


    body.page-id-737 .vls-warehouse-copy h2,
    body.page-id-737 .vls-transport-title h2{
        font-size:
            27px !important;
    }


    body.page-id-737 .vls-warehouse-text p,
    body.page-id-737 .vls-transport-copy p{
        font-size:
            12.3px !important;

        line-height:
            1.59 !important;
    }


    body.page-id-737 .vls-warehouse-wrap::before,
    body.page-id-737 .vls-warehouse-wrap::after,
    body.page-id-737 .vls-transport-wrap::before,
    body.page-id-737 .vls-transport-wrap::after{
        display:
            none !important;
    }


    body.page-id-737
    .vls-warehouse-accent > span{
        width:
            250px !important;

        height:
            250px !important;

        right:
            -195px !important;

        margin-top:
            -125px !important;
    }


    body.page-id-737
    .vls-transport-circle{
        width:
            250px !important;

        height:
            250px !important;

        left:
            -195px !important;

        margin-top:
            -125px !important;
    }

}


@media(prefers-reduced-motion:reduce){

    body.page-id-737
    .vls-warehouse-accent > span,

    body.page-id-737
    .vls-transport-circle,

    body.page-id-737
    .vls-warehouse-wrap::after,

    body.page-id-737
    .vls-transport-wrap::after{
        animation:
            none !important;
    }

}

/* === END WAREHOUSE + TRANSPORT MIRROR PAIR === */


/* =========================================================
   WAREHOUSE + TRANSPORT CLEAN PAIR FIX
   ========================================================= */


/* =========================================================
   SAME HEIGHT
   ========================================================= */

body.page-id-737 .vls-warehouse,
body.page-id-737 .vls-transport{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    padding:
        24px
        0 !important;
}


body.page-id-737 .vls-warehouse-wrap,
body.page-id-737 .vls-transport-wrap{
    position:relative !important;

    width:
        min(1080px,100%) !important;

    min-height:
        200px !important;

    margin:
        0 auto !important;

    padding:
        20px
        30px !important;

    align-items:
        center !important;
}


/* =========================================================
   LIGHT
   TITLE LEFT
   ========================================================= */

body.page-id-737 .vls-warehouse-wrap{
    display:grid !important;

    grid-template-columns:
        440px
        minmax(0,1fr) !important;

    grid-template-areas:
        "title copy" !important;

    gap:
        70px !important;
}


body.page-id-737 .vls-warehouse-copy{
    grid-area:
        title !important;
}


body.page-id-737 .vls-warehouse-text{
    grid-area:
        copy !important;

    max-width:
        570px !important;
}


/* =========================================================
   DARK
   TITLE RIGHT
   ========================================================= */

body.page-id-737 .vls-transport-wrap{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        440px !important;

    grid-template-areas:
        "copy title" !important;

    gap:
        70px !important;
}


body.page-id-737 .vls-transport-copy{
    grid-area:
        copy !important;

    max-width:
        570px !important;
}


body.page-id-737 .vls-transport-title{
    grid-area:
        title !important;
}


/* =========================================================
   REMOVE MIDDLE LINE COMPLETELY
   ========================================================= */

body.page-id-737 .vls-warehouse-wrap::before,
body.page-id-737 .vls-warehouse-wrap::after,
body.page-id-737 .vls-transport-wrap::before,
body.page-id-737 .vls-transport-wrap::after{
    display:
        none !important;

    content:
        none !important;

    animation:
        none !important;

    background:
        none !important;

    box-shadow:
        none !important;
}


/* =========================================================
   EXACTLY 3 TITLE LINES
   ========================================================= */

body.page-id-737 .vls-pair-line{
    display:
        block !important;

    white-space:
        nowrap !important;
}


body.page-id-737 .vls-warehouse-copy h2,
body.page-id-737 .vls-transport-title h2{
    margin:
        0 !important;

    font-size:
        clamp(
            30px,
            2.45vw,
            37px
        ) !important;

    line-height:
        1.045 !important;

    font-weight:
        820 !important;

    letter-spacing:
        -.047em !important;
}


/* LIGHT TITLE */

body.page-id-737
.vls-warehouse-copy
.vls-pair-base{
    color:
        #10212B !important;
}


body.page-id-737
.vls-warehouse-copy
.vls-pair-accent{
    color:
        #176B87 !important;
}


/* DARK TITLE */

body.page-id-737
.vls-transport-title
.vls-pair-base{
    color:
        #F4F8F9 !important;
}


body.page-id-737
.vls-transport-title
.vls-pair-accent{
    color:
        #58C3D9 !important;
}


/* =========================================================
   SAME EYEBROW POSITION
   ========================================================= */

body.page-id-737 .vls-warehouse-eyebrow,
body.page-id-737 .vls-transport-eyebrow{
    margin-bottom:
        11px !important;

    font-size:
        8.5px !important;

    line-height:
        1 !important;

    min-height:
        10px !important;
}


/* =========================================================
   SAME COPY GEOMETRY
   ========================================================= */

body.page-id-737 .vls-warehouse-text p,
body.page-id-737 .vls-transport-copy p{
    margin:
        0
        0
        9px !important;

    font-size:
        13px !important;

    line-height:
        1.62 !important;

    font-weight:
        500 !important;
}


body.page-id-737 .vls-warehouse-text p:last-child,
body.page-id-737 .vls-transport-copy p:last-child{
    margin-bottom:
        0 !important;
}


/* =========================================================
   REMOVE OLD WAREHOUSE CIRCLE EFFECTS
   ========================================================= */

body.page-id-737 .vls-warehouse::before,
body.page-id-737 .vls-warehouse::after{
    display:
        none !important;

    content:
        none !important;
}


/* =========================================================
   LIGHT ORBIT ON RIGHT
   ========================================================= */

body.page-id-737 .vls-warehouse-accent{
    display:block !important;

    position:absolute !important;

    z-index:1 !important;

    inset:0 !important;

    width:auto !important;
    height:auto !important;

    overflow:hidden !important;

    background:none !important;

    pointer-events:none !important;
}


body.page-id-737 .vls-warehouse-accent > span{
    position:absolute !important;

    width:
        350px !important;

    height:
        350px !important;

    right:
        -225px !important;

    left:
        auto !important;

    top:
        50% !important;

    margin-top:
        -175px !important;

    border:
        1px solid
        rgba(23,107,135,.09) !important;

    border-radius:
        50% !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    animation:
        vlsPairOrbit
        24s
        linear
        infinite !important;
}


body.page-id-737
.vls-warehouse-accent > span::before{
    content:"";

    position:absolute;

    inset:
        54px;

    border:
        1px solid
        rgba(23,107,135,.04);

    border-radius:
        50%;
}


body.page-id-737
.vls-warehouse-accent > span::after{
    content:"";

    position:absolute;

    width:
        7px;

    height:
        7px;

    top:
        14%;

    left:
        14%;

    border-radius:
        50%;

    background:
        #58C3D9;

    box-shadow:
        0 0 0 8px rgba(88,195,217,.05),
        0 0 27px rgba(88,195,217,.30);
}


/* =========================================================
   DARK ORBIT ON LEFT
   ========================================================= */

body.page-id-737 .vls-transport-circle{
    width:
        350px !important;

    height:
        350px !important;

    left:
        -225px !important;

    right:
        auto !important;

    top:
        50% !important;

    margin-top:
        -175px !important;

    border:
        1px solid
        rgba(88,195,217,.11) !important;

    border-radius:
        50% !important;

    animation:
        vlsPairOrbit
        24s
        linear
        infinite !important;
}


body.page-id-737 .vls-transport-circle::before{
    content:"" !important;

    position:absolute !important;

    inset:
        54px !important;

    border:
        1px solid
        rgba(88,195,217,.05) !important;

    border-radius:
        50% !important;
}


body.page-id-737 .vls-transport-circle::after{
    width:
        7px !important;

    height:
        7px !important;

    top:
        14% !important;

    left:
        14% !important;

    background:
        #58C3D9 !important;

    box-shadow:
        0 0 0 8px rgba(88,195,217,.055),
        0 0 27px rgba(88,195,217,.36) !important;
}


@keyframes vlsPairOrbit{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   CLEAN MATCHED SCROLL MOTION
   ========================================================= */

body.page-id-737
.vls-warehouse.vls-premium-motion-ready
.vls-warehouse-copy,

body.page-id-737
.vls-transport.vls-premium-motion-ready
.vls-transport-copy{
    opacity:
        0 !important;

    transform:
        translate3d(
            -40px,
            0,
            0
        ) !important;
}


body.page-id-737
.vls-warehouse.vls-premium-motion-ready
.vls-warehouse-text,

body.page-id-737
.vls-transport.vls-premium-motion-ready
.vls-transport-title{
    opacity:
        0 !important;

    transform:
        translate3d(
            40px,
            0,
            0
        ) !important;
}


body.page-id-737 .vls-warehouse-copy,
body.page-id-737 .vls-warehouse-text,
body.page-id-737 .vls-transport-copy,
body.page-id-737 .vls-transport-title{
    transition:
        opacity .72s ease,
        transform .86s cubic-bezier(.18,.78,.2,1) !important;

    transition-delay:
        0s !important;
}


body.page-id-737
.vls-warehouse.vls-premium-motion-in
.vls-warehouse-copy,

body.page-id-737
.vls-warehouse.vls-premium-motion-in
.vls-warehouse-text,

body.page-id-737
.vls-transport.vls-premium-motion-in
.vls-transport-copy,

body.page-id-737
.vls-transport.vls-premium-motion-in
.vls-transport-title{
    opacity:
        1 !important;

    transform:
        translate3d(
            0,
            0,
            0
        ) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    body.page-id-737 .vls-warehouse,
    body.page-id-737 .vls-transport{
        padding:
            22px
            0 !important;
    }


    body.page-id-737 .vls-warehouse-wrap,
    body.page-id-737 .vls-transport-wrap{
        display:grid !important;

        grid-template-columns:
            1fr !important;

        grid-template-areas:
            "title"
            "copy" !important;

        gap:
            14px !important;

        min-height:
            0 !important;

        padding:
            19px
            2px !important;
    }


    body.page-id-737 .vls-pair-line{
        white-space:
            normal !important;
    }


    body.page-id-737 .vls-warehouse-copy h2,
    body.page-id-737 .vls-transport-title h2{
        font-size:
            27px !important;
    }

}


@media(prefers-reduced-motion:reduce){

    body.page-id-737
    .vls-warehouse-accent > span,

    body.page-id-737
    .vls-transport-circle{
        animation:
            none !important;
    }

}

/* === END WAREHOUSE + TRANSPORT CLEAN PAIR FIX === */


/* =========================================================
   SEPARATE SERVICES
   ========================================================= */

body.page-id-737 .vls-separate-services{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    padding:
        62px
        0
        68px;

    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(88,195,217,.065),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #F7F9FA 0%,
            #FFFFFF 100%
        );
}


body.page-id-737 .vls-separate-services > .vls-shell{
    position:relative;
    z-index:3;
}


/* =========================================================
   HEADER
   ========================================================= */

body.page-id-737 .vls-services-head{
    width:min(1080px,100%);

    margin:
        0 auto
        31px;
}


body.page-id-737 .vls-services-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:
        12px;

    color:#657D86;

    font-size:
        8.5px;

    line-height:1;

    font-weight:790;

    letter-spacing:.16em;
}


body.page-id-737 .vls-services-eyebrow > span{
    width:35px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #176B87,
            #58C3D9,
            transparent
        );
}


body.page-id-737 .vls-services-head-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(320px,.7fr);

    gap:70px;

    align-items:end;
}


body.page-id-737 .vls-services-head h2{
    max-width:720px;

    margin:0;

    color:#10212B;

    font-size:
        clamp(
            37px,
            3.4vw,
            52px
        );

    line-height:1.025;

    font-weight:830;

    letter-spacing:-.048em;
}


body.page-id-737 .vls-services-head h2 span{
    display:block;

    color:#176B87;
}


body.page-id-737 .vls-services-head-grid > p{
    max-width:500px;

    margin:0;

    color:#62767E;

    font-size:13px;

    line-height:1.66;

    font-weight:500;
}


/* =========================================================
   GRID
   ========================================================= */

body.page-id-737 .vls-services-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:
        16px;

    width:min(1080px,100%);

    margin:0 auto;

    perspective:1400px;
}


/* =========================================================
   CARD
   ========================================================= */

body.page-id-737 .vls-service-card{
    position:relative;

    height:
        226px;

    padding:0;

    border:0;

    border-radius:
        22px;

    background:
        transparent;

    cursor:pointer;

    text-align:left;

    font:inherit;

    color:inherit;

    perspective:
        1200px;

    appearance:none;
    -webkit-appearance:none;

    opacity:0;

    transform:
        translate3d(
            0,
            24px,
            0
        );

    transition:
        opacity .75s ease,
        transform .85s cubic-bezier(.18,.78,.2,1),
        filter .35s ease;
}


body.page-id-737
.vls-services-grid.vls-services-grid-in
.vls-service-card{
    opacity:1;

    transform:
        translate3d(
            0,
            0,
            0
        );
}


body.page-id-737
.vls-services-grid.vls-services-grid-in
.vls-service-card:nth-child(1){
    transition-delay:.03s;
}


body.page-id-737
.vls-services-grid.vls-services-grid-in
.vls-service-card:nth-child(2){
    transition-delay:.08s;
}


body.page-id-737
.vls-services-grid.vls-services-grid-in
.vls-service-card:nth-child(3){
    transition-delay:.13s;
}


body.page-id-737
.vls-services-grid.vls-services-grid-in
.vls-service-card:nth-child(4){
    transition-delay:.18s;
}


body.page-id-737
.vls-services-grid.vls-services-grid-in
.vls-service-card:nth-child(5){
    transition-delay:.23s;
}


body.page-id-737
.vls-services-grid.vls-services-grid-in
.vls-service-card:nth-child(6){
    transition-delay:.28s;
}


body.page-id-737
.vls-services-grid.vls-services-grid-in
.vls-service-card:nth-child(7){
    transition-delay:.33s;
}


body.page-id-737
.vls-services-grid.vls-services-grid-in
.vls-service-card:nth-child(8){
    transition-delay:.38s;
}


body.page-id-737 .vls-service-card:hover{
    transform:
        translate3d(
            0,
            -5px,
            0
        );
}


body.page-id-737 .vls-service-card:focus-visible{
    outline:
        2px solid
        rgba(23,107,135,.50);

    outline-offset:
        4px;
}


/* =========================================================
   FLIP
   ========================================================= */

body.page-id-737 .vls-service-card-inner{
    position:relative;

    display:block;

    width:100%;
    height:100%;

    transform-style:
        preserve-3d;

    transition:
        transform .72s cubic-bezier(.2,.72,.18,1);
}


body.page-id-737
.vls-service-card.is-flipped
.vls-service-card-inner{
    transform:
        rotateY(180deg);
}


body.page-id-737 .vls-service-face{
    position:absolute;

    inset:0;

    display:block;

    overflow:hidden;

    border:
        1px solid
        rgba(255,255,255,.34);

    border-radius:
        22px;

    backface-visibility:
        hidden;

    -webkit-backface-visibility:
        hidden;
}


/* =========================================================
   FRONT
   ========================================================= */

body.page-id-737 .vls-service-front{
    background:
        linear-gradient(
            145deg,
            #102E3B,
            #081820
        );

    box-shadow:
        0 16px 38px rgba(14,42,53,.13),
        inset 0 1px 0 rgba(255,255,255,.08);
}


body.page-id-737 .vls-service-media{
    position:absolute;

    inset:0;

    display:block;

    transform:
        scale(1.02);

    transition:
        transform .75s cubic-bezier(.18,.78,.2,1),
        filter .5s ease;

    background:
        radial-gradient(
            circle at 72% 25%,
            rgba(88,195,217,.45),
            transparent 27%
        ),
        radial-gradient(
            circle at 23% 75%,
            rgba(23,107,135,.48),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #173B49 0%,
            #0A1E28 60%,
            #06141C 100%
        );
}


body.page-id-737
.vls-service-card:hover
.vls-service-media{
    transform:
        scale(1.07);
}


/* subtle differences before real images are added */

body.page-id-737
.vls-service-card-check
.vls-service-media{
    background:
        radial-gradient(circle at 30% 25%,rgba(88,195,217,.43),transparent 27%),
        radial-gradient(circle at 75% 78%,rgba(23,107,135,.52),transparent 32%),
        linear-gradient(135deg,#163946,#091D27 62%,#06141C 100%);
}


body.page-id-737
.vls-service-card-buy
.vls-service-media{
    background:
        radial-gradient(circle at 76% 20%,rgba(63,176,199,.48),transparent 25%),
        linear-gradient(145deg,#0D3442,#0A202B 58%,#06141C);
}


body.page-id-737
.vls-service-card-contract
.vls-service-media{
    background:
        radial-gradient(circle at 35% 30%,rgba(88,195,217,.35),transparent 28%),
        linear-gradient(135deg,#173847,#0B202A 62%,#07151D);
}


body.page-id-737
.vls-service-card-delivery
.vls-service-media{
    background:
        radial-gradient(circle at 76% 70%,rgba(88,195,217,.42),transparent 30%),
        linear-gradient(150deg,#123644,#0A202A 58%,#06151D);
}


body.page-id-737
.vls-service-card-customs
.vls-service-media{
    background:
        radial-gradient(circle at 27% 72%,rgba(88,195,217,.42),transparent 29%),
        linear-gradient(135deg,#153A48,#0A202A 62%,#06151C);
}


body.page-id-737
.vls-service-card-export
.vls-service-media{
    background:
        radial-gradient(circle at 70% 23%,rgba(88,195,217,.48),transparent 27%),
        linear-gradient(145deg,#153C4B,#091E28 60%,#06141C);
}


body.page-id-737
.vls-service-card-consolidation
.vls-service-media{
    background:
        radial-gradient(circle at 28% 27%,rgba(88,195,217,.38),transparent 26%),
        radial-gradient(circle at 75% 75%,rgba(23,107,135,.48),transparent 31%),
        linear-gradient(145deg,#133745,#091E28 60%,#06141C);
}


/* overlay */

body.page-id-737 .vls-service-front-shade{
    position:absolute;

    inset:0;

    display:block;

    background:
        linear-gradient(
            180deg,
            rgba(3,13,18,.02) 10%,
            rgba(3,13,18,.18) 48%,
            rgba(3,13,18,.88) 100%
        );
}


body.page-id-737 .vls-service-front::before{
    content:"";

    position:absolute;

    z-index:3;

    left:17px;
    right:17px;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(141,236,246,.60),
            transparent
        );
}


body.page-id-737 .vls-service-name{
    position:absolute;

    z-index:4;

    left:18px;
    right:45px;
    bottom:18px;

    display:block;

    color:#FFFFFF;

    font-size:
        18px;

    line-height:
        1.08;

    font-weight:
        780;

    letter-spacing:
        -.025em;
}


body.page-id-737 .vls-service-flip-icon{
    position:absolute;

    z-index:4;

    right:15px;
    bottom:15px;

    display:flex;

    align-items:center;
    justify-content:center;

    width:27px;
    height:27px;

    border:
        1px solid
        rgba(255,255,255,.18);

    border-radius:50%;

    color:
        rgba(255,255,255,.82);

    background:
        rgba(255,255,255,.08);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

    font-size:
        12px;

    transition:
        transform .4s ease,
        background .4s ease;
}


body.page-id-737
.vls-service-card:hover
.vls-service-flip-icon{
    transform:
        rotate(45deg);

    background:
        rgba(88,195,217,.20);
}


/* =========================================================
   BACK
   ========================================================= */

body.page-id-737 .vls-service-back{
    padding:
        22px
        19px
        18px;

    transform:
        rotateY(180deg);

    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(88,195,217,.16),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(8,27,37,.98),
            rgba(12,48,61,.98)
        );

    box-shadow:
        0 18px 42px rgba(9,35,46,.16),
        inset 0 1px 0 rgba(255,255,255,.08);
}


body.page-id-737 .vls-service-back::before{
    content:"";

    position:absolute;

    left:19px;
    right:19px;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(141,236,246,.56),
            transparent
        );
}


body.page-id-737 .vls-service-back-label{
    display:block;

    margin-bottom:
        13px;

    color:#8DECF6;

    font-size:
        15px;

    line-height:
        1.12;

    font-weight:
        780;

    letter-spacing:
        -.02em;
}


body.page-id-737 .vls-service-back-text{
    display:block;

    color:
        rgba(223,237,240,.78);

    font-size:
        11.5px;

    line-height:
        1.52;

    font-weight:
        500;
}


body.page-id-737 .vls-service-back-return{
    position:absolute;

    left:19px;
    bottom:16px;

    color:
        rgba(178,211,219,.45);

    font-size:
        8px;

    line-height:1;

    font-weight:
        700;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}


/* =========================================================
   BACKGROUND DECORATION
   ========================================================= */

body.page-id-737 .vls-services-bg{
    position:absolute;

    inset:0;

    z-index:0;

    overflow:hidden;

    pointer-events:none;
}


body.page-id-737 .vls-services-orbit{
    position:absolute;

    border:
        1px solid
        rgba(23,107,135,.07);

    border-radius:50%;

    animation:
        vlsServicesOrbit
        28s
        linear
        infinite;
}


body.page-id-737 .vls-services-orbit::after{
    content:"";

    position:absolute;

    width:6px;
    height:6px;

    top:14%;
    left:14%;

    border-radius:50%;

    background:#58C3D9;

    box-shadow:
        0 0 0 7px rgba(88,195,217,.05),
        0 0 24px rgba(88,195,217,.24);
}


body.page-id-737 .vls-services-orbit-a{
    width:460px;
    height:460px;

    right:-330px;
    top:40px;
}


body.page-id-737 .vls-services-orbit-b{
    width:310px;
    height:310px;

    left:-220px;
    bottom:15px;

    animation-duration:
        34s;

    animation-direction:
        reverse;
}


@keyframes vlsServicesOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    body.page-id-737 .vls-services-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    body.page-id-737 .vls-services-head-grid{
        gap:
            40px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:640px){

    body.page-id-737 .vls-separate-services{
        padding:
            43px
            0
            48px;
    }


    body.page-id-737 .vls-services-head{
        margin-bottom:
            24px;
    }


    body.page-id-737 .vls-services-head-grid{
        grid-template-columns:
            1fr;

        gap:
            13px;
    }


    body.page-id-737 .vls-services-head h2{
        font-size:
            30px;

        line-height:
            1.045;
    }


    body.page-id-737 .vls-services-head-grid > p{
        font-size:
            12.5px;

        line-height:
            1.62;
    }


    body.page-id-737 .vls-services-grid{
        grid-template-columns:
            1fr;

        gap:
            13px;
    }


    body.page-id-737 .vls-service-card{
        height:
            215px;
    }


    body.page-id-737 .vls-service-name{
        font-size:
            19px;
    }


    body.page-id-737 .vls-service-back-text{
        font-size:
            11.8px;

        line-height:
            1.5;
    }


    body.page-id-737 .vls-services-orbit-a{
        width:
            320px;

        height:
            320px;

        right:
            -250px;
    }


    body.page-id-737 .vls-services-orbit-b{
        display:none;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    body.page-id-737 .vls-service-card,
    body.page-id-737 .vls-service-card-inner,
    body.page-id-737 .vls-service-media,
    body.page-id-737 .vls-services-orbit{
        transition:none !important;
        animation:none !important;
    }


    body.page-id-737 .vls-service-card{
        opacity:1 !important;
        transform:none !important;
    }

}

/* === END SEPARATE SERVICES === */


/* =========================================================
   SEPARATE SERVICES HEADER TEXT FIX
   ========================================================= */

body.page-id-737 .vls-services-head-grid{
    display:block !important;
}


body.page-id-737 .vls-services-head h2{
    margin-bottom:
        15px !important;
}


body.page-id-737 .vls-services-head-grid > p{
    max-width:
        900px !important;

    margin:
        0 !important;

    color:
        #5F747D !important;

    font-size:
        15px !important;

    line-height:
        1.55 !important;

    font-weight:
        500 !important;
}


@media(max-width:767px){

    body.page-id-737 .vls-services-head h2{
        margin-bottom:
            12px !important;
    }


    body.page-id-737 .vls-services-head-grid > p{
        max-width:
            none !important;

        font-size:
            13px !important;

        line-height:
            1.6 !important;
    }

}

/* === END SEPARATE SERVICES HEADER TEXT FIX === */


/* =========================================================
   SERVICE CARD HOVER ZOOM
   ========================================================= */

@media(hover:hover) and (pointer:fine){

    body.page-id-737
    .vls-services-grid.vls-services-grid-in
    .vls-service-card{
        transition:
            opacity .75s ease,
            transform .42s cubic-bezier(.18,.78,.2,1),
            filter .35s ease !important;
    }


    body.page-id-737
    .vls-services-grid.vls-services-grid-in
    .vls-service-card:hover{
        z-index:10;

        transform:
            translate3d(
                0,
                -4px,
                0
            )
            scale(1.045) !important;
    }


    body.page-id-737
    .vls-service-card:hover
    .vls-service-front,
    
    body.page-id-737
    .vls-service-card:hover
    .vls-service-back{
        box-shadow:
            0 20px 42px rgba(10,31,40,.18),
            inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

}

/* === END SERVICE CARD HOVER ZOOM === */


/* =========================================================
   SERVICE CARDS REAL IMAGES
   ========================================================= */


/* COMMON */

body.page-id-737
.vls-service-card
.vls-service-media{
    background-repeat:
        no-repeat !important;

    background-size:
        cover !important;

    background-color:
        #0A202A !important;

    filter:
        saturate(.94)
        contrast(1.03)
        brightness(.91);
}


/* =========================================================
   01 SEARCH SUPPLIER
   ========================================================= */

body.page-id-737
.vls-service-card-search
.vls-service-media{
    background-image:
        url('/wp-content/uploads/vostok-logistika/services/service-supplier-search.webp') !important;

    background-position:
        52% 46% !important;
}


/* =========================================================
   02 CHECK SUPPLIER
   ========================================================= */

body.page-id-737
.vls-service-card-check
.vls-service-media{
    background-image:
        url('/wp-content/uploads/vostok-logistika/services/service-supplier-check.webp') !important;

    background-position:
        50% 46% !important;
}


/* =========================================================
   03 BUYOUT
   ========================================================= */

body.page-id-737
.vls-service-card-buy
.vls-service-media{
    background-image:
        url('/wp-content/uploads/vostok-logistika/services/service-buyout.webp') !important;

    background-position:
        51% 45% !important;
}


/* =========================================================
   04 CONTRACT
   ========================================================= */

body.page-id-737
.vls-service-card-contract
.vls-service-media{
    background-image:
        url('/wp-content/uploads/vostok-logistika/services/service-contract.webp') !important;

    background-position:
        48% 47% !important;
}


/* =========================================================
   05 DELIVERY
   ========================================================= */

body.page-id-737
.vls-service-card-delivery
.vls-service-media{
    background-image:
        url('/wp-content/uploads/vostok-logistika/services/service-delivery.webp') !important;

    background-position:
        50% 50% !important;
}


/* =========================================================
   06 CUSTOMS
   ========================================================= */

body.page-id-737
.vls-service-card-customs
.vls-service-media{
    background-image:
        url('/wp-content/uploads/vostok-logistika/services/service-customs.webp') !important;

    background-position:
        55% 45% !important;
}


/* =========================================================
   07 TRADING COMPANY
   ========================================================= */

body.page-id-737
.vls-service-card-export
.vls-service-media{
    background-image:
        url('/wp-content/uploads/vostok-logistika/services/service-trading-company.webp') !important;

    background-position:
        50% 45% !important;
}


/* =========================================================
   08 CONSOLIDATION
   ========================================================= */

body.page-id-737
.vls-service-card-consolidation
.vls-service-media{
    background-image:
        url('/wp-content/uploads/vostok-logistika/services/service-consolidation.webp') !important;

    background-position:
        50% 47% !important;
}


/* =========================================================
   IMAGE TREATMENT
   ========================================================= */

body.page-id-737
.vls-service-front-shade{
    background:
        linear-gradient(
            180deg,
            rgba(3,13,18,.02) 0%,
            rgba(3,13,18,.05) 32%,
            rgba(3,13,18,.26) 60%,
            rgba(3,13,18,.90) 100%
        ) !important;
}


/* subtle cyan glass treatment */

body.page-id-737
.vls-service-front::after{
    content:"";

    position:absolute;

    z-index:2;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            135deg,
            rgba(88,195,217,.055),
            transparent 38%,
            rgba(4,20,28,.05)
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.025);
}


/* =========================================================
   HOVER
   ========================================================= */

@media(hover:hover) and (pointer:fine){

    body.page-id-737
    .vls-service-card:hover
    .vls-service-media{
        transform:
            scale(1.075) !important;

        filter:
            saturate(1)
            contrast(1.04)
            brightness(.96);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:640px){

    body.page-id-737
    .vls-service-card
    .vls-service-media{
        filter:
            saturate(.95)
            contrast(1.02)
            brightness(.91);
    }

}

/* === END SERVICE CARDS REAL IMAGES === */


/* =========================================================
   SERVICE CARDS TRUE GLASS LOOK
   ========================================================= */


/* ---------------------------------------------------------
   УБИРАЕМ ТЁМНЫЙ КОНТУР
   --------------------------------------------------------- */

body.page-id-737 .vls-service-face{
    border:
        1px solid
        rgba(255,255,255,.48) !important;

    background:
        transparent !important;

    box-shadow:
        0 10px 28px rgba(18,52,64,.09),
        inset 0 1px 0 rgba(255,255,255,.42),
        inset 0 -1px 0 rgba(19,91,112,.08) !important;
}


/* front больше не имеет чёрной подложки */

body.page-id-737 .vls-service-front{
    background:
        transparent !important;

    box-shadow:
        0 10px 28px rgba(18,52,64,.09),
        inset 0 1px 0 rgba(255,255,255,.42) !important;
}


/* ---------------------------------------------------------
   КАРТИНКА ИДЁТ ПРАКТИЧЕСКИ ДО САМОГО КРАЯ
   --------------------------------------------------------- */

body.page-id-737 .vls-service-media{
    inset:
        0 !important;

    border-radius:
        21px !important;

    overflow:
        hidden !important;
}


/* ---------------------------------------------------------
   МЯГКОЕ ЗАТЕМНЕНИЕ СНИЗУ
   БЕЗ ЧЁРНОЙ ПОДЛОЖКИ ПО КРАЯМ
   --------------------------------------------------------- */

body.page-id-737 .vls-service-front-shade{
    z-index:
        2 !important;

    background:
        linear-gradient(
            180deg,
            rgba(4,18,25,.00) 0%,
            rgba(4,18,25,.02) 30%,
            rgba(4,18,25,.16) 52%,
            rgba(4,18,25,.54) 76%,
            rgba(4,18,25,.76) 100%
        ) !important;
}


/* ---------------------------------------------------------
   СТЕКЛЯННЫЙ СЛОЙ ПОВЕРХ ФОТО
   --------------------------------------------------------- */

body.page-id-737 .vls-service-front::after{
    content:"" !important;

    position:absolute !important;

    z-index:
        3 !important;

    inset:
        0 !important;

    display:block !important;

    pointer-events:
        none !important;

    border-radius:
        21px !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.14) 0%,
            rgba(255,255,255,.045) 24%,
            rgba(88,195,217,.025) 52%,
            rgba(255,255,255,.018) 72%,
            rgba(6,26,35,.05) 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.58),
        inset 1px 0 0 rgba(255,255,255,.11),
        inset -1px 0 0 rgba(88,195,217,.07) !important;

    backdrop-filter:
        saturate(1.05)
        contrast(1.015) !important;

    -webkit-backdrop-filter:
        saturate(1.05)
        contrast(1.015) !important;
}


/* ---------------------------------------------------------
   ТОНКИЙ СВЕТОВОЙ БЛИК СВЕРХ
   --------------------------------------------------------- */

body.page-id-737 .vls-service-front::before{
    content:"" !important;

    position:absolute !important;

    z-index:
        5 !important;

    left:
        18px !important;

    right:
        18px !important;

    top:
        0 !important;

    height:
        1px !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.18) 16%,
            rgba(183,244,250,.75) 50%,
            rgba(255,255,255,.18) 84%,
            transparent 100%
        ) !important;

    box-shadow:
        0 1px 10px rgba(88,195,217,.12) !important;

    pointer-events:
        none !important;
}


/* ---------------------------------------------------------
   ТЕКСТ ПОВЕРХ СТЕКЛА
   --------------------------------------------------------- */

body.page-id-737 .vls-service-name{
    z-index:
        7 !important;

    text-shadow:
        0 2px 12px rgba(0,0,0,.32) !important;
}


body.page-id-737 .vls-service-flip-icon{
    z-index:
        7 !important;

    border:
        1px solid
        rgba(255,255,255,.26) !important;

    background:
        rgba(255,255,255,.09) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16) !important;

    backdrop-filter:
        blur(10px)
        saturate(1.15) !important;

    -webkit-backdrop-filter:
        blur(10px)
        saturate(1.15) !important;
}


/* ---------------------------------------------------------
   HOVER
   КАРТОЧКА ВЫХОДИТ ВПЕРЁД, НО НЕ СВЕТИТСЯ
   --------------------------------------------------------- */

@media(hover:hover) and (pointer:fine){

    body.page-id-737
    .vls-services-grid.vls-services-grid-in
    .vls-service-card:hover{
        z-index:
            20 !important;

        transform:
            translate3d(0,-5px,0)
            scale(1.045) !important;
    }


    body.page-id-737
    .vls-service-card:hover
    .vls-service-front{
        box-shadow:
            0 17px 34px rgba(16,45,56,.13),
            inset 0 1px 0 rgba(255,255,255,.52) !important;
    }


    body.page-id-737
    .vls-service-card:hover
    .vls-service-front::after{
        background:
            linear-gradient(
                135deg,
                rgba(255,255,255,.17) 0%,
                rgba(255,255,255,.055) 26%,
                rgba(88,195,217,.032) 55%,
                rgba(6,26,35,.04) 100%
            ) !important;
    }

}


/* ---------------------------------------------------------
   ОБРАТНАЯ СТОРОНА ТОЖЕ СТЕКЛЯННАЯ
   --------------------------------------------------------- */

body.page-id-737 .vls-service-back{
    border:
        1px solid
        rgba(141,236,246,.17) !important;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(88,195,217,.16),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(9,35,46,.96),
            rgba(13,55,69,.94)
        ) !important;

    box-shadow:
        0 14px 34px rgba(9,35,46,.12),
        inset 0 1px 0 rgba(255,255,255,.11) !important;

    backdrop-filter:
        blur(15px)
        saturate(1.1) !important;

    -webkit-backdrop-filter:
        blur(15px)
        saturate(1.1) !important;
}


/* === END SERVICE CARDS TRUE GLASS LOOK === */


/* =========================================================
   SERVICE CARDS STRONGER GLASS EFFECT
   ========================================================= */


/* сама карточка */

body.page-id-737 .vls-service-front{
    border:
        1px solid rgba(255,255,255,.52) !important;

    box-shadow:
        0 12px 28px rgba(16,45,56,.10),
        inset 0 1px 0 rgba(255,255,255,.62),
        inset 0 -1px 0 rgba(88,195,217,.08) !important;
}


/* делаем нижнюю область настоящим матовым стеклом */

body.page-id-737 .vls-service-front-shade{
    z-index:3 !important;

    top:auto !important;

    height:42% !important;

    border-top:
        1px solid
        rgba(255,255,255,.15) !important;

    background:
        linear-gradient(
            180deg,
            rgba(9,30,40,.20) 0%,
            rgba(7,27,37,.46) 45%,
            rgba(6,24,33,.62) 100%
        ) !important;

    backdrop-filter:
        blur(13px)
        saturate(1.15) !important;

    -webkit-backdrop-filter:
        blur(13px)
        saturate(1.15) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12) !important;
}


/* мягкий стеклянный отблеск по всей карточке */

body.page-id-737 .vls-service-front::after{
    z-index:4 !important;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.19) 0%,
            rgba(255,255,255,.055) 19%,
            transparent 38%,
            transparent 72%,
            rgba(88,195,217,.035) 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.62),
        inset 1px 0 0 rgba(255,255,255,.10),
        inset -1px 0 0 rgba(88,195,217,.07) !important;
}


/* название поверх стекла */

body.page-id-737 .vls-service-name{
    z-index:8 !important;

    text-shadow:
        0 2px 10px rgba(0,0,0,.30) !important;
}


/* круглая кнопка тоже как стекло */

body.page-id-737 .vls-service-flip-icon{
    z-index:8 !important;

    border:
        1px solid rgba(255,255,255,.28) !important;

    background:
        rgba(255,255,255,.10) !important;

    backdrop-filter:
        blur(14px)
        saturate(1.2) !important;

    -webkit-backdrop-filter:
        blur(14px)
        saturate(1.2) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 4px 14px rgba(0,0,0,.08) !important;
}


/* hover */

@media(hover:hover) and (pointer:fine){

    body.page-id-737
    .vls-service-card:hover
    .vls-service-front-shade{
        background:
            linear-gradient(
                180deg,
                rgba(9,30,40,.16) 0%,
                rgba(7,27,37,.40) 45%,
                rgba(6,24,33,.56) 100%
            ) !important;
    }

}

/* === END SERVICE CARDS STRONGER GLASS EFFECT === */


/* =========================================================
   SERVICE CARDS GLOSSY GLASS
   ========================================================= */


/* ---------------------------------------------------------
   ОСНОВА КАРТОЧКИ
   --------------------------------------------------------- */

body.page-id-737 .vls-service-face{
    border:
        1px solid
        rgba(255,255,255,.70) !important;

    border-radius:
        22px !important;

    box-shadow:
        0 12px 28px rgba(17,45,56,.10),
        inset 0 1px 0 rgba(255,255,255,.78),
        inset 1px 0 0 rgba(255,255,255,.22),
        inset -1px 0 0 rgba(88,195,217,.10),
        inset 0 -1px 0 rgba(88,195,217,.12) !important;
}


body.page-id-737 .vls-service-front{
    background:
        transparent !important;
}


/* ---------------------------------------------------------
   УБИРАЕМ ЛИНИЮ ПОСЕРЕДИНЕ
   --------------------------------------------------------- */

body.page-id-737 .vls-service-front-shade{
    inset:
        0 !important;

    height:
        auto !important;

    top:
        0 !important;

    border:
        0 !important;

    border-top:
        0 !important;

    box-shadow:
        none !important;

    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;

    background:
        linear-gradient(
            180deg,
            rgba(4,17,23,0) 0%,
            rgba(4,17,23,0) 40%,
            rgba(4,17,23,.10) 56%,
            rgba(4,17,23,.46) 79%,
            rgba(4,17,23,.72) 100%
        ) !important;
}


/* ---------------------------------------------------------
   ГЛЯНЦЕВОЕ СТЕКЛО ПО ВСЕЙ КАРТОЧКЕ
   --------------------------------------------------------- */

body.page-id-737 .vls-service-front::after{
    content:"" !important;

    position:absolute !important;

    z-index:
        4 !important;

    inset:
        0 !important;

    display:block !important;

    border-radius:
        21px !important;

    pointer-events:
        none !important;

    background:

        /* большой мягкий белый блик сверху слева */
        radial-gradient(
            ellipse at 22% 3%,
            rgba(255,255,255,.34) 0%,
            rgba(255,255,255,.18) 11%,
            rgba(255,255,255,.06) 23%,
            transparent 42%
        ),

        /* длинное отражение стекла сверху */
        linear-gradient(
            165deg,
            rgba(255,255,255,.22) 0%,
            rgba(255,255,255,.11) 10%,
            rgba(255,255,255,.035) 21%,
            transparent 34%
        ),

        /* очень лёгкий холодный оттенок стекла */
        linear-gradient(
            135deg,
            rgba(164,235,245,.07) 0%,
            transparent 45%,
            rgba(23,107,135,.025) 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        inset 1px 0 0 rgba(255,255,255,.22),
        inset -1px 0 0 rgba(145,226,239,.11),
        inset 0 -1px 0 rgba(145,226,239,.13) !important;
}


/* ---------------------------------------------------------
   ЯРКИЙ БЛИК ПО ВЕРХНЕЙ КРОМКЕ
   --------------------------------------------------------- */

body.page-id-737 .vls-service-front::before{
    content:"" !important;

    position:absolute !important;

    z-index:
        6 !important;

    left:
        11% !important;

    right:
        11% !important;

    top:
        0 !important;

    height:
        2px !important;

    border-radius:
        50% !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.20) 10%,
            rgba(255,255,255,.95) 46%,
            rgba(195,245,250,.80) 58%,
            rgba(255,255,255,.20) 88%,
            transparent 100%
        ) !important;

    box-shadow:
        0 0 8px rgba(255,255,255,.28),
        0 0 15px rgba(88,195,217,.12) !important;

    pointer-events:
        none !important;
}


/* ---------------------------------------------------------
   ФОТО НЕМНОГО СМЯГЧАЕМ ПОД СТЕКЛОМ
   --------------------------------------------------------- */

body.page-id-737 .vls-service-media{
    filter:
        saturate(.95)
        contrast(1.015)
        brightness(.94) !important;

    border-radius:
        21px !important;
}


/* ---------------------------------------------------------
   ТЕКСТ
   --------------------------------------------------------- */

body.page-id-737 .vls-service-name{
    z-index:
        8 !important;

    text-shadow:
        0 2px 10px rgba(0,0,0,.34) !important;
}


/* ---------------------------------------------------------
   СТЕКЛЯННАЯ КНОПКА
   --------------------------------------------------------- */

body.page-id-737 .vls-service-flip-icon{
    z-index:
        8 !important;

    border:
        1px solid
        rgba(255,255,255,.52) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.07)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.42),
        0 4px 12px rgba(0,0,0,.09) !important;

    backdrop-filter:
        blur(8px) !important;

    -webkit-backdrop-filter:
        blur(8px) !important;
}


/* ---------------------------------------------------------
   HOVER
   КАРТОЧКА БУДТО ПРИБЛИЖАЕТСЯ
   --------------------------------------------------------- */

@media(hover:hover) and (pointer:fine){

    body.page-id-737
    .vls-services-grid.vls-services-grid-in
    .vls-service-card:hover{
        z-index:
            20 !important;

        transform:
            translate3d(0,-5px,0)
            scale(1.045) !important;
    }


    body.page-id-737
    .vls-service-card:hover
    .vls-service-front{
        box-shadow:
            0 18px 36px rgba(17,45,56,.14),
            inset 0 1px 0 rgba(255,255,255,.90),
            inset 1px 0 0 rgba(255,255,255,.26),
            inset -1px 0 0 rgba(88,195,217,.12),
            inset 0 -1px 0 rgba(88,195,217,.14) !important;
    }


    body.page-id-737
    .vls-service-card:hover
    .vls-service-front::after{
        background:

            radial-gradient(
                ellipse at 22% 3%,
                rgba(255,255,255,.42) 0%,
                rgba(255,255,255,.21) 11%,
                rgba(255,255,255,.07) 23%,
                transparent 42%
            ),

            linear-gradient(
                165deg,
                rgba(255,255,255,.25) 0%,
                rgba(255,255,255,.12) 10%,
                rgba(255,255,255,.04) 21%,
                transparent 34%
            ),

            linear-gradient(
                135deg,
                rgba(164,235,245,.08),
                transparent 45%
            ) !important;
    }

}

/* === END SERVICE CARDS GLOSSY GLASS === */





/* =========================================================
   SERVICES FINAL CLEAN MOBILE FIX
   ========================================================= */


/* =========================================================
   CARD BACK
   NO DUPLICATE TITLE
   ========================================================= */

body.page-id-737 .vls-service-back-label{
    display:none !important;
}


body.page-id-737 .vls-service-back{
    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    align-items:flex-start !important;

    padding:
        24px
        20px
        34px !important;

    box-sizing:border-box !important;
}


body.page-id-737 .vls-service-back-text{
    display:block !important;

    width:100% !important;

    margin:0 !important;

    color:
        rgba(228,240,243,.84) !important;

    font-size:
        12px !important;

    line-height:
        1.55 !important;

    font-weight:
        500 !important;
}


body.page-id-737 .vls-service-back-return{
    left:
        20px !important;

    right:
        20px !important;

    bottom:
        15px !important;
}


/* =========================================================
   MOBILE EXPORT
   SINGLE LAYOUT SYSTEM ONLY
   ========================================================= */

@media(max-width:767px){

    /*
     * На мобильном полностью выключаем старые reveal-transform
     * только внутри экспортного блока.
     */

    body.page-id-737 .vls-export .vls-reveal,
    body.page-id-737 .vls-export .vls-reveal-up,
    body.page-id-737 .vls-export .vls-export-wrap,
    body.page-id-737 .vls-export .vls-export-head,
    body.page-id-737 .vls-export .vls-export-solution,

    body.page-id-737
    .vls-export.vls-premium-motion-ready
    .vls-export-head,

    body.page-id-737
    .vls-export.vls-premium-motion-ready
    .vls-export-solution,

    body.page-id-737
    .vls-export.vls-premium-motion-in
    .vls-export-head,

    body.page-id-737
    .vls-export.vls-premium-motion-in
    .vls-export-solution{

        opacity:
            1 !important;

        transform:
            none !important;

        translate:
            none !important;

        filter:
            none !important;
    }


    body.page-id-737 .vls-export{
        position:
            relative !important;

        overflow:
            hidden !important;

        padding:
            38px
            0
            42px !important;
    }


    /*
     * Один общий контейнер.
     * Заголовок и тёмный блок стоят строго по одной вертикали.
     */

    body.page-id-737 .vls-export > .vls-shell{
        position:
            relative !important;

        z-index:
            3 !important;

        width:
            calc(100% - 28px) !important;

        max-width:
            none !important;

        margin:
            0 auto !important;

        padding:
            0 !important;

        box-sizing:
            border-box !important;
    }


    body.page-id-737 .vls-export-wrap{
        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        left:
            auto !important;

        right:
            auto !important;

        box-sizing:
            border-box !important;
    }


    body.page-id-737 .vls-export-head{
        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0
            0
            21px !important;

        padding:
            0 !important;

        left:
            auto !important;

        right:
            auto !important;

        box-sizing:
            border-box !important;
    }


    body.page-id-737 .vls-export-eyebrow{
        display:
            flex !important;

        align-items:
            center !important;

        width:
            100% !important;

        gap:
            9px !important;

        margin:
            0
            0
            11px !important;

        font-size:
            8px !important;

        line-height:
            1.2 !important;

        letter-spacing:
            .13em !important;
    }


    body.page-id-737 .vls-export-eyebrow span{
        flex:
            0 0 28px !important;

        width:
            28px !important;

        min-width:
            28px !important;
    }


    body.page-id-737 .vls-export-head h2{
        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0
            0
            15px !important;

        padding:
            0 !important;

        font-size:
            30px !important;

        line-height:
            1.04 !important;

        letter-spacing:
            -.042em !important;

        text-align:
            left !important;

        word-break:
            normal !important;

        overflow-wrap:
            normal !important;
    }


    body.page-id-737 .vls-export-head h2 span{
        display:
            block !important;

        margin:
            2px
            0
            0 !important;
    }


    body.page-id-737 .vls-export-head > p{
        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0
            0
            8px !important;

        padding:
            0 !important;

        font-size:
            12.6px !important;

        line-height:
            1.6 !important;

        text-align:
            left !important;
    }


    body.page-id-737 .vls-export-head > p:last-child{
        margin-bottom:
            0 !important;
    }


    /*
     * Тёмный блок получает ровно ту же ширину.
     */

    body.page-id-737 .vls-export-solution{
        display:
            block !important;

        position:
            relative !important;

        width:
            100% !important;

        max-width:
            none !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        padding:
            22px
            18px
            23px !important;

        left:
            auto !important;

        right:
            auto !important;

        box-sizing:
            border-box !important;

        border-radius:
            21px !important;

        overflow:
            hidden !important;
    }


    body.page-id-737 .vls-export-solution::before{
        left:
            18px !important;

        right:
            18px !important;
    }


    body.page-id-737 .vls-export-solution-label{
        margin:
            0
            0
            10px !important;

        font-size:
            8px !important;

        line-height:
            1.2 !important;

        letter-spacing:
            .13em !important;
    }


    body.page-id-737 .vls-export-solution h3{
        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0
            0
            13px !important;

        font-size:
            24px !important;

        line-height:
            1.07 !important;

        letter-spacing:
            -.032em !important;

        text-align:
            left !important;
    }


    body.page-id-737 .vls-export-solution > p{
        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0
            0
            9px !important;

        font-size:
            12.3px !important;

        line-height:
            1.58 !important;

        text-align:
            left !important;
    }


    body.page-id-737 .vls-export-solution-accent{
        width:
            auto !important;

        margin:
            14px
            0
            0 !important;

        padding:
            11px
            0
            11px
            13px !important;

        box-sizing:
            border-box !important;
    }


    body.page-id-737 .vls-export-orbit{
        width:
            290px !important;

        height:
            290px !important;

        right:
            -225px !important;

        top:
            35px !important;

        opacity:
            .38 !important;
    }


    /* обратная сторона карточек на телефоне */

    body.page-id-737 .vls-service-back{
        padding:
            22px
            18px
            34px !important;
    }


    body.page-id-737 .vls-service-back-text{
        font-size:
            12.2px !important;

        line-height:
            1.52 !important;
    }

}

/* === END SERVICES FINAL CLEAN MOBILE FIX === */





/* =========================================================
   SERVICE CARDS CLEAN 3D FLIP
   ========================================================= */


/* ---------------------------------------------------------
   CARD CAMERA
   --------------------------------------------------------- */

body.page-id-737 .vls-service-card{
    perspective:
        1400px !important;

    -webkit-perspective:
        1400px !important;
}


/* ---------------------------------------------------------
   ONLY INNER ELEMENT ROTATES
   --------------------------------------------------------- */

body.page-id-737 .vls-service-card-inner{
    position:
        relative !important;

    width:
        100% !important;

    height:
        100% !important;

    transform:
        rotateY(0deg) !important;

    -webkit-transform:
        rotateY(0deg) !important;

    transform-style:
        preserve-3d !important;

    -webkit-transform-style:
        preserve-3d !important;

    transition:
        transform .62s cubic-bezier(.22,.72,.18,1) !important;

    -webkit-transition:
        -webkit-transform .62s cubic-bezier(.22,.72,.18,1) !important;

    will-change:
        transform !important;
}


body.page-id-737
.vls-service-card.is-flipped
.vls-service-card-inner{
    transform:
        rotateY(180deg) !important;

    -webkit-transform:
        rotateY(180deg) !important;
}


/* ---------------------------------------------------------
   BOTH SIDES
   NO FADING
   NO VISIBILITY SWITCHING
   --------------------------------------------------------- */

body.page-id-737 .vls-service-face{
    position:
        absolute !important;

    inset:
        0 !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

    backface-visibility:
        hidden !important;

    -webkit-backface-visibility:
        hidden !important;

    transform-style:
        flat !important;

    -webkit-transform-style:
        flat !important;

    transition:
        none !important;

    -webkit-transition:
        none !important;
}


/* FRONT */

body.page-id-737 .vls-service-front{
    transform:
        rotateY(0deg)
        translateZ(.1px) !important;

    -webkit-transform:
        rotateY(0deg)
        translateZ(.1px) !important;

    pointer-events:
        auto !important;
}


/* BACK */

body.page-id-737 .vls-service-back{
    transform:
        rotateY(180deg)
        translateZ(.1px) !important;

    -webkit-transform:
        rotateY(180deg)
        translateZ(.1px) !important;

    pointer-events:
        auto !important;
}


/* ---------------------------------------------------------
   SAFARI FIX
   Glass stays visually,
   but rotating layers do not use backdrop-filter
   --------------------------------------------------------- */

body.page-id-737 .vls-service-front,
body.page-id-737 .vls-service-back,
body.page-id-737 .vls-service-front::before,
body.page-id-737 .vls-service-front::after,
body.page-id-737 .vls-service-front-shade{
    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;
}


/* ---------------------------------------------------------
   KEEP GLASS VISUALLY WITH GRADIENTS
   --------------------------------------------------------- */

body.page-id-737 .vls-service-front::after{
    background:

        radial-gradient(
            ellipse at 20% 2%,
            rgba(255,255,255,.30) 0%,
            rgba(255,255,255,.14) 13%,
            rgba(255,255,255,.045) 25%,
            transparent 43%
        ),

        linear-gradient(
            160deg,
            rgba(255,255,255,.16) 0%,
            rgba(255,255,255,.065) 12%,
            transparent 31%
        ),

        linear-gradient(
            135deg,
            rgba(111,213,231,.045),
            transparent 55%
        ) !important;
}


body.page-id-737 .vls-service-back{
    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(88,195,217,.17),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #0A2632 0%,
            #0D3644 55%,
            #092630 100%
        ) !important;
}


/* ---------------------------------------------------------
   SVG BUTTON
   --------------------------------------------------------- */

body.page-id-737 .vls-service-flip-icon{
    transform:
        translateZ(2px) !important;

    -webkit-transform:
        translateZ(2px) !important;

    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.20),
            rgba(255,255,255,.08)
        ) !important;
}


body.page-id-737 .vls-service-flip-icon::before,
body.page-id-737 .vls-service-flip-icon::after{
    content:
        none !important;

    display:
        none !important;
}


body.page-id-737 .vls-service-flip-icon svg{
    display:
        block !important;

    width:
        14px !important;

    height:
        14px !important;
}


body.page-id-737 .vls-service-flip-icon svg path{
    fill:
        none !important;

    stroke:
        #FFFFFF !important;

    stroke-width:
        1.8 !important;

    stroke-linecap:
        round !important;

    stroke-linejoin:
        round !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:767px){

    body.page-id-737 .vls-service-card-inner{
        transition:
            transform .58s cubic-bezier(.22,.72,.18,1) !important;

        -webkit-transition:
            -webkit-transform .58s cubic-bezier(.22,.72,.18,1) !important;
    }

}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media(prefers-reduced-motion:reduce){

    body.page-id-737 .vls-service-card-inner{
        transition:
            none !important;
    }

}

/* === END SERVICE CARDS CLEAN 3D FLIP === */





/* =========================================================
   SERVICE CARD BIG BACK TEXT
   MOBILE ONLY
   ========================================================= */

@media(max-width:767px){

    body.page-id-737 .vls-service-back{
        justify-content:flex-start !important;

        padding:
            24px
            20px
            40px !important;
    }


    body.page-id-737 .vls-service-back-text{
        display:block !important;

        width:100% !important;

        max-width:none !important;

        margin:0 !important;

        color:
            rgba(235,244,246,.90) !important;

        font-size:
            17px !important;

        line-height:
            1.43 !important;

        font-weight:
            500 !important;

        letter-spacing:
            -.01em !important;
    }


    body.page-id-737 .vls-service-back-return{
        left:20px !important;
        right:20px !important;
        bottom:16px !important;

        font-size:
            8.5px !important;
    }

}

/* === END MOBILE ONLY BACK TEXT === */





/* =========================================================
   FIRST -> SECOND BLOCK SCROLL STABILITY
   ========================================================= */


/* ---------------------------------------------------------
   1. FIRST BLOCK
   KEEP EXACT VISUAL 3D STYLE, BUT FIX ANGLE AT ZERO
   --------------------------------------------------------- */

body.page-id-737 .vls-side-panel{
    --vls-rx:
        0deg !important;

    --vls-ry:
        0deg !important;

    transform:
        perspective(1200px)
        rotateX(0deg)
        rotateY(0deg)
        translate3d(0,0,0) !important;

    -webkit-transform:
        perspective(1200px)
        rotateX(0deg)
        rotateY(0deg)
        translate3d(0,0,0) !important;
}


/*
 * Внешний вид и 3D-композицию не ломаем.
 */

body.page-id-737 .vls-hero-side{
    perspective:
        1200px !important;
}


body.page-id-737 .vls-side-panel{
    transform-style:
        preserve-3d !important;

    -webkit-transform-style:
        preserve-3d !important;
}


/* ---------------------------------------------------------
   2. SECOND BLOCK
   DISABLE ONLY ENTRY TRANSLATION AT THIS BOUNDARY
   --------------------------------------------------------- */

body.page-id-737
.vls-delivery
.vls-reveal,

body.page-id-737
.vls-delivery
.vls-reveal-left,

body.page-id-737
.vls-delivery
.vls-reveal-right,

body.page-id-737
.vls-delivery
.vls-reveal-up{

    opacity:
        1 !important;

    transform:
        translate3d(0,0,0) !important;

    -webkit-transform:
        translate3d(0,0,0) !important;

    transition:
        none !important;

    will-change:
        auto !important;
}


/* ---------------------------------------------------------
   3. NO SCROLL ANCHOR ON THE EXACT BOUNDARY
   --------------------------------------------------------- */

body.page-id-737 .vls-hero,
body.page-id-737 .vls-delivery-calc-scene,
body.page-id-737 .vls-delivery,
body.page-id-737 .vls-delivery .vls-shell{
    overflow-anchor:
        none !important;
}


/* ---------------------------------------------------------
   MOBILE
   keep same static angle
   --------------------------------------------------------- */

@media(max-width:767px){

    body.page-id-737 .vls-side-panel{
        transform:
            perspective(900px)
            rotateX(0deg)
            rotateY(0deg)
            translate3d(0,0,0) !important;

        -webkit-transform:
            perspective(900px)
            rotateX(0deg)
            rotateY(0deg)
            translate3d(0,0,0) !important;
    }

}

/* === END FIRST -> SECOND BLOCK SCROLL STABILITY === */