/*
 * SERP Expert 2.0.19 — «Преимущества нашего агентства» и «Наши гарантии».
 * Десктоп: сцены 1024 × 780 и 1024 × 756 по макету, единица --u = 1/1024
 * ширины сцены (сцена до 1280 px). Ниже 1024 px — обычная адаптивная вёрстка.
 */

.se-adv,
.se-gar {
    --t-ink: #071239;
    --t-blue: #0a70fc;
    --t-text: #5b6477;
    --t-muted: #69738a;
    --t-font: var(--font-main, "Manrope", system-ui, sans-serif);
    position: relative;
    overflow: hidden;
    color: var(--t-ink);
    font-family: var(--t-font);
    isolation: isolate;
}
.se-adv *, .se-adv *::before, .se-adv *::after,
.se-gar *, .se-gar *::before, .se-gar *::after { box-sizing: border-box; }

.se-adv {
    background:
        radial-gradient(60% 55% at 92% 8%, rgba(226, 236, 252, .9), transparent 70%),
        radial-gradient(45% 50% at 12% 78%, rgba(221, 233, 252, .9), transparent 72%),
        linear-gradient(180deg, #f5f8fd 0%, #f4f8fe 92%, #fbfdff 100%);
}
.se-gar {
    background:
        radial-gradient(40% 40% at 50% 62%, rgba(214, 230, 253, .8), transparent 72%),
        radial-gradient(45% 45% at 96% 60%, rgba(228, 238, 253, .9), transparent 70%),
        linear-gradient(180deg, #fbfdff 0%, #f3f8fe 30%, #e8f2fd 100%);
}

.se-adv__frame,
.se-gar__frame {
    max-width: 1280px;
    margin: 0 auto;
    container-type: inline-size;
}
.se-adv__stage,
.se-gar__stage {
    --u: calc(100cqw / 1024);
    position: relative;
}
.se-adv__stage { height: calc(780 * var(--u)); }
.se-gar__stage { height: calc(756 * var(--u)); }

/* ---------- Общие элементы ---------- */

.se-trust-badge {
    display: inline-flex;
    align-items: center;
    gap: calc(14 * var(--u));
    height: calc(34 * var(--u));
    margin: 0;
    padding: 0 calc(17 * var(--u)) 0 calc(16 * var(--u));
    border-radius: calc(17 * var(--u));
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 calc(6 * var(--u)) calc(18 * var(--u)) rgba(40, 80, 160, .06);
    color: #2f3a55;
    font: 800 calc(11.5 * var(--u)) / 1 var(--t-font);
    letter-spacing: .02em;
    text-transform: uppercase;
}
.se-trust-badge::before {
    content: "";
    width: calc(9 * var(--u));
    height: calc(9 * var(--u));
    border-radius: 50%;
    background: var(--t-blue);
}
.se-trust-badge--red::before { background: #d30310; }

.se-trust-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(12 * var(--u));
    margin: 0;
    padding: 0 calc(22 * var(--u));
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #cf0002 0%, #e1101a 60%, #d70111 100%);
    box-shadow: 0 calc(12 * var(--u)) calc(26 * var(--u)) rgba(215, 1, 17, .28);
    color: #fff;
    font: 600 calc(15.5 * var(--u)) / 1 var(--t-font);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.se-trust-btn svg { flex: 0 0 auto; width: calc(20 * var(--u)); height: calc(20 * var(--u)); stroke-width: 2; transition: transform .2s ease; }
.se-trust-btn:hover { color: #fff; filter: brightness(1.06); transform: translateY(-1px); }
.se-trust-btn:hover svg { transform: translateX(3px); }
.se-trust-btn:focus-visible { outline: 3px solid rgba(10, 112, 252, .45); outline-offset: 3px; }

/* ---------- Преимущества ---------- */

.se-adv__cloud {
    position: absolute;
    z-index: 0;
    left: calc(-60 * var(--u));
    top: calc(395 * var(--u));
    width: calc(620 * var(--u));
    height: calc(400 * var(--u));
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(214, 229, 252, .95), rgba(226, 237, 253, .55) 65%, transparent);
    pointer-events: none;
}
.se-adv__arc {
    position: absolute;
    left: calc(928 * var(--u));
    top: calc(40 * var(--u));
    width: calc(100 * var(--u));
    height: calc(220 * var(--u));
    fill: none;
    stroke: #bcd4f8;
    stroke-width: 1.2;
    stroke-dasharray: 4 5;
    pointer-events: none;
}

.se-adv__intro {
    position: absolute;
    z-index: 3;
    left: calc(82 * var(--u));
    top: calc(58 * var(--u));
    width: calc(440 * var(--u));
}
.se-adv .se-adv__title {
    margin: calc(15 * var(--u)) 0 0;
    padding: 0;
    color: var(--t-ink);
    font-family: var(--t-font);
    font-size: calc(52 * var(--u));
    line-height: calc(47 * var(--u));
    white-space: nowrap;
    font-weight: 800;
    letter-spacing: calc(-1.2 * var(--u));
    text-transform: none;
}
.se-adv__title span { color: var(--t-blue); }
.se-adv .se-adv__text {
    margin: calc(26 * var(--u)) 0 0;
    color: var(--t-text);
    font: 400 calc(16 * var(--u)) / calc(23 * var(--u)) var(--t-font);
    letter-spacing: 0;
}
.se-adv__btn {
    min-width: calc(205 * var(--u));
    height: calc(43 * var(--u));
    margin-top: calc(27 * var(--u));
}

.se-adv__art {
    position: absolute;
    z-index: 2;
    left: calc(30 * var(--u));
    top: calc(440 * var(--u));
    width: calc(410 * var(--u));
    height: calc(310 * var(--u));
    container-type: inline-size;
}
.se-adv__art > * { --a: calc(100cqw / 410); }
.se-adv__laptop-svg,
.se-adv__art-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.se-adv__dash-arrow {
    position: absolute;
    left: calc(272 * var(--a));
    top: calc(0 * var(--a));
    width: calc(98 * var(--a));
    height: calc(68 * var(--a));
    fill: none;
    stroke: #3f86fa;
    stroke-width: 1.6;
    stroke-dasharray: 5 5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.se-adv__chip {
    position: absolute;
    left: calc(315 * var(--a));
    top: calc(113 * var(--a));
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(65 * var(--a));
    height: calc(70 * var(--a));
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: calc(14 * var(--a));
    background: linear-gradient(160deg, rgba(255, 255, 255, .95), rgba(232, 240, 253, .85));
    box-shadow: 0 calc(14 * var(--a)) calc(26 * var(--a)) rgba(40, 90, 200, .16);
    color: var(--t-blue);
}
.se-adv__chip svg { width: calc(32 * var(--a)); height: calc(32 * var(--a)); }
.se-adv__ball {
    position: absolute;
    left: calc(380 * var(--a));
    top: calc(253 * var(--a));
    width: calc(26 * var(--a));
    height: calc(26 * var(--a));
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #cfe3ff, #4e95fb 55%, #1d63ec);
    box-shadow: 0 calc(8 * var(--a)) calc(14 * var(--a)) rgba(29, 99, 236, .3);
}

.se-adv__ring {
    position: absolute;
    z-index: 0;
    left: calc(456 * var(--u));
    top: calc(120 * var(--u));
    width: calc(460 * var(--u));
    height: calc(460 * var(--u));
    fill: none;
    stroke: #c7daf8;
    stroke-width: 1.2;
    stroke-dasharray: 4 5;
    overflow: visible;
}

.se-adv__center {
    position: absolute;
    z-index: 1;
    left: calc(586 * var(--u));
    top: calc(278 * var(--u));
    width: calc(204 * var(--u));
    height: calc(204 * var(--u));
    border-radius: 50%;
    background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f5f8fe 60%, #eaf1fd 100%);
    box-shadow: 0 calc(20 * var(--u)) calc(40 * var(--u)) rgba(40, 90, 200, .08), inset 0 0 0 1px rgba(255, 255, 255, .9);
    text-align: center;
}
.se-adv__center-icon {
    position: absolute;
    left: 50%;
    top: calc(44 * var(--u));
    width: calc(38 * var(--u));
    height: calc(38 * var(--u));
    margin-left: calc(-19 * var(--u));
    color: var(--t-blue);
}
.se-adv__center-icon svg { width: 100%; height: 100%; }
.se-adv .se-adv__center-title {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(94 * var(--u));
    margin: 0;
    color: var(--t-ink);
    font: 700 calc(15.5 * var(--u)) / calc(22 * var(--u)) var(--t-font);
}
.se-adv__center-line {
    position: absolute;
    left: 50%;
    top: calc(154 * var(--u));
    width: calc(44 * var(--u));
    height: calc(2.5 * var(--u));
    margin-left: calc(-22 * var(--u));
    border-radius: 2px;
    background: var(--t-blue);
}

.se-adv .se-adv__nodes { margin: 0; padding: 0; list-style: none; }
.se-adv .se-adv-node {
    position: absolute;
    z-index: 2;
    width: calc(70 * var(--u));
    height: calc(70 * var(--u));
    margin: 0;
    padding: 0;
    list-style: none;
}
.se-adv .se-adv-node::before { content: none; }
.se-adv-node__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 calc(12 * var(--u)) calc(28 * var(--u)) rgba(40, 90, 200, .12);
    color: var(--t-blue);
}
.se-adv-node__icon svg { width: calc(32 * var(--u)); height: calc(32 * var(--u)); stroke-width: 2.1; }
.se-adv .se-adv-node__title,
.se-adv .se-adv-node__text {
    position: absolute;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: 0;
}
.se-adv .se-adv-node__title {
    color: var(--t-ink);
    font-family: var(--t-font);
    font-size: calc(14 * var(--u));
    line-height: calc(17 * var(--u));
    font-weight: 700;
}
.se-adv .se-adv-node__text {
    color: var(--t-muted);
    font: 400 calc(12.5 * var(--u)) / calc(16.5 * var(--u)) var(--t-font);
}

/* Центрированные подписи */
.se-adv-node--1 .se-adv-node__title, .se-adv-node--1 .se-adv-node__text,
.se-adv-node--2 .se-adv-node__title, .se-adv-node--3 .se-adv-node__title,
.se-adv-node--4 .se-adv-node__title,
.se-adv-node--6 .se-adv-node__title, .se-adv-node--6 .se-adv-node__text {
    left: 50%;
    width: calc(190 * var(--u));
    margin-left: calc(-95 * var(--u));
    text-align: center;
}

.se-adv-node--1 { left: calc(648 * var(--u)); top: calc(62 * var(--u)); }
.se-adv-node--1 .se-adv-node__title { top: calc(69.5 * var(--u)); }
.se-adv-node--1 .se-adv-node__text { top: calc(107 * var(--u)); }

.se-adv-node--2 { left: calc(487 * var(--u)); top: calc(198 * var(--u)); }
.se-adv-node--2 .se-adv-node__title { top: calc(69.5 * var(--u)); margin-left: calc(-93 * var(--u)); }
.se-adv-node--2 .se-adv-node__text { top: calc(110 * var(--u)); right: calc(-24 * var(--u)); width: calc(200 * var(--u)); text-align: right; }

.se-adv-node--3 { left: calc(813 * var(--u)); top: calc(198 * var(--u)); }
.se-adv-node--3 .se-adv-node__title { top: calc(69.5 * var(--u)); }
.se-adv-node--3 .se-adv-node__text { top: calc(110 * var(--u)); left: calc(2 * var(--u)); width: calc(170 * var(--u)); }

.se-adv-node--4 { left: calc(483 * var(--u)); top: calc(425 * var(--u)); }
.se-adv-node--4 .se-adv-node__title { top: calc(71.5 * var(--u)); margin-left: calc(-96 * var(--u)); }
.se-adv-node--4 .se-adv-node__text { top: calc(112.75 * var(--u)); left: calc(-8 * var(--u)); width: calc(170 * var(--u)); }

.se-adv-node--5 { left: calc(817 * var(--u)); top: calc(425 * var(--u)); }
.se-adv-node--5 .se-adv-node__title { top: calc(71.5 * var(--u)); left: calc(6 * var(--u)); width: calc(190 * var(--u)); }
.se-adv-node--5 .se-adv-node__text { top: calc(112.75 * var(--u)); left: calc(7 * var(--u)); width: calc(200 * var(--u)); }

.se-adv-node--6 { left: calc(650 * var(--u)); top: calc(540 * var(--u)); }
.se-adv-node--6 .se-adv-node__title { top: calc(73 * var(--u)); line-height: calc(17.5 * var(--u)); }
.se-adv-node--6 .se-adv-node__text { top: calc(133.75 * var(--u)); }

/* ---------- Гарантии ---------- */

.se-gar__arcs {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #c3d7f7;
    stroke-width: 1.2;
    stroke-dasharray: 4 5;
    pointer-events: none;
}
.se-gar__head {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: calc(55 * var(--u));
    text-align: center;
}
.se-gar__head .se-trust-badge { height: calc(32 * var(--u)); padding-right: calc(22 * var(--u)); padding-left: calc(16 * var(--u)); gap: calc(20 * var(--u)); }
.se-gar .se-gar__title {
    margin: calc(15 * var(--u)) 0 0;
    padding: 0;
    color: var(--t-ink);
    font-family: var(--t-font);
    font-size: calc(54 * var(--u));
    line-height: calc(60 * var(--u));
    font-weight: 800;
    letter-spacing: calc(-1.2 * var(--u));
    text-transform: none;
}
.se-gar__title span { color: var(--t-blue); }
.se-gar .se-gar__text {
    margin: calc(6 * var(--u)) 0 0;
    color: var(--t-text);
    font: 400 calc(16.5 * var(--u)) / calc(22 * var(--u)) var(--t-font);
    letter-spacing: 0;
}

.se-gar__body {
    position: absolute;
    inset: 0;
}
.se-gar .se-gar__col {
    position: absolute;
    z-index: 2;
    top: calc(250 * var(--u));
    display: flex;
    flex-direction: column;
    gap: calc(20 * var(--u));
    margin: 0;
    padding: 0;
    list-style: none;
}
.se-gar__col--left { left: calc(34 * var(--u)); width: calc(332 * var(--u)); }
.se-gar__col--right { left: calc(673 * var(--u)); width: calc(317 * var(--u)); }

.se-gar .se-gar-card {
    position: relative;
    min-height: calc(110 * var(--u));
    margin: 0;
    padding: calc(17.5 * var(--u)) calc(6 * var(--u)) calc(12 * var(--u)) calc(111 * var(--u));
    border: 1px solid rgba(255, 255, 255, .95);
    border-radius: calc(14 * var(--u));
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 calc(14 * var(--u)) calc(34 * var(--u)) rgba(40, 90, 200, .06);
    list-style: none;
}
.se-gar .se-gar-card::before { content: none; }
.se-gar-card__icon {
    position: absolute;
    left: calc(16 * var(--u));
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(60 * var(--u));
    height: calc(60 * var(--u));
    margin-top: calc(-30 * var(--u));
    border-radius: 50%;
    background: #ecf5fe;
    color: #006bfe;
}
.se-gar-card__icon svg { width: calc(30 * var(--u)); height: calc(30 * var(--u)); stroke-width: 2.1; }
.se-gar-card__num {
    position: absolute;
    left: calc(63 * var(--u));
    top: calc(6 * var(--u));
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(32 * var(--u));
    height: calc(28 * var(--u));
    border-radius: calc(14 * var(--u));
    background: #fbe3e1;
    color: #f02d3a;
    font: 800 calc(14 * var(--u)) / 1 var(--t-font);
}
.se-gar .se-gar-card__title {
    margin: 0;
    padding: 0;
    color: var(--t-ink);
    font-family: var(--t-font);
    font-size: calc(15.5 * var(--u));
    line-height: calc(19 * var(--u));
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}
.se-gar .se-gar-card__text {
    margin: calc(4.5 * var(--u)) 0 0;
    color: var(--t-text);
    font: 400 calc(13 * var(--u)) / calc(18 * var(--u)) var(--t-font);
    letter-spacing: 0;
}

.se-gar__visual {
    position: absolute;
    z-index: 1;
    left: calc(370 * var(--u));
    top: calc(250 * var(--u));
    width: calc(300 * var(--u));
    height: calc(310 * var(--u));
    container-type: inline-size;
}
.se-gar__visual > * { --v: calc(100cqw / 300); }
.se-gar__shield-svg,
.se-gar__visual-img { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; object-fit: contain; }
.se-gar__tile {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(63 * var(--v));
    height: calc(64 * var(--v));
    border: 1px solid rgba(255, 255, 255, .95);
    border-radius: calc(14 * var(--v));
    background: linear-gradient(160deg, rgba(255, 255, 255, .96), rgba(236, 243, 254, .9));
    box-shadow: 0 calc(12 * var(--v)) calc(24 * var(--v)) rgba(40, 90, 200, .14);
    color: #0273fc;
}
.se-gar__tile svg { width: calc(30 * var(--v)); height: calc(30 * var(--v)); }
.se-gar__tile--doc { left: calc(-13 * var(--v)); top: calc(110 * var(--v)); }
.se-gar__tile--chart { left: calc(233 * var(--v)); top: calc(72 * var(--v)); }
.se-gar__tile--gear { left: calc(217 * var(--v)); top: calc(195 * var(--v)); }

.se-gar__action {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: calc(608 * var(--u));
    text-align: center;
}
.se-gar__btn { min-width: calc(252 * var(--u)); height: calc(52 * var(--u)); }

/* ---------- Планшеты и телефоны ---------- */

@media (max-width: 1023px) {
    .se-adv__stage,
    .se-gar__stage { --u: 1px; height: auto; }
    .se-adv__stage { display: flex; flex-direction: column; padding: 48px 24px 40px; }
    .se-gar__stage { padding: 44px 24px 48px; }
    .se-adv__cloud, .se-adv__arc, .se-adv__ring, .se-gar__arcs { display: none; }

    .se-adv__intro { position: static; width: auto; max-width: 620px; }
    .se-adv .se-adv__title { font-size: 42px; line-height: 44px; letter-spacing: -1px; }
    .se-adv__art {
        position: relative;
        left: auto;
        top: auto;
        order: 3;
        width: min(410px, 100%);
        height: auto;
        aspect-ratio: 410 / 310;
        margin: 28px auto 0;
    }
    .se-adv__center { display: none; }
    .se-adv .se-adv__nodes {
        order: 2;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin-top: 32px;
    }
    .se-adv .se-adv-node {
        position: static;
        width: auto;
        height: auto;
        padding: 20px 18px;
        border-radius: 18px;
        background: rgba(255, 255, 255, .8);
        box-shadow: 0 10px 26px rgba(40, 90, 200, .06);
        text-align: center;
    }
    .se-adv-node__icon { width: 60px; height: 60px; margin: 0 auto 12px; }
    .se-adv-node__icon svg { width: 28px; height: 28px; }
    .se-adv .se-adv-node .se-adv-node__title,
    .se-adv .se-adv-node .se-adv-node__text {
        position: static;
        width: auto;
        margin: 0;
        text-align: center;
    }
    .se-adv .se-adv-node .se-adv-node__title { font-size: 16px; line-height: 21px; }
    .se-adv .se-adv-node .se-adv-node__text { margin-top: 6px; font-size: 14px; line-height: 20px; }
    .se-adv-node__title br, .se-adv-node__text br { display: none; }

    .se-gar__head { position: static; }
    .se-gar .se-gar__title { font-size: 42px; line-height: 48px; letter-spacing: -1px; }
    .se-gar__body {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin-top: 28px;
    }
    .se-gar__visual {
        position: relative;
        left: auto;
        top: auto;
        grid-column: 1 / -1;
        grid-row: 1;
        width: min(300px, 80%);
        height: auto;
        aspect-ratio: 300 / 310;
        margin: 0 auto 8px;
    }
    .se-gar .se-gar__col { position: static; width: auto; gap: 16px; }
    .se-gar .se-gar-card { height: auto; min-height: 110px; padding: 18px 16px 18px 100px; }
    .se-gar-card__text br { display: none; }
    .se-adv .se-adv__title { white-space: normal; }
    .se-gar__action { position: static; margin-top: 28px; }
}

@media (max-width: 640px) {
    .se-adv__stage { padding: 40px 16px 32px; }
    .se-gar__stage { padding: 40px 16px 40px; }
    .se-adv .se-adv__title, .se-gar .se-gar__title { font-size: 32px; line-height: 36px; }
    .se-adv .se-adv__text, .se-gar .se-gar__text { font-size: 15px; line-height: 22px; }
    .se-adv__text br, .se-gar__text br { display: none; }
    .se-adv .se-adv__nodes { grid-template-columns: 1fr; }
    .se-gar__body { grid-template-columns: 1fr; }
    .se-gar .se-gar__col { gap: 12px; }
    .se-trust-btn { width: 100%; max-width: 360px; min-width: 0; height: 52px; }
}