.plus-landing {
    --r: calc(100vw / 1920);
    --max: calc(1500 * var(--r));

    --plus-blue: #386eba;
    --plus-blue-dark: #080d57;
    --plus-green: #3a8233;
    --plus-green-light: #64a45d;

    --text: #142033;
    --muted: #425064;
    --line: rgba(20, 32, 51, .08);

    overflow: hidden;
    margin: 0;
    background: #eff4f7;
    color: var(--text);
    font-size: calc(20 * var(--r));
    line-height: 1.55;
    font-weight: 400;
    font-family: 'Montserrat', Arial, sans-serif;
}

.plus-landing,
.plus-landing * {
    box-sizing: border-box;
}

.plus-landing a {
    color: var(--plus-blue);
    text-decoration: none;
    transition: color .25s ease;
}

.plus-landing a:hover {
    color: var(--plus-green);
    text-decoration: underline;
}

.plus-landing h1,
.plus-landing h2,
.plus-landing h3,
.plus-landing p,
.plus-landing ul,
.plus-landing ol,
.plus-landing li {
    padding: 0;
}

.plus-landing h1,
.plus-landing h2,
.plus-landing h3 {
    margin: 0 0 calc(24 * var(--r));
    color: var(--text);
    letter-spacing: calc(-.7 * var(--r));
    font-weight: 700;
}

.plus-landing h1 {
    font-size: calc(56 * var(--r));
    line-height: 1.08;
}

.plus-landing h2 {
    font-size: calc(42 * var(--r));
    line-height: 1.16;
}

.plus-landing h3 {
    font-size: calc(28 * var(--r));
    line-height: 1.25;
}

.plus-landing p,
.plus-landing li,
.plus-landing th,
.plus-landing td {
    color: var(--muted);
    font-size: calc(20 * var(--r));
    line-height: 1.4;
    font-weight: 400;
}

.plus-landing p {
    margin: 0 0 calc(18 * var(--r));
}

.plus-landing p:last-child {
    margin-bottom: 0;
}

.plus-landing strong {
    font-weight: 700;
    color: inherit;
}

.plus-landing ul,
.plus-landing ol {
    margin: calc(18 * var(--r)) 0 0;
    padding: 0 0 0 calc(24 * var(--r));
}

.plus-landing li {
    margin: 0 0 calc(10 * var(--r));
    padding-left: calc(4 * var(--r));
}

.plus-landing li::marker {
    color: var(--plus-green);
    font-weight: 700;
}

.plus-landing section {
    width: var(--max);
    max-width: calc(100% - calc(80 * var(--r)));
    margin: 0 auto calc(140 * var(--r));
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.plus-landing section.pad {
    padding: calc(70 * var(--r)) calc(60 * var(--r));
}

.plus-landing section.white {
    padding: calc(70 * var(--r)) calc(60 * var(--r));
    background: #fff;
    border: calc(1 * var(--r)) solid var(--line);
    border-radius: calc(28 * var(--r));
    box-shadow: 0 calc(12 * var(--r)) calc(34 * var(--r)) rgba(20, 32, 51, .06);
}

.plus-landing section.no-pad {
    padding: 0;
}

.plus-landing section.full {
    width: 100%;
    max-width: 100%;
}

.plus-landing section > h2 {
    width: 100%;
    margin: 0 0 calc(28 * var(--r));
    text-align: center;
}

.plus-landing section > p {
    width: calc(900 * var(--r));
    max-width: 100%;
    margin: 0 auto calc(50 * var(--r));
    text-align: center;
}

.plus-landing .hero {
    width: 100%;
    max-width: 100%;
    min-height: calc(560 * var(--r));
    margin: 0 0 calc(60 * var(--r));
    padding: calc(88 * var(--r)) calc(40 * var(--r));
    border-radius: 0;
    background:
        linear-gradient(to bottom, rgba(8, 13, 87, .58), rgba(20, 32, 51, .55)),
        url("/upload/iblock/3c5/k0xrwgylcxcdcef3yj22hkt6rdwht4sm.png") center / cover no-repeat;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.plus-landing .hero > div {
    width: calc(1100 * var(--r));
    max-width: 100%;
    margin: 0 auto;
}

.plus-landing .hero-logo {
    display: block;
    width: calc(170 * var(--r));
    max-width: 42vw;
    height: auto;
    margin: 0 auto calc(32 * var(--r));
}

.plus-landing .hero h1,
.plus-landing .hero h2,
.plus-landing .hero h3,
.plus-landing .hero p {
    color: #fff;
}

.plus-landing .hero h1 {
    margin-bottom: calc(26 * var(--r));
}

.plus-landing .hero p {
    width: calc(760 * var(--r));
    max-width: 100%;
    margin: 0 auto;
}

.plus-landing .hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(14 * var(--r));
    margin-top: calc(38 * var(--r));
}

.plus-landing .max-btn {
    background-image: linear-gradient(90deg, var(--plus-blue) 0%, #386eba 42%, var(--plus-green) 100%);
    background-size: 220% 100%;
    background-position: 100% 0;
    color: #fff;
    text-decoration: none;
    font-size: calc(18 * var(--r));
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(52 * var(--r));
    padding: calc(12 * var(--r)) calc(28 * var(--r));
    border-radius: calc(100 * var(--r));
    border: 0;
    box-shadow: 0 0 calc(8 * var(--r)) 0 rgba(255, 255, 255, .35);
    transition:
        background-position .9s cubic-bezier(.22, .61, .36, 1),
        transform .4s cubic-bezier(.22, .61, .36, 1),
        box-shadow .4s ease;
    position: relative;
    width: max-content;
    max-width: 100%;
}

.plus-landing .max-btn:hover {
    background-position: 0 0;
    color: #fff;
    text-decoration: none;
    transform: translateY(calc(-1 * var(--r)));
    box-shadow: 0 calc(8 * var(--r)) calc(22 * var(--r)) rgba(8, 13, 87, .18);
}

.plus-landing .hero > a {
    position: absolute;
    left: 50%;
    bottom: calc(30 * var(--r));
    width: calc(38 * var(--r));
    height: calc(20 * var(--r));
    transform: translateX(-50%);
}

.plus-landing .hero > a:before,
.plus-landing .hero > a:after {
    content: "";
    position: absolute;
    top: calc(8 * var(--r));
    width: calc(24 * var(--r));
    height: calc(3 * var(--r));
    background: #fff;
    border-radius: calc(10 * var(--r));
}

.plus-landing .hero > a:before {
    right: 50%;
    transform: rotate(42deg);
    transform-origin: right center;
}

.plus-landing .hero > a:after {
    left: 50%;
    transform: rotate(-42deg);
    transform-origin: left center;
}

.plus-landing .text-1,
.plus-landing .text-2,
.plus-landing .text-3,
.plus-landing .text-4,
.plus-landing .text-2-3,
.plus-landing .text-3-2 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(28 * var(--r));
    align-items: stretch;
}

.plus-landing .text-1 > h2,
.plus-landing .text-1 > p,
.plus-landing .text-2 > h2,
.plus-landing .text-2 > p,
.plus-landing .text-3 > h2,
.plus-landing .text-3 > p,
.plus-landing .text-4 > h2,
.plus-landing .text-4 > p,
.plus-landing .text-2-3 > h2,
.plus-landing .text-2-3 > p,
.plus-landing .text-3-2 > h2,
.plus-landing .text-3-2 > p {
    flex: 0 0 100%;
}

.plus-landing .text-1 > div {
    width: 100%;
    max-width: 100%;
}

.plus-landing .text-1:not(.text-left) > div {
    text-align: center;
}

.plus-landing .text-left,
.plus-landing .text-left > div {
    text-align: left;
}

.plus-landing .text-2 > div,
.plus-landing .text-3 > div,
.plus-landing .text-4 > div,
.plus-landing .text-2-3 > div,
.plus-landing .text-3-2 > div {
    padding: calc(32 * var(--r));
    background: #fff;
    border: calc(1 * var(--r)) solid var(--line);
    border-radius: calc(22 * var(--r));
    box-shadow: 0 calc(8 * var(--r)) calc(24 * var(--r)) rgba(20, 32, 51, .05);
}

.plus-landing .text-2 > div {
    width: calc(50% - calc(14 * var(--r)));
}

.plus-landing .text-3 > div {
    width: calc(33.333% - calc(19 * var(--r)));
}

.plus-landing .text-4 > div {
    width: calc(25% - calc(21 * var(--r)));
}

.plus-landing .text-2-3 > div:nth-of-type(-n + 2) {
    width: calc(50% - calc(14 * var(--r)));
}

.plus-landing .text-2-3 > div:nth-of-type(n + 3) {
    width: calc(33.333% - calc(19 * var(--r)));
}

.plus-landing .text-3-2 > div:nth-of-type(-n + 3) {
    width: calc(33.333% - calc(19 * var(--r)));
}

.plus-landing .text-3-2 > div:nth-of-type(n + 4) {
    width: calc(50% - calc(14 * var(--r)));
}

.plus-landing .text-2.img > div,
.plus-landing .text-3.img > div,
.plus-landing .text-4.img > div,
.plus-landing .text-2-3.img > div,
.plus-landing .text-3-2.img > div {
    position: relative;
}

.plus-landing .text-2.img > div > img,
.plus-landing .text-3.img > div > img,
.plus-landing .text-4.img > div > img,
.plus-landing .text-2-3.img > div > img,
.plus-landing .text-3-2.img > div > img {
    position: absolute;
    left: calc(32 * var(--r));
    top: calc(32 * var(--r));
    width: calc(34 * var(--r));
    height: calc(34 * var(--r));
    object-fit: contain;
}

.plus-landing .text-2.img > div > img + h3,
.plus-landing .text-3.img > div > img + h3,
.plus-landing .text-4.img > div > img + h3,
.plus-landing .text-2-3.img > div > img + h3,
.plus-landing .text-3-2.img > div > img + h3 {
    min-height: calc(34 * var(--r));
    margin-left: calc(50 * var(--r));
    display: flex;
    align-items: center;
}

.plus-landing .price > div {
    width: 100%;
    overflow: auto;
    border: calc(1 * var(--r)) solid rgba(20, 32, 51, .12);
    border-radius: calc(20 * var(--r));
}

.plus-landing table {
    width: 100%;
    min-width: calc(900 * var(--r));
    border-collapse: collapse;
    background: #fff;
}

.plus-landing th,
.plus-landing td {
    padding: calc(22 * var(--r)) calc(24 * var(--r));
    border-bottom: calc(1 * var(--r)) solid #ced5d9;
    text-align: left;
    vertical-align: top;
}

.plus-landing th {
    background: #f5f8fa;
    color: var(--text);
    font-weight: 600;
}

.plus-landing tr:nth-child(even) td {
    background: #eff4f7;
}

.plus-landing tr:last-child td {
    border-bottom: 0;
}

.plus-landing .form-section h2 {
    margin-bottom: calc(35 * var(--r));
}

.plus-landing .form-section form {
    width: calc(860 * var(--r));
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(18 * var(--r)) calc(22 * var(--r));
}

.plus-landing .form-section .form-floating {
    position: static;
    display: flex;
    flex-direction: column-reverse;
    gap: calc(8 * var(--r));
    width: 100%;
    height: auto;
    margin: 0 !important;
}

.plus-landing .form-section .form-floating:nth-of-type(5) {
    grid-column: 1 / -1;
}

.plus-landing .form-section label {
    position: static;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    color: #526073;
    font-size: calc(16 * var(--r));
    line-height: 1.3;
    opacity: 1;
    transform: none;
    pointer-events: auto;
}

.plus-landing .form-section input.form-control {
    display: block;
    width: 100%;
    height: calc(58 * var(--r));
    min-height: 0;
    padding: 0 calc(18 * var(--r));
    margin: 0;
    background: #fff;
    border: calc(1 * var(--r)) solid #cfd8e3;
    border-radius: calc(12 * var(--r));
    color: var(--text);
    font: inherit;
    line-height: 1.2;
    outline: none;
    box-shadow: none;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.plus-landing .form-section input.form-control:focus {
    border-color: var(--plus-blue);
    box-shadow: 0 0 0 calc(4 * var(--r)) rgba(56, 110, 186, .16);
}

.plus-landing .form-section button.btn.btn-primary {
    width: max-content;
    min-width: calc(190 * var(--r));
    height: calc(58 * var(--r));
    padding: 0 calc(34 * var(--r));
    margin: 0;
    background-image: linear-gradient(
        90deg,
        var(--plus-blue) 0%,
        var(--plus-blue-dark) 42%,
        var(--plus-green) 100%
    );
    background-size: 220% 100%;
    background-position: 100% 0;
    border: 0;
    border-radius: calc(100 * var(--r));
    color: #fff;
    font: inherit;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition:
        background-position .9s cubic-bezier(.22, .61, .36, 1),
        transform .4s cubic-bezier(.22, .61, .36, 1),
        box-shadow .4s ease;
}

.plus-landing .form-section button.btn.btn-primary:hover {
    background-position: 0 0;
    color: #fff;
    transform: translateY(calc(-1 * var(--r)));
    box-shadow: 0 calc(8 * var(--r)) calc(22 * var(--r)) rgba(8, 13, 87, .18);
}

.plus-landing .contacts {
    text-align: center;
}

.plus-landing .contacts h2 {
    margin-bottom: calc(24 * var(--r));
}

.plus-landing .contacts p {
    margin-bottom: calc(8 * var(--r));
}

.plus-landing .contacts small {
    display: block;
    color: #607084;
    font-size: calc(16 * var(--r));
    line-height: 1.45;
}

.plus-landing .disclaimer {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: calc(45 * var(--r)) calc(40 * var(--r)) calc(60 * var(--r));
    background: #000;
    border-radius: 0;
    color: #bcbcbc;
    text-align: center;
}

.plus-landing .disclaimer p {
    width: calc(760 * var(--r));
    max-width: 100%;
    margin: 0 auto;
    color: #bcbcbc;
}

/* animations */
.plus-landing.js-animate section.animate > * {
    opacity: 0;
    transform: translateY(calc(10 * var(--r)));
    transition:
        opacity 1.2s cubic-bezier(.22, .61, .36, 1),
        transform 1.2s cubic-bezier(.22, .61, .36, 1);
    will-change: opacity, transform;
}

.plus-landing.js-animate section.animate.on > * {
    opacity: 1;
    transform: translateY(0);
}

.plus-landing.js-animate section.animate.on > *:nth-child(1) {
    transition-delay: 0s;
}

.plus-landing.js-animate section.animate.on > *:nth-child(2) {
    transition-delay: .14s;
}

.plus-landing.js-animate section.animate.on > *:nth-child(3) {
    transition-delay: .28s;
}

.plus-landing.js-animate section.animate.on > *:nth-child(4) {
    transition-delay: .42s;
}

.plus-landing.js-animate section.animate.on > *:nth-child(5) {
    transition-delay: .56s;
}

.plus-landing.js-animate section.animate.on > *:nth-child(6) {
    transition-delay: .7s;
}

.plus-landing.js-animate section.animate.on > *:nth-child(7) {
    transition-delay: .84s;
}

.plus-landing.js-animate section.animate.on > *:nth-child(8) {
    transition-delay: .98s;
}

.pt-0 { padding-top: 0 !important; }
.pt-10 { padding-top: calc(10 * var(--r)) !important; }
.pt-20 { padding-top: calc(20 * var(--r)) !important; }
.pt-30 { padding-top: calc(30 * var(--r)) !important; }
.pt-40 { padding-top: calc(40 * var(--r)) !important; }

.pr-0 { padding-right: 0 !important; }
.pr-10 { padding-right: calc(10 * var(--r)) !important; }
.pr-20 { padding-right: calc(20 * var(--r)) !important; }
.pr-30 { padding-right: calc(30 * var(--r)) !important; }
.pr-40 { padding-right: calc(40 * var(--r)) !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-10 { padding-bottom: calc(10 * var(--r)) !important; }
.pb-20 { padding-bottom: calc(20 * var(--r)) !important; }
.pb-30 { padding-bottom: calc(30 * var(--r)) !important; }
.pb-40 { padding-bottom: calc(40 * var(--r)) !important; }

.pl-0 { padding-left: 0 !important; }
.pl-10 { padding-left: calc(10 * var(--r)) !important; }
.pl-20 { padding-left: calc(20 * var(--r)) !important; }
.pl-30 { padding-left: calc(30 * var(--r)) !important; }
.pl-40 { padding-left: calc(40 * var(--r)) !important; }

.mt-0 { margin-top: 0 !important; }
.mt-10 { margin-top: calc(10 * var(--r)) !important; }
.mt-20 { margin-top: calc(20 * var(--r)) !important; }
.mt-30 { margin-top: calc(30 * var(--r)) !important; }
.mt-40 { margin-top: calc(40 * var(--r)) !important; }

.mr-0 { margin-right: 0 !important; }
.mr-10 { margin-right: calc(10 * var(--r)) !important; }
.mr-20 { margin-right: calc(20 * var(--r)) !important; }
.mr-30 { margin-right: calc(30 * var(--r)) !important; }
.mr-40 { margin-right: calc(40 * var(--r)) !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-10 { margin-bottom: calc(10 * var(--r)) !important; }
.mb-20 { margin-bottom: calc(20 * var(--r)) !important; }
.mb-30 { margin-bottom: calc(30 * var(--r)) !important; }
.mb-40 { margin-bottom: calc(40 * var(--r)) !important; }

.ml-0 { margin-left: 0 !important; }
.ml-10 { margin-left: calc(10 * var(--r)) !important; }
.ml-20 { margin-left: calc(20 * var(--r)) !important; }
.ml-30 { margin-left: calc(30 * var(--r)) !important; }
.ml-40 { margin-left: calc(40 * var(--r)) !important; }

@media (min-width: 1920px) {
    .plus-landing {
        --r: 1px;
    }
}

@media (max-width: 1280px) {
    .plus-landing {
        --max: calc(1440 * var(--r));
    }

    .plus-landing .text-4 > div,
    .plus-landing .text-2-3 > div:nth-of-type(-n + 2),
    .plus-landing .text-2-3 > div:nth-of-type(n + 3),
    .plus-landing .text-3-2 > div:nth-of-type(-n + 3),
    .plus-landing .text-3-2 > div:nth-of-type(n + 4) {
        width: calc(50% - calc(14 * var(--r)));
    }
}

@media (max-width: 820px) {
    .plus-landing {
        --r: calc(100vw / 390);
        font-size: calc(17 * var(--r));
    }

    .plus-landing section {
        max-width: calc(100% - calc(24 * var(--r)));
        margin-bottom: calc(24 * var(--r));
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .plus-landing section.pad {
        padding: calc(42 * var(--r)) calc(22 * var(--r));
    }

    .plus-landing section.white {
        padding: calc(42 * var(--r)) calc(22 * var(--r));
        border-radius: calc(22 * var(--r));
    }

    .plus-landing section.no-pad {
        padding: 0;
    }

    .plus-landing section.full {
        width: 100%;
        max-width: 100%;
    }

    .plus-landing h1 {
        font-size: calc(38 * var(--r));
        line-height: 1.1;
    }

    .plus-landing h2 {
        font-size: calc(30 * var(--r));
        line-height: 1.18;
    }

    .plus-landing h3 {
        font-size: calc(22 * var(--r));
        line-height: 1.25;
    }

    .plus-landing p,
    .plus-landing li,
    .plus-landing th,
    .plus-landing td {
        font-size: calc(17 * var(--r));
        line-height: 1.55;
    }

    .plus-landing section > h2 {
        margin-bottom: calc(20 * var(--r));
    }

    .plus-landing section > p {
        margin-bottom: calc(28 * var(--r));
    }

    .plus-landing .hero {
        min-height: calc(520 * var(--r));
        margin-bottom: calc(32 * var(--r));
        padding: calc(70 * var(--r)) calc(22 * var(--r));
    }

    .plus-landing .hero-logo {
        width: calc(130 * var(--r));
        margin-bottom: calc(26 * var(--r));
    }

    .plus-landing .hero-actions {
        gap: calc(10 * var(--r));
        margin-top: calc(28 * var(--r));
    }

    .plus-landing .max-btn {
        width: 100%;
        justify-content: center;
        min-height: calc(48 * var(--r));
        padding: calc(10 * var(--r)) calc(18 * var(--r));
        font-size: calc(16 * var(--r));
    }

    .plus-landing .text-1,
    .plus-landing .text-2,
    .plus-landing .text-3,
    .plus-landing .text-4,
    .plus-landing .text-2-3,
    .plus-landing .text-3-2 {
        gap: calc(18 * var(--r));
    }

    .plus-landing .text-2 > div,
    .plus-landing .text-3 > div,
    .plus-landing .text-4 > div,
    .plus-landing .text-2-3 > div,
    .plus-landing .text-3-2 > div,
    .plus-landing .text-2-3 > div:nth-of-type(-n + 2),
    .plus-landing .text-2-3 > div:nth-of-type(n + 3),
    .plus-landing .text-3-2 > div:nth-of-type(-n + 3),
    .plus-landing .text-3-2 > div:nth-of-type(n + 4) {
        width: 100%;
        padding: calc(22 * var(--r));
        border-radius: calc(18 * var(--r));
    }

    .plus-landing .text-2.img > div > img,
    .plus-landing .text-3.img > div > img,
    .plus-landing .text-4.img > div > img,
    .plus-landing .text-2-3.img > div > img,
    .plus-landing .text-3-2.img > div > img {
        left: calc(22 * var(--r));
        top: calc(22 * var(--r));
        width: calc(30 * var(--r));
        height: calc(30 * var(--r));
    }

    .plus-landing .text-2.img > div > img + h3,
    .plus-landing .text-3.img > div > img + h3,
    .plus-landing .text-4.img > div > img + h3,
    .plus-landing .text-2-3.img > div > img + h3,
    .plus-landing .text-3-2.img > div > img + h3 {
        min-height: calc(30 * var(--r));
        margin-left: calc(44 * var(--r));
    }

    .plus-landing table {
        min-width: calc(760 * var(--r));
    }

    .plus-landing th,
    .plus-landing td {
        padding: calc(16 * var(--r));
    }

    .plus-landing .form-section form {
        grid-template-columns: 1fr;
        gap: calc(16 * var(--r));
    }

    .plus-landing .form-section .form-floating:nth-of-type(5) {
        grid-column: auto;
    }

    .plus-landing .form-section label {
        font-size: calc(14 * var(--r));
    }

    .plus-landing .form-section input.form-control,
    .plus-landing .form-section button.btn.btn-primary {
        height: calc(52 * var(--r));
    }

    .plus-landing .form-section button.btn.btn-primary {
        width: 100%;
    }

    .plus-landing .disclaimer {
        padding: calc(34 * var(--r)) calc(22 * var(--r));
    }

    .plus-landing.js-animate section.animate > * {
        transform: translateY(calc(8 * var(--r)));
        transition-duration: 1s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .plus-landing *,
    .plus-landing *:before,
    .plus-landing *:after {
        animation: none !important;
        transition: none !important;
    }

    .plus-landing.js-animate section.animate > * {
        opacity: 1;
        transform: none;
    }
}



/* visual boost */
.plus-landing {
    background:
        radial-gradient(circle at 8% 8%, rgba(56, 110, 186, .16), transparent 10%),
        radial-gradient(circle at 92% 18%, rgba(58, 130, 51, .13), transparent 10%),
        radial-gradient(circle at 50% 72%, rgba(56, 110, 186, .08), transparent 10%),
        #eff4f7;
}

.plus-landing section.white {
    position: relative;
    overflow: hidden;
}



.plus-landing section.white > * {
    position: relative;
    z-index: 1;
}




.plus-landing .hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: calc(64 * var(--r)) calc(64 * var(--r));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), transparent 82%);
    pointer-events: none;
}

.plus-landing .hero > div {
    position: relative;
    z-index: 1;
}

.plus-landing .hero h1 {
    text-shadow: 0 calc(10 * var(--r)) calc(30 * var(--r)) rgba(0, 0, 0, .22);
}

.plus-landing .hero h1:after {
    content: "";
    display: block;
    width: calc(120 * var(--r));
    height: calc(5 * var(--r));
    margin: calc(26 * var(--r)) auto 0;
    border-radius: calc(20 * var(--r));
    background: linear-gradient(90deg, var(--plus-blue), var(--plus-green));
}

.plus-landing .hero p {
    color: rgba(255, 255, 255, .9);
}

/* section headings */
.plus-landing section > h2 {
    position: relative;
}

.plus-landing section > h2:before {
    content: "";
    display: block;
    width: calc(54 * var(--r));
    height: calc(4 * var(--r));
    margin: 0 auto calc(18 * var(--r));
    border-radius: calc(20 * var(--r));
    background: linear-gradient(90deg, var(--plus-blue), var(--plus-green));
}

.plus-landing .text-left h2:before {
    margin-left: 0;
}

/* intro card */
.plus-landing #intro {
    border-color: rgba(56, 110, 186, .14);
    box-shadow:
        0 calc(18 * var(--r)) calc(42 * var(--r)) rgba(20, 32, 51, .08),
        0 0 0 calc(1 * var(--r)) rgba(255, 255, 255, .7) inset;
}

/* cards */
.plus-landing .text-2 > div,
.plus-landing .text-3 > div,
.plus-landing .text-4 > div,
.plus-landing .text-2-3 > div,
.plus-landing .text-3-2 > div {
    position: relative;
    overflow: hidden;
    border-color: rgba(56, 110, 186, .13);
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92)),
        radial-gradient(circle at 100% 0, rgba(56, 110, 186, .12), transparent 40%);
    transition:
        transform .45s cubic-bezier(.22, .61, .36, 1),
        box-shadow .45s ease,
        border-color .45s ease;
}

.plus-landing .text-2 > div:before,
.plus-landing .text-3 > div:before,
.plus-landing .text-4 > div:before,
.plus-landing .text-2-3 > div:before,
.plus-landing .text-3-2 > div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(5 * var(--r));
    background: linear-gradient(90deg, var(--plus-blue), var(--plus-green));
}

.plus-landing .text-2 > div:after,
.plus-landing .text-3 > div:after,
.plus-landing .text-4 > div:after,
.plus-landing .text-2-3 > div:after,
.plus-landing .text-3-2 > div:after {
    content: "";
    position: absolute;
    right: calc(-55 * var(--r));
    top: calc(-55 * var(--r));
    width: calc(120 * var(--r));
    height: calc(120 * var(--r));
    border-radius: 50%;
    background: rgba(58, 130, 51, .08);
    pointer-events: none;
}

.plus-landing .text-2 > div:hover,
.plus-landing .text-3 > div:hover,
.plus-landing .text-4 > div:hover,
.plus-landing .text-2-3 > div:hover,
.plus-landing .text-3-2 > div:hover {
    transform: translateY(calc(-4 * var(--r)));
    border-color: rgba(58, 130, 51, .24);
    box-shadow: 0 calc(18 * var(--r)) calc(36 * var(--r)) rgba(20, 32, 51, .1);
}

.plus-landing .text-2 > div h3,
.plus-landing .text-3 > div h3,
.plus-landing .text-4 > div h3,
.plus-landing .text-2-3 > div h3,
.plus-landing .text-3-2 > div h3 {
    color: var(--plus-blue-dark);
}

/* format cards more noticeable */
.plus-landing #formats > div:nth-of-type(1) {
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.9)),
        radial-gradient(circle at 100% 0, rgba(56, 110, 186, .2), transparent 42%);
}

.plus-landing #formats > div:nth-of-type(2) {
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.9)),
        radial-gradient(circle at 100% 0, rgba(58, 130, 51, .16), transparent 42%);
}

.plus-landing #formats > div:nth-of-type(3) {
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.9)),
        radial-gradient(circle at 100% 0, rgba(8, 13, 87, .14), transparent 42%);
}

/* price table */
.plus-landing .price {
    border-color: rgba(56, 110, 186, .18);
}

.plus-landing .price > div {
    box-shadow: 0 calc(10 * var(--r)) calc(28 * var(--r)) rgba(20, 32, 51, .06);
}

.plus-landing th {background: #edf4ed;}

.plus-landing tr:nth-child(even) td {
    background: rgba(56, 110, 186, .045);
}

.plus-landing tbody tr:hover td {
    background: rgba(56, 110, 186, .08);
}

.plus-landing #bonus ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(18 * var(--r));
    padding-left: 0;
    list-style: none;
}

.plus-landing #bonus li {
    margin: 0;
    padding: calc(20 * var(--r));
    border-radius: calc(18 * var(--r));
    background: rgba(255,255,255,.78);
    border: calc(1 * var(--r)) solid rgba(56, 110, 186, .12);
    box-shadow: 0 calc(8 * var(--r)) calc(22 * var(--r)) rgba(20, 32, 51, .05);
}


.plus-landing .form-section form {
    padding: calc(34 * var(--r));
    border-radius: calc(24 * var(--r));
    background:
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    border: calc(1 * var(--r)) solid rgba(56, 110, 186, .12);
    box-shadow: 0 calc(12 * var(--r)) calc(28 * var(--r)) rgba(20, 32, 51, .06);
}

.plus-landing section.contacts {background:linear-gradient(135deg, rgba(8, 13, 87, .96), rgba(56, 110, 186, .88));}

.plus-landing .contacts h2,
.plus-landing .contacts p,
.plus-landing .contacts small,
.plus-landing .contacts a {
    color: #fff;
}

.plus-landing .contacts a:hover {
    color: rgba(255,255,255,.84);
}

/* mobile */
@media (max-width: 820px) {
    .plus-landing .hero {
        min-height: calc(540 * var(--r));
    }

    .plus-landing .hero h1:after {
        width: calc(88 * var(--r));
        height: calc(4 * var(--r));
    }

    .plus-landing #bonus ul {
        grid-template-columns: 1fr;
        gap: calc(12 * var(--r));
    }

    .plus-landing #bonus li {
        padding: calc(16 * var(--r));
    }

    .plus-landing .form-section form {
        padding: calc(20 * var(--r));
    }
}