/* =========================================================
   SOULULAB — LEADMAGNET
   Отдельный CTA-блок “Мини-разбор”
   ========================================================= */

/* ---------------------------------------------------------
   THEME VARIABLES
   --------------------------------------------------------- */

:root {
    --leadmagnet-rgb: 154, 206, 239;
    --leadmagnet-soft-rgb: 230, 240, 248;
    --leadmagnet-glow-rgb: 179, 222, 255;
    --leadmagnet-card-shadow-rgb: 50, 63, 80;
}

html[data-theme="base"] {
    --leadmagnet-rgb: 154, 206, 239;
    --leadmagnet-soft-rgb: 230, 240, 248;
    --leadmagnet-glow-rgb: 179, 222, 255;
}

html[data-theme="nko"] {
    --leadmagnet-rgb: var(--nko-rgb);
    --leadmagnet-soft-rgb: 239, 228, 255;
    --leadmagnet-glow-rgb: 196, 160, 255;
}

html[data-theme="business"] {
    --leadmagnet-rgb: var(--business-rgb);
    --leadmagnet-soft-rgb: 255, 236, 222;
    --leadmagnet-glow-rgb: 255, 194, 148;
}

html[data-theme="experts"] {
    --leadmagnet-rgb: var(--experts-rgb);
    --leadmagnet-soft-rgb: 233, 248, 226;
    --leadmagnet-glow-rgb: 176, 230, 149;
}

html[data-theme="future"] {
    --leadmagnet-rgb: var(--future-rgb);
    --leadmagnet-soft-rgb: 226, 236, 255;
    --leadmagnet-glow-rgb: 157, 198, 255;
}

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

.soul-leadmagnet {
    position: relative;
    margin: 86px 0;
}

.soul-leadmagnet .soul-container {
    position: relative;
}

/* ---------------------------------------------------------
   CARD
   --------------------------------------------------------- */

.soul-leadmagnet__card {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    align-items: center;
    gap: 42px;

    min-height: 390px;
    padding: 54px 66px;

    border-radius: 36px;
    border: 1px solid rgba(255, 255, 255, 0.70);

    background:
        linear-gradient(
            120deg,
            rgba(255, 255, 255, 0.84) 0%,
            rgba(247, 251, 254, 0.72) 22%,
            rgba(var(--leadmagnet-soft-rgb), 0.58) 55%,
            rgba(var(--leadmagnet-rgb), 0.20) 100%
        );

    -webkit-backdrop-filter: blur(22px) saturate(1.14);
    backdrop-filter: blur(22px) saturate(1.14);

    box-shadow:
        0 34px 64px rgba(var(--leadmagnet-card-shadow-rgb), 0.15),
        0 16px 34px rgba(var(--leadmagnet-card-shadow-rgb), 0.08),

        0 0 16px rgba(255, 255, 255, 0.78),
        0 0 28px rgba(var(--leadmagnet-glow-rgb), 0.52),
        0 0 68px rgba(var(--leadmagnet-glow-rgb), 0.34),
        0 0 132px rgba(var(--leadmagnet-glow-rgb), 0.20),

        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(188, 208, 224, 0.22);

    animation: soulLeadmagnetCardPulse 4.6s ease-in-out infinite;
}

/* рамка почти по краю, как в референсе */
.soul-leadmagnet__card::before {
    content: "";

    position: absolute;
    inset: 2px;
    z-index: 0;

    border-radius: 34px;
    pointer-events: none;

    border: 1px solid rgba(255, 255, 255, 0.74);

    box-shadow:
        0 0 14px rgba(255, 255, 255, 0.72),
        0 0 26px rgba(var(--leadmagnet-glow-rgb), 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.64),
        inset 0 -1px 0 rgba(var(--leadmagnet-glow-rgb), 0.20);
}

/* общий ледяной блик и правое свечение */
.soul-leadmagnet__card::after {
    content: "";

    position: absolute;
    inset: -10%;
    z-index: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 84% 50%,
            rgba(var(--leadmagnet-glow-rgb), 0.28) 0%,
            rgba(var(--leadmagnet-glow-rgb), 0.14) 24%,
            transparent 58%
        ),
        radial-gradient(
            circle at 8% 12%,
            rgba(255, 255, 255, 0.36) 0%,
            rgba(255, 255, 255, 0.12) 18%,
            transparent 42%
        ),
        linear-gradient(
            116deg,
            rgba(255, 255, 255, 0.46) 0%,
            rgba(255, 255, 255, 0.18) 19%,
            transparent 42%,
            rgba(var(--leadmagnet-glow-rgb), 0.06) 100%
        );

    opacity: 1;
}

/* нижний общий неоновый кант, как у референса */
.soul-leadmagnet__card > .soul-leadmagnet__content::after {
    content: "";

    position: absolute;
    left: 0;
    right: -610px;
    bottom: -64px;
    height: 22px;
    z-index: -1;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(var(--leadmagnet-glow-rgb), 0.30) 18%,
            rgba(255, 255, 255, 0.88) 52%,
            rgba(var(--leadmagnet-glow-rgb), 0.44) 78%,
            transparent 100%
        );

    filter: blur(9px);
    opacity: 0.88;
}

.soul-leadmagnet__content,
.soul-leadmagnet__visual {
    position: relative;
    z-index: 2;
}

/* ---------------------------------------------------------
   CONTENT
   --------------------------------------------------------- */

.soul-leadmagnet__content {
    max-width: 790px;
}

.soul-leadmagnet__title {
    max-width: 790px;
    margin: 0 0 22px;
}

.soul-leadmagnet__text {
    max-width: 730px;
    margin: 0;

    color: rgba(47, 55, 69, 0.66);
}

/* ---------------------------------------------------------
   MINI CHIP
   --------------------------------------------------------- */

.soul-leadmagnet .soul-leadmagnet__chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    min-height: 38px !important;
    padding: 0 18px !important;

    margin: 0 0 24px !important;

    border-radius: 999px !important;
    border: 1px solid rgba(143, 202, 236, 0.56) !important;

    color: rgba(52, 91, 121, 0.94) !important;

    background:
        linear-gradient(
            180deg,
            rgba(228, 246, 255, 0.96) 0%,
            rgba(201, 232, 248, 0.82) 100%
        ) !important;

    box-shadow:
        0 10px 22px rgba(91, 142, 180, 0.18),
        0 0 18px rgba(var(--leadmagnet-glow-rgb), 0.26),
        0 0 34px rgba(var(--leadmagnet-glow-rgb), 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(91, 154, 196, 0.10) !important;

    -webkit-backdrop-filter: blur(10px) saturate(1.14) !important;
    backdrop-filter: blur(10px) saturate(1.14) !important;
}

.soul-leadmagnet .soul-leadmagnet__chip .soul-chip__line {
    width: 12px !important;
    height: 2px !important;
    border-radius: 999px !important;

    background: rgba(74, 118, 151, 0.88) !important;

    box-shadow:
        0 0 8px rgba(var(--leadmagnet-glow-rgb), 0.36) !important;
}

/* ---------------------------------------------------------
   BUTTON
   --------------------------------------------------------- */

.soul-leadmagnet .soul-btn--leadmagnet {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 34px !important;

    min-width: 360px !important;
    min-height: 64px !important;
    margin-top: 32px !important;
    padding: 0 24px 0 32px !important;

    border-radius: 18px !important;
    border: 1px solid rgba(18, 31, 48, 0.62) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.22) 0%,
            rgba(255, 255, 255, 0.08) 14%,
            transparent 30%,
            transparent 100%
        ),
        radial-gradient(
            circle at 86% 92%,
            rgba(76, 189, 255, 0.34) 0%,
            rgba(76, 189, 255, 0.10) 28%,
            transparent 55%
        ),
        linear-gradient(
            180deg,
            rgba(82, 92, 110, 0.98) 0%,
            rgba(42, 50, 66, 0.98) 55%,
            rgba(24, 33, 48, 1) 100%
        ) !important;

    box-shadow:
        0 19px 30px rgba(30, 39, 54, 0.24),
        0 9px 16px rgba(30, 39, 54, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.26),
        inset 0 -1px 0 rgba(0, 0, 0, 0.20) !important;

    transition:
        transform 200ms ease,
        box-shadow 240ms ease,
        filter 240ms ease !important;
}

/* яркая нижняя синяя подсветка кнопки */
.soul-leadmagnet .soul-btn--leadmagnet::before {
    content: "" !important;

    position: absolute !important;
    left: 28px !important;
    right: 18px !important;
    bottom: -4px !important;
    height: 10px !important;
    z-index: -1 !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            rgba(30, 120, 200, 0) 0%,
            rgba(55, 170, 245, 0.20) 24%,
            rgba(89, 205, 255, 0.96) 72%,
            rgba(145, 235, 255, 0.62) 100%
        ) !important;

    filter: blur(5px) !important;
    opacity: 1 !important;
}

/* дополнительная длинная тень под кнопкой */
.soul-leadmagnet .soul-btn--leadmagnet::after {
    content: "" !important;

    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: -16px !important;
    height: 20px !important;
    z-index: -2 !important;

    border-radius: 999px !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(14, 25, 38, 0.34) 0%,
            rgba(14, 25, 38, 0.16) 38%,
            transparent 72%
        ) !important;

    filter: blur(9px) !important;
    opacity: 0.86 !important;
}

.soul-leadmagnet .soul-btn--leadmagnet span {
    position: relative !important;
    z-index: 2 !important;
}

.soul-leadmagnet .soul-btn--leadmagnet__arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 34px !important;

    font-size: 32px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    color: rgba(255, 255, 255, 0.94) !important;

    background: transparent !important;
    box-shadow: none !important;
}

.soul-leadmagnet .soul-btn--leadmagnet:hover {
    transform: translateY(-1px) !important;

    box-shadow:
        0 22px 34px rgba(30, 39, 54, 0.26),
        0 10px 18px rgba(30, 39, 54, 0.16),
        0 0 22px rgba(var(--leadmagnet-glow-rgb), 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.30),
        inset 0 -1px 0 rgba(0, 0, 0, 0.20) !important;
}

/* ---------------------------------------------------------
   VISUAL
   --------------------------------------------------------- */

.soul-leadmagnet__visual {
    min-height: 300px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.soul-leadmagnet__orb {
    position: relative;

    width: 330px;
    height: 330px;

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

    border-radius: 999px;

    background:
        radial-gradient(
            circle at center,
            rgba(255, 255, 255, 0.10) 0%,
            rgba(var(--leadmagnet-glow-rgb), 0.13) 30%,
            rgba(var(--leadmagnet-glow-rgb), 0.05) 48%,
            transparent 72%
        );
}

.soul-leadmagnet__rings {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;

    opacity: 0.34;
    filter: drop-shadow(0 0 10px rgba(var(--leadmagnet-glow-rgb), 0.18));
}

.soul-leadmagnet__rings circle,
.soul-leadmagnet__rings path {
    stroke: rgba(255, 255, 255, 0.55);
    stroke-width: 1;
}

.soul-leadmagnet__rune {
    position: relative;
    z-index: 2;

    width: 138px;
    height: 188px;

    overflow: visible;

    filter:
        drop-shadow(0 0 10px rgba(255, 255, 255, 0.92))
        drop-shadow(0 0 24px rgba(var(--leadmagnet-glow-rgb), 0.78))
        drop-shadow(0 0 52px rgba(var(--leadmagnet-glow-rgb), 0.40));
}

.soul-leadmagnet__rune-fill {
    fill: rgba(var(--leadmagnet-glow-rgb), 0.10);
}

.soul-leadmagnet__rune-main {
    stroke: rgba(255, 255, 255, 0.96);
    stroke-width: 6.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.soul-leadmagnet__rune-line {
    stroke: rgba(255, 255, 255, 0.34);
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.soul-leadmagnet__spark {
    position: absolute;
    width: 4px;
    height: 4px;

    border-radius: 999px;
    background: rgba(255, 255, 255, 0.95);

    box-shadow:
        0 0 8px rgba(255, 255, 255, 0.70),
        0 0 18px rgba(var(--leadmagnet-glow-rgb), 0.54);
}

.soul-leadmagnet__spark--1 {
    left: 78px;
    top: 132px;
}

.soul-leadmagnet__spark--2 {
    right: 68px;
    top: 104px;
}

.soul-leadmagnet__spark--3 {
    right: 82px;
    bottom: 98px;
}

.soul-leadmagnet__spark--4 {
    left: 112px;
    bottom: 92px;
}

.soul-leadmagnet__spark--5 {
    left: 56%;
    bottom: 52px;
}

/* ---------------------------------------------------------
   ANIMATION
   --------------------------------------------------------- */

@keyframes soulLeadmagnetCardPulse {
    0%,
    100% {
        box-shadow:
            0 34px 64px rgba(var(--leadmagnet-card-shadow-rgb), 0.15),
            0 16px 34px rgba(var(--leadmagnet-card-shadow-rgb), 0.08),
            0 0 16px rgba(255, 255, 255, 0.78),
            0 0 28px rgba(var(--leadmagnet-glow-rgb), 0.50),
            0 0 68px rgba(var(--leadmagnet-glow-rgb), 0.32),
            0 0 132px rgba(var(--leadmagnet-glow-rgb), 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.92),
            inset 0 -1px 0 rgba(188, 208, 224, 0.22);
    }

    50% {
        box-shadow:
            0 36px 68px rgba(var(--leadmagnet-card-shadow-rgb), 0.16),
            0 18px 38px rgba(var(--leadmagnet-card-shadow-rgb), 0.09),
            0 0 18px rgba(255, 255, 255, 0.86),
            0 0 38px rgba(var(--leadmagnet-glow-rgb), 0.66),
            0 0 86px rgba(var(--leadmagnet-glow-rgb), 0.42),
            0 0 154px rgba(var(--leadmagnet-glow-rgb), 0.24),
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            inset 0 -1px 0 rgba(188, 208, 224, 0.24);
    }
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1080px) {
    .soul-leadmagnet__card {
        grid-template-columns: 1fr;
        gap: 26px;
        min-height: auto;
        padding: 42px 32px;
    }

    .soul-leadmagnet__visual {
        min-height: 220px;
        justify-content: flex-start;
    }

    .soul-leadmagnet__orb {
        width: 240px;
        height: 240px;
    }

    .soul-leadmagnet__rune {
        width: 110px;
        height: 150px;
    }
}

@media (max-width: 720px) {
    .soul-leadmagnet {
        margin: 62px 0;
    }

    .soul-leadmagnet__card {
        padding: 30px 20px;
        border-radius: 28px;
    }

    .soul-leadmagnet__card::before {
        inset: 2px;
        border-radius: 26px;
    }

    .soul-leadmagnet .soul-btn--leadmagnet {
        width: 100% !important;
        min-width: 0 !important;
    }

    .soul-leadmagnet__visual {
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .soul-leadmagnet__card {
        animation: none !important;
    }
}
/* =========================================================
   LEADMAGNET BUTTON — STRONG BOTTOM NEON FIX
   Яркая нижняя cyan-подсветка под кнопкой как на референсе
   ========================================================= */

.soul-leadmagnet .soul-btn--leadmagnet {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;

    box-shadow:
        0 18px 30px rgba(24, 32, 46, 0.26),
        0 9px 18px rgba(24, 32, 46, 0.16),

        /* общий холодный ореол */
        0 0 18px rgba(var(--leadmagnet-glow-rgb), 0.18),

        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        inset 0 -1px 0 rgba(0, 0, 0, 0.22) !important;
}

/* нижняя синяя линия/подсветка — НЕ отрицательный z-index */
.soul-leadmagnet .soul-btn--leadmagnet::before {
    content: "" !important;

    position: absolute !important;
    left: 26px !important;
    right: 18px !important;
    bottom: -4px !important;

    height: 10px !important;
    z-index: 1 !important;

    border-radius: 999px !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(32, 120, 200, 0) 0%,
            rgba(54, 170, 245, 0.18) 20%,
            rgba(72, 196, 255, 0.78) 56%,
            rgba(107, 224, 255, 1) 82%,
            rgba(151, 238, 255, 0.42) 100%
        ) !important;

    filter: blur(4px) !important;
    opacity: 1 !important;
}

/* длинная мягкая тень под кнопкой */
.soul-leadmagnet .soul-btn--leadmagnet::after {
    content: "" !important;

    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: -18px !important;

    height: 24px !important;
    z-index: 0 !important;

    border-radius: 999px !important;
    pointer-events: none !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(17, 29, 45, 0.36) 0%,
            rgba(17, 29, 45, 0.18) 38%,
            rgba(17, 29, 45, 0.06) 62%,
            transparent 78%
        ) !important;

    filter: blur(8px) !important;
    opacity: 0.92 !important;
}

/* текст и стрелка строго поверх подсветки */
.soul-leadmagnet .soul-btn--leadmagnet > span {
    position: relative !important;
    z-index: 3 !important;
}
/* =========================================================
   LEADMAGNET BUTTON — REAL NEON ELEMENT
   Настоящая нижняя подсветка через отдельный span
   ========================================================= */

.soul-leadmagnet .soul-btn--leadmagnet {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
}

/* убираем старую попытку подсветки через псевдо */
.soul-leadmagnet .soul-btn--leadmagnet::before,
.soul-leadmagnet .soul-btn--leadmagnet::after {
    display: none !important;
}

/* сама синяя подсветка снизу */
.soul-leadmagnet .soul-btn--leadmagnet__neon {
    position: absolute !important;

    left: 34px !important;
    right: 18px !important;
    bottom: -5px !important;

    height: 11px !important;

    z-index: 1 !important;
    pointer-events: none !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            rgba(35, 130, 210, 0) 0%,
            rgba(55, 175, 250, 0.20) 18%,
            rgba(78, 202, 255, 0.72) 48%,
            rgba(89, 220, 255, 1) 76%,
            rgba(160, 242, 255, 0.55) 100%
        ) !important;

    filter: blur(4px) !important;
    opacity: 1 !important;
}

/* мягкая тень под всей кнопкой */
.soul-leadmagnet .soul-btn--leadmagnet__neon::before {
    content: "";

    position: absolute;
    left: -18px;
    right: -14px;
    bottom: -14px;

    height: 24px;

    border-radius: 999px;

    background:
        radial-gradient(
            ellipse at center,
            rgba(13, 24, 38, 0.38) 0%,
            rgba(13, 24, 38, 0.18) 38%,
            rgba(13, 24, 38, 0.06) 62%,
            transparent 78%
        );

    filter: blur(9px);
    opacity: 0.9;
}

/* текст и стрелка поверх неона */
.soul-leadmagnet .soul-btn--leadmagnet__text,
.soul-leadmagnet .soul-btn--leadmagnet__arrow {
    position: relative !important;
    z-index: 3 !important;
}
/* =========================================================
   LEADMAGNET BUTTON — OUTSIDE NEON GLOW
   Подсветка НЕ внутри кнопки, а под кнопкой через wrapper
   ========================================================= */

.soul-leadmagnet__button-wrap {
    position: relative;

    display: inline-flex;
    width: fit-content;

    margin-top: 32px;

    overflow: visible;
    isolation: isolate;
}

/* яркая синяя полоса снизу */
.soul-leadmagnet__button-wrap::before {
    content: "";

    position: absolute;
    left: 44px;
    right: 18px;
    bottom: -4px;

    height: 10px;

    z-index: 2;
    pointer-events: none;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(35, 130, 210, 0) 0%,
            rgba(55, 175, 250, 0.22) 20%,
            rgba(78, 202, 255, 0.82) 52%,
            rgba(89, 220, 255, 1) 78%,
            rgba(160, 242, 255, 0.58) 100%
        );

    filter: blur(4px);
    opacity: 1;
}

/* мягкая тень под всей кнопкой */
.soul-leadmagnet__button-wrap::after {
    content: "";

    position: absolute;
    left: 16px;
    right: 16px;
    bottom: -18px;

    height: 24px;

    z-index: 1;
    pointer-events: none;

    border-radius: 999px;

    background:
        radial-gradient(
            ellipse at center,
            rgba(13, 24, 38, 0.38) 0%,
            rgba(13, 24, 38, 0.18) 38%,
            rgba(13, 24, 38, 0.06) 62%,
            transparent 78%
        );

    filter: blur(9px);
    opacity: 0.92;
}

/* сама кнопка поверх подсветки */
.soul-leadmagnet__button-wrap .soul-btn--leadmagnet {
    position: relative !important;
    z-index: 3 !important;

    margin-top: 0 !important;

    overflow: hidden !important;
}
/* =========================================================
   LEADMAGNET — COMPACT + BUTTON NEON + CARD PULSE
   Делаем блок ниже, руну крупнее, подсветку кнопки от начала
   ========================================================= */

/* сама карточка компактнее по высоте */
.soul-leadmagnet__card {
    min-height: 330px !important;
    padding-top: 42px !important;
    padding-bottom: 42px !important;

    animation: soulLeadmagnetSoftPulse 4.8s ease-in-out infinite !important;
}

/* визуальный блок справа компактнее, но сама руна крупнее */
.soul-leadmagnet__visual {
    min-height: 250px !important;
}

.soul-leadmagnet__orb {
    width: 350px !important;
    height: 350px !important;
}

/* увеличиваем саму руну */
.soul-leadmagnet__rune {
    width: 158px !important;
    height: 212px !important;

    filter:
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.95))
        drop-shadow(0 0 28px rgba(var(--leadmagnet-glow-rgb), 0.82))
        drop-shadow(0 0 60px rgba(var(--leadmagnet-glow-rgb), 0.46)) !important;
}

/* подсветка под кнопкой — голубая уже от начала */
.soul-leadmagnet__button-wrap::before {
    left: 18px !important;
    right: 12px !important;
    bottom: -4px !important;

    height: 10px !important;

    background:
        linear-gradient(
            90deg,
            rgba(55, 175, 250, 0.34) 0%,
            rgba(65, 190, 255, 0.52) 18%,
            rgba(78, 202, 255, 0.82) 48%,
            rgba(89, 220, 255, 1) 76%,
            rgba(160, 242, 255, 0.62) 100%
        ) !important;

    filter: blur(4px) !important;
    opacity: 1 !important;
}

/* длиннее и мягче тень под кнопкой */
.soul-leadmagnet__button-wrap::after {
    left: 8px !important;
    right: 8px !important;
    bottom: -18px !important;

    height: 24px !important;

    opacity: 0.9 !important;
}

/* пульсация всей карточки, без фанатизма */
@keyframes soulLeadmagnetSoftPulse {
    0%,
    100% {
        box-shadow:
            0 34px 64px rgba(var(--leadmagnet-card-shadow-rgb), 0.15),
            0 16px 34px rgba(var(--leadmagnet-card-shadow-rgb), 0.08),
            0 0 16px rgba(255, 255, 255, 0.78),
            0 0 28px rgba(var(--leadmagnet-glow-rgb), 0.48),
            0 0 68px rgba(var(--leadmagnet-glow-rgb), 0.30),
            0 0 132px rgba(var(--leadmagnet-glow-rgb), 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.92),
            inset 0 -1px 0 rgba(188, 208, 224, 0.22);
    }

    50% {
        box-shadow:
            0 36px 68px rgba(var(--leadmagnet-card-shadow-rgb), 0.16),
            0 18px 38px rgba(var(--leadmagnet-card-shadow-rgb), 0.09),
            0 0 20px rgba(255, 255, 255, 0.86),
            0 0 40px rgba(var(--leadmagnet-glow-rgb), 0.64),
            0 0 88px rgba(var(--leadmagnet-glow-rgb), 0.40),
            0 0 150px rgba(var(--leadmagnet-glow-rgb), 0.24),
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            inset 0 -1px 0 rgba(188, 208, 224, 0.24);
    }
}

/* адаптив, чтобы на планшете не раздувало */
@media (max-width: 1080px) {
    .soul-leadmagnet__card {
        min-height: auto !important;
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }

    .soul-leadmagnet__orb {
        width: 260px !important;
        height: 260px !important;
    }

    .soul-leadmagnet__rune {
        width: 124px !important;
        height: 168px !important;
    }
}
/* =========================================================
   LEADMAGNET — STRONGER CARD PULSE + INNER FRAME ALIGN
   Усиливаем пульсацию и чуть двигаем внутреннюю рамку вправо
   ========================================================= */

/* внутренняя рамка: почти по краю, чуть правее */
.soul-leadmagnet__card::before {
    inset: 2px 1px 2px 5px !important;
    border-radius: 33px !important;

    border-color: rgba(255, 255, 255, 0.78) !important;

    box-shadow:
        0 0 16px rgba(255, 255, 255, 0.76),
        0 0 30px rgba(var(--leadmagnet-glow-rgb), 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.68),
        inset 0 -1px 0 rgba(var(--leadmagnet-glow-rgb), 0.24) !important;
}

/* заметнее пульсация всей плашки */
.soul-leadmagnet__card {
    transform-origin: center center !important;
    will-change: transform, box-shadow, filter !important;

    animation: soulLeadmagnetStrongerPulse 3.4s ease-in-out infinite !important;
}

@keyframes soulLeadmagnetStrongerPulse {
    0%,
    100% {
        transform: scale(1);

        filter: brightness(1);

        box-shadow:
            0 34px 64px rgba(var(--leadmagnet-card-shadow-rgb), 0.15),
            0 16px 34px rgba(var(--leadmagnet-card-shadow-rgb), 0.08),

            0 0 20px rgba(255, 255, 255, 0.86),
            0 0 34px rgba(var(--leadmagnet-glow-rgb), 0.54),
            0 0 78px rgba(var(--leadmagnet-glow-rgb), 0.36),
            0 0 142px rgba(var(--leadmagnet-glow-rgb), 0.22),

            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            inset 0 -1px 0 rgba(188, 208, 224, 0.24);
    }

    50% {
        transform: scale(1.012);

        filter: brightness(1.035);

        box-shadow:
            0 42px 78px rgba(var(--leadmagnet-card-shadow-rgb), 0.18),
            0 20px 42px rgba(var(--leadmagnet-card-shadow-rgb), 0.10),

            0 0 30px rgba(255, 255, 255, 1),
            0 0 62px rgba(var(--leadmagnet-glow-rgb), 0.80),
            0 0 126px rgba(var(--leadmagnet-glow-rgb), 0.54),
            0 0 196px rgba(var(--leadmagnet-glow-rgb), 0.34),

            inset 0 1px 0 rgba(255, 255, 255, 1),
            inset 0 -1px 0 rgba(188, 208, 224, 0.30);
    }
}

/* на мобильных не раздуваем */
@media (max-width: 720px) {
    .soul-leadmagnet__card::before {
        inset: 2px 1px 2px 4px !important;
        border-radius: 26px !important;
    }

    @keyframes soulLeadmagnetStrongerPulse {
        0%,
        100% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.006);
        }
    }
}
/* =========================================================
   LEADMAGNET — FRAME ALIGN + COMPACT HEIGHT
   Исправляем кривые края и уменьшаем высоту карточки
   ========================================================= */

/* карточка ниже и компактнее */
.soul-leadmagnet__card {
    min-height: 300px !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;

    border-radius: 34px !important;
}

/* внутренняя рамка ровно по форме карточки */
.soul-leadmagnet__card::before {
    inset: 2px !important;

    border-radius: 31px !important;
    border: 1px solid rgba(255, 255, 255, 0.74) !important;

    box-shadow:
        0 0 12px rgba(255, 255, 255, 0.62),
        0 0 24px rgba(var(--leadmagnet-glow-rgb), 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.58),
        inset 0 -1px 0 rgba(var(--leadmagnet-glow-rgb), 0.18) !important;
}

/* чтобы внешний край тоже был ровнее */
.soul-leadmagnet__card {
    box-shadow:
        0 30px 56px rgba(var(--leadmagnet-card-shadow-rgb), 0.14),
        0 14px 30px rgba(var(--leadmagnet-card-shadow-rgb), 0.075),

        0 0 14px rgba(255, 255, 255, 0.78),
        0 0 30px rgba(var(--leadmagnet-glow-rgb), 0.48),
        0 0 70px rgba(var(--leadmagnet-glow-rgb), 0.30),
        0 0 130px rgba(var(--leadmagnet-glow-rgb), 0.18),

        inset 0 1px 0 rgba(255, 255, 255, 0.90),
        inset 0 -1px 0 rgba(188, 208, 224, 0.20) !important;
}

/* правая часть ниже, но руна остаётся крупной */
.soul-leadmagnet__visual {
    min-height: 220px !important;
}

.soul-leadmagnet__orb {
    width: 320px !important;
    height: 320px !important;
}

.soul-leadmagnet__rune {
    width: 150px !important;
    height: 202px !important;
}

/* чуть меньше вертикальные отступы внутри текста */
.soul-leadmagnet__chip {
    margin-bottom: 18px !important;
}

.soul-leadmagnet__title {
    margin-bottom: 16px !important;
}

.soul-leadmagnet__button-wrap {
    margin-top: 26px !important;
}

/* обновлённая пульсация под новые размеры */
.soul-leadmagnet__card {
    animation: soulLeadmagnetCompactPulse 3.8s ease-in-out infinite !important;
}

@keyframes soulLeadmagnetCompactPulse {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);

        box-shadow:
            0 30px 56px rgba(var(--leadmagnet-card-shadow-rgb), 0.14),
            0 14px 30px rgba(var(--leadmagnet-card-shadow-rgb), 0.075),

            0 0 14px rgba(255, 255, 255, 0.78),
            0 0 30px rgba(var(--leadmagnet-glow-rgb), 0.48),
            0 0 70px rgba(var(--leadmagnet-glow-rgb), 0.30),
            0 0 130px rgba(var(--leadmagnet-glow-rgb), 0.18),

            inset 0 1px 0 rgba(255, 255, 255, 0.90),
            inset 0 -1px 0 rgba(188, 208, 224, 0.20);
    }

    50% {
        transform: scale(1.008);
        filter: brightness(1.025);

        box-shadow:
            0 36px 66px rgba(var(--leadmagnet-card-shadow-rgb), 0.16),
            0 17px 36px rgba(var(--leadmagnet-card-shadow-rgb), 0.085),

            0 0 20px rgba(255, 255, 255, 0.92),
            0 0 46px rgba(var(--leadmagnet-glow-rgb), 0.66),
            0 0 96px rgba(var(--leadmagnet-glow-rgb), 0.42),
            0 0 160px rgba(var(--leadmagnet-glow-rgb), 0.25),

            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            inset 0 -1px 0 rgba(188, 208, 224, 0.24);
    }
}
/* =========================================================
   LEADMAGNET — CLEAN FRAME / COMPACT BUTTON / CHIP GAP
   Убираем внутреннюю рамку, делаем серебристый кант,
   правим отступ плашки и размер кнопки без стрелки
   ========================================================= */

/* убираем внутреннюю рамку полностью */
.soul-leadmagnet__card::before {
    content: none !important;
    display: none !important;
}

/* сама карточка: кант через border-box, без отдельной внутренней рамки */
.soul-leadmagnet__card {
    min-height: 290px !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;

    border: 1px solid transparent !important;
    border-radius: 34px !important;

    background:
        linear-gradient(
            120deg,
            rgba(255, 255, 255, 0.84) 0%,
            rgba(247, 251, 254, 0.72) 22%,
            rgba(var(--leadmagnet-soft-rgb), 0.58) 55%,
            rgba(var(--leadmagnet-rgb), 0.20) 100%
        ) padding-box,
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(205, 218, 230, 0.72) 18%,
            rgba(142, 158, 176, 0.38) 42%,
            rgba(var(--leadmagnet-glow-rgb), 0.34) 68%,
            rgba(255, 255, 255, 0.84) 100%
        ) border-box !important;

    box-shadow:
        0 30px 56px rgba(var(--leadmagnet-card-shadow-rgb), 0.14),
        0 14px 30px rgba(var(--leadmagnet-card-shadow-rgb), 0.075),

        0 0 16px rgba(255, 255, 255, 0.78),
        0 0 34px rgba(var(--leadmagnet-glow-rgb), 0.46),
        0 0 78px rgba(var(--leadmagnet-glow-rgb), 0.30),
        0 0 138px rgba(var(--leadmagnet-glow-rgb), 0.18),

        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 0 0 1px rgba(255, 255, 255, 0.22),
        inset 0 -1px 0 rgba(132, 150, 170, 0.18),
        inset 0 -18px 28px rgba(160, 180, 200, 0.055) !important;
}

/* плашка “Мини-разбор”: нормальный отступ до заголовка */
.soul-leadmagnet .soul-leadmagnet__chip {
    margin-bottom: 22px !important;
}

/* если вернул обычную плашку, всё равно даём ей небольшой нижний отступ */
.soul-chip {
    margin-bottom: 22px !important;
}

/* заголовок ближе к референсу по расстоянию */
.soul-leadmagnet__title {
    margin-bottom: 16px !important;
}

/* кнопка теперь без стрелки — делаем адекватно ширине текста */
.soul-leadmagnet .soul-btn--leadmagnet {
    min-width: 0 !important;
    width: fit-content !important;

    min-height: 56px !important;
    padding: 0 30px !important;

    gap: 0 !important;
    justify-content: center !important;

    margin-top: 28px !important;
}

/* если где-то стрелка ещё осталась в HTML — скрываем */
.soul-leadmagnet .soul-btn--leadmagnet__arrow {
    display: none !important;
}

/* wrapper тоже под размер кнопки */
.soul-leadmagnet__button-wrap {
    width: fit-content !important;
    margin-top: 28px !important;
}

/* нижняя неоновая подсветка под новую ширину кнопки */
.soul-leadmagnet__button-wrap::before {
    left: 16px !important;
    right: 16px !important;
    bottom: -4px !important;

    height: 10px !important;

    background:
        linear-gradient(
            90deg,
            rgba(55, 175, 250, 0.36) 0%,
            rgba(65, 190, 255, 0.56) 18%,
            rgba(78, 202, 255, 0.86) 48%,
            rgba(89, 220, 255, 1) 76%,
            rgba(160, 242, 255, 0.64) 100%
        ) !important;

    filter: blur(4px) !important;
    opacity: 1 !important;
}

/* мягкая тень под кнопкой тоже под новую ширину */
.soul-leadmagnet__button-wrap::after {
    left: 8px !important;
    right: 8px !important;
    bottom: -17px !important;

    height: 22px !important;
}

/* пульсация с новым кантом, без внутренней рамки */
.soul-leadmagnet__card {
    animation: soulLeadmagnetNoInnerFramePulse 3.8s ease-in-out infinite !important;
}

@keyframes soulLeadmagnetNoInnerFramePulse {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);

        box-shadow:
            0 30px 56px rgba(var(--leadmagnet-card-shadow-rgb), 0.14),
            0 14px 30px rgba(var(--leadmagnet-card-shadow-rgb), 0.075),

            0 0 16px rgba(255, 255, 255, 0.78),
            0 0 34px rgba(var(--leadmagnet-glow-rgb), 0.46),
            0 0 78px rgba(var(--leadmagnet-glow-rgb), 0.30),
            0 0 138px rgba(var(--leadmagnet-glow-rgb), 0.18),

            inset 0 1px 0 rgba(255, 255, 255, 0.92),
            inset 0 0 0 1px rgba(255, 255, 255, 0.22),
            inset 0 -1px 0 rgba(132, 150, 170, 0.18),
            inset 0 -18px 28px rgba(160, 180, 200, 0.055);
    }

    50% {
        transform: scale(1.007);
        filter: brightness(1.022);

        box-shadow:
            0 36px 66px rgba(var(--leadmagnet-card-shadow-rgb), 0.16),
            0 17px 36px rgba(var(--leadmagnet-card-shadow-rgb), 0.085),

            0 0 22px rgba(255, 255, 255, 0.92),
            0 0 50px rgba(var(--leadmagnet-glow-rgb), 0.64),
            0 0 104px rgba(var(--leadmagnet-glow-rgb), 0.42),
            0 0 168px rgba(var(--leadmagnet-glow-rgb), 0.25),

            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            inset 0 0 0 1px rgba(255, 255, 255, 0.28),
            inset 0 -1px 0 rgba(132, 150, 170, 0.22),
            inset 0 -18px 28px rgba(160, 180, 200, 0.070);
    }
}
/* =========================================================
   LEADMAGNET — BASE TITANIUM GREY FINAL
   Серо-титановый фон без голубой заливки.
   Голубой остаётся только на кнопке / неоне / руне.
   ========================================================= */

html[data-theme="base"] .soul-leadmagnet__card {
    background:
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(248, 249, 250, 0.92) 18%,
            rgba(238, 241, 244, 0.88) 38%,
            rgba(226, 231, 236, 0.84) 62%,
            rgba(209, 217, 225, 0.82) 100%
        ) padding-box,
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(229, 234, 240, 0.86) 24%,
            rgba(151, 164, 178, 0.48) 48%,
            rgba(224, 230, 236, 0.78) 76%,
            rgba(255, 255, 255, 0.92) 100%
        ) border-box !important;

    border: 1px solid transparent !important;

    box-shadow:
        0 30px 56px rgba(70, 82, 96, 0.14),
        0 14px 30px rgba(70, 82, 96, 0.08),

        0 0 16px rgba(255, 255, 255, 0.78),
        0 0 34px rgba(188, 198, 210, 0.28),
        0 0 84px rgba(170, 184, 198, 0.18),

        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        inset 0 0 0 1px rgba(255, 255, 255, 0.24),
        inset 0 -1px 0 rgba(116, 132, 148, 0.18),
        inset 0 -22px 34px rgba(120, 136, 152, 0.07) !important;
}

/* убираем голубую заливку/ореол с самой карточки */
html[data-theme="base"] .soul-leadmagnet__card::after {
    background:
        radial-gradient(
            circle at 12% 14%,
            rgba(255, 255, 255, 0.62) 0%,
            rgba(255, 255, 255, 0.22) 24%,
            transparent 48%
        ),
        radial-gradient(
            circle at 82% 50%,
            rgba(225, 231, 237, 0.42) 0%,
            rgba(215, 224, 232, 0.20) 26%,
            rgba(205, 215, 224, 0.08) 48%,
            transparent 68%
        ),
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.34) 0%,
            rgba(255, 255, 255, 0.14) 18%,
            rgba(232, 236, 240, 0.08) 42%,
            rgba(196, 207, 218, 0.12) 100%
        ) !important;

    opacity: 1 !important;
}

/* руна может светиться, но без заливки всей правой части голубым */
html[data-theme="base"] .soul-leadmagnet__orb {
    background:
        radial-gradient(
            circle at center,
            rgba(255, 255, 255, 0.18) 0%,
            rgba(220, 228, 236, 0.16) 28%,
            rgba(205, 216, 226, 0.08) 48%,
            transparent 72%
        ) !important;

    filter:
        drop-shadow(0 0 18px rgba(255, 255, 255, 0.24))
        drop-shadow(0 0 44px rgba(180, 192, 206, 0.14)) !important;
}

/* оставляем голубой только у самой руны, но очень локально */
html[data-theme="base"] .soul-leadmagnet__rune {
    filter:
        drop-shadow(0 0 10px rgba(255, 255, 255, 0.92))
        drop-shadow(0 0 24px rgba(var(--leadmagnet-glow-rgb), 0.48))
        drop-shadow(0 0 46px rgba(var(--leadmagnet-glow-rgb), 0.24)) !important;
}

/* пульсация уже серо-титановая, не голубая */
html[data-theme="base"] .soul-leadmagnet__card {
    animation: soulLeadmagnetTitaniumPulse 3.8s ease-in-out infinite !important;
}

@keyframes soulLeadmagnetTitaniumPulse {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);

        box-shadow:
            0 30px 56px rgba(70, 82, 96, 0.14),
            0 14px 30px rgba(70, 82, 96, 0.08),

            0 0 16px rgba(255, 255, 255, 0.78),
            0 0 34px rgba(188, 198, 210, 0.28),
            0 0 84px rgba(170, 184, 198, 0.18),

            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            inset 0 0 0 1px rgba(255, 255, 255, 0.24),
            inset 0 -1px 0 rgba(116, 132, 148, 0.18),
            inset 0 -22px 34px rgba(120, 136, 152, 0.07);
    }

    50% {
        transform: scale(1.007);
        filter: brightness(1.018);

        box-shadow:
            0 36px 66px rgba(70, 82, 96, 0.16),
            0 17px 36px rgba(70, 82, 96, 0.09),

            0 0 22px rgba(255, 255, 255, 0.90),
            0 0 44px rgba(196, 206, 218, 0.36),
            0 0 96px rgba(170, 184, 198, 0.24),

            inset 0 1px 0 rgba(255, 255, 255, 1),
            inset 0 0 0 1px rgba(255, 255, 255, 0.30),
            inset 0 -1px 0 rgba(116, 132, 148, 0.22),
            inset 0 -22px 34px rgba(120, 136, 152, 0.09);
    }
}
/* =========================================================
   LEADMAGNET — RETURN BLUE OUTER NEON
   Серо-титановый фон остаётся, голубой только вокруг карточки
   ========================================================= */

html[data-theme="base"] .soul-leadmagnet__card {
    background:
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(248, 249, 250, 0.92) 18%,
            rgba(238, 241, 244, 0.88) 38%,
            rgba(226, 231, 236, 0.84) 62%,
            rgba(209, 217, 225, 0.82) 100%
        ) padding-box,
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(229, 234, 240, 0.86) 24%,
            rgba(151, 164, 178, 0.48) 48%,
            rgba(224, 230, 236, 0.78) 76%,
            rgba(255, 255, 255, 0.92) 100%
        ) border-box !important;

    border: 1px solid transparent !important;

    box-shadow:
        /* глубина */
        0 30px 56px rgba(70, 82, 96, 0.14),
        0 14px 30px rgba(70, 82, 96, 0.08),

        /* белый стеклянный ореол */
        0 0 16px rgba(255, 255, 255, 0.92),
        0 0 28px rgba(255, 255, 255, 0.72),

        /* возвращаем голубой неон только СНАРУЖИ */
        0 0 34px rgba(180, 222, 250, 0.58),
        0 0 72px rgba(180, 222, 250, 0.42),
        0 0 132px rgba(180, 222, 250, 0.28),
        0 0 210px rgba(180, 222, 250, 0.16),

        /* стеклянный кант внутри */
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        inset 0 0 0 1px rgba(255, 255, 255, 0.24),
        inset 0 -1px 0 rgba(116, 132, 148, 0.18),
        inset 0 -22px 34px rgba(120, 136, 152, 0.07) !important;

    animation: soulLeadmagnetTitaniumNeonPulse 3.8s ease-in-out infinite !important;
}

@keyframes soulLeadmagnetTitaniumNeonPulse {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);

        box-shadow:
            0 30px 56px rgba(70, 82, 96, 0.14),
            0 14px 30px rgba(70, 82, 96, 0.08),

            0 0 16px rgba(255, 255, 255, 0.92),
            0 0 28px rgba(255, 255, 255, 0.72),

            0 0 34px rgba(180, 222, 250, 0.58),
            0 0 72px rgba(180, 222, 250, 0.42),
            0 0 132px rgba(180, 222, 250, 0.28),
            0 0 210px rgba(180, 222, 250, 0.16),

            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            inset 0 0 0 1px rgba(255, 255, 255, 0.24),
            inset 0 -1px 0 rgba(116, 132, 148, 0.18),
            inset 0 -22px 34px rgba(120, 136, 152, 0.07);
    }

    50% {
        transform: scale(1.007);
        filter: brightness(1.018);

        box-shadow:
            0 36px 66px rgba(70, 82, 96, 0.16),
            0 17px 36px rgba(70, 82, 96, 0.09),

            0 0 22px rgba(255, 255, 255, 1),
            0 0 36px rgba(255, 255, 255, 0.84),

            0 0 46px rgba(180, 222, 250, 0.78),
            0 0 92px rgba(180, 222, 250, 0.56),
            0 0 160px rgba(180, 222, 250, 0.36),
            0 0 250px rgba(180, 222, 250, 0.22),

            inset 0 1px 0 rgba(255, 255, 255, 1),
            inset 0 0 0 1px rgba(255, 255, 255, 0.30),
            inset 0 -1px 0 rgba(116, 132, 148, 0.22),
            inset 0 -22px 34px rgba(120, 136, 152, 0.09);
    }
}
/* =========================================================
   LEADMAGNET — REMOVE OUTER EDGE GLOW / RINGS
   Убираем паразитные свечения и круги вокруг карточки
   ========================================================= */

/* отключаем внешний слой, который даёт круги вокруг блока */
html[data-theme="base"] .soul-leadmagnet__card::after {
    content: none !important;
    display: none !important;
}

/* отключаем анимацию, если она возвращает старые box-shadow */
html[data-theme="base"] .soul-leadmagnet__card {
    animation: none !important;

    box-shadow:
        0 24px 44px rgba(70, 82, 96, 0.12),
        0 10px 22px rgba(70, 82, 96, 0.065),

        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 0 0 1px rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(116, 132, 148, 0.16) !important;
}

/* если круги даёт правая руна/орб — оставляем локальное свечение только вокруг руны */
html[data-theme="base"] .soul-leadmagnet__orb {
    background:
        radial-gradient(
            circle at center,
            rgba(255, 255, 255, 0.12) 0%,
            rgba(210, 220, 230, 0.10) 32%,
            rgba(210, 220, 230, 0.04) 52%,
            transparent 72%
        ) !important;

    filter: none !important;
}

/* сама руна пусть светится, но не весь блок вокруг */
html[data-theme="base"] .soul-leadmagnet__rune {
    filter:
        drop-shadow(0 0 8px rgba(255, 255, 255, 0.90))
        drop-shadow(0 0 20px rgba(var(--leadmagnet-glow-rgb), 0.34))
        drop-shadow(0 0 36px rgba(var(--leadmagnet-glow-rgb), 0.18)) !important;
}
/* =========================================================
   LEADMAGNET — CONTROLLED OUTER NEON
   Возвращаем неоновую подсветку вокруг карточки без кругов
   ========================================================= */

html[data-theme="base"] .soul-leadmagnet__card {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;

    animation: soulLeadmagnetCleanPulse 4.2s ease-in-out infinite !important;
}

/* внешний неон вокруг формы, без radial-gradient и без кругов */
html[data-theme="base"] .soul-leadmagnet__card::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    inset: -5px !important;
    z-index: -1 !important;

    pointer-events: none !important;
    border-radius: 38px !important;

    background: transparent !important;

    border: 1px solid rgba(190, 228, 255, 0.46) !important;

    box-shadow:
        0 0 8px rgba(255, 255, 255, 0.72),
        0 0 16px rgba(180, 222, 250, 0.46),
        0 0 32px rgba(180, 222, 250, 0.34),
        0 0 58px rgba(180, 222, 250, 0.24),
        0 0 92px rgba(180, 222, 250, 0.14) !important;

    opacity: 0.92 !important;

    animation: soulLeadmagnetCleanOuterNeon 4.2s ease-in-out infinite !important;
}

/* белый кант по самой карточке оставляем тонким */
html[data-theme="base"] .soul-leadmagnet__card::before {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;

    pointer-events: none !important;
    border-radius: inherit !important;

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

    box-shadow:
        0 0 4px rgba(255, 255, 255, 0.58),
        0 0 10px rgba(255, 255, 255, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;

    opacity: 1 !important;
}

/* сама карточка без голубой заливки, но с нормальной глубиной */
html[data-theme="base"] .soul-leadmagnet__card {
    box-shadow:
        0 24px 44px rgba(70, 82, 96, 0.12),
        0 10px 22px rgba(70, 82, 96, 0.065),

        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 0 0 1px rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(116, 132, 148, 0.16) !important;
}

/* =========================================================
   LEADMAGNET — STRONGER CLEAN PULSE
   Усиливаем пульсацию неона без radial-gradient-кругов
   ========================================================= */

html[data-theme="base"] .soul-leadmagnet__card {
    animation: soulLeadmagnetCleanPulseStrong 3.4s ease-in-out infinite !important;
}

html[data-theme="base"] .soul-leadmagnet__card::after {
    animation: soulLeadmagnetCleanOuterNeonStrong 3.4s ease-in-out infinite !important;
}

/* сама карточка чуть заметнее “дышит” */
@keyframes soulLeadmagnetCleanPulseStrong {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.007);
        filter: brightness(1.02);
    }
}

/* усиливаем только контурный неон, без заливки вокруг */
@keyframes soulLeadmagnetCleanOuterNeonStrong {
    0%,
    100% {
        opacity: 0.82;

        box-shadow:
            0 0 8px rgba(255, 255, 255, 0.70),
            0 0 16px rgba(180, 222, 250, 0.44),
            0 0 32px rgba(180, 222, 250, 0.32),
            0 0 56px rgba(180, 222, 250, 0.20),
            0 0 86px rgba(180, 222, 250, 0.10) !important;
    }

    50% {
        opacity: 1;

        box-shadow:
            0 0 12px rgba(255, 255, 255, 0.90),
            0 0 24px rgba(180, 222, 250, 0.68),
            0 0 46px rgba(180, 222, 250, 0.50),
            0 0 76px rgba(180, 222, 250, 0.34),
            0 0 112px rgba(180, 222, 250, 0.18) !important;
    }
}

/* белый кант тоже чуть живее, но без утолщения */
html[data-theme="base"] .soul-leadmagnet__card::before {
    box-shadow:
        0 0 5px rgba(255, 255, 255, 0.72),
        0 0 12px rgba(255, 255, 255, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.56) !important;
}
/* =========================================================
   LEADMAGNET — DARKER TITANIUM SURFACE V2
   Сильнее затемняем фон плашки: серо-титановый, без голубой заливки
   ========================================================= */

html[data-theme="base"] .soul-leadmagnet__card {
    background:
        linear-gradient(
            100deg,
            rgba(235, 237, 239, 0.98) 0%,
            rgba(224, 228, 232, 0.97) 26%,
            rgba(209, 216, 223, 0.97) 58%,
            rgba(190, 201, 212, 0.97) 100%
        ) padding-box,
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.88) 0%,
            rgba(203, 213, 224, 0.78) 30%,
            rgba(118, 133, 150, 0.52) 58%,
            rgba(222, 230, 238, 0.78) 100%
        ) border-box !important;

    box-shadow:
        0 24px 46px rgba(54, 66, 80, 0.16),
        0 10px 24px rgba(54, 66, 80, 0.09),

        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        inset 0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(82, 98, 116, 0.20) !important;
}

/* убираем голубую заливку внутри карточки */
html[data-theme="base"] .soul-leadmagnet__card::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    inset: -5px !important;
    z-index: -1 !important;

    pointer-events: none !important;
    border-radius: 38px !important;

    background: transparent !important;
    border: 1px solid rgba(190, 228, 255, 0.42) !important;

    box-shadow:
        0 0 8px rgba(255, 255, 255, 0.58),
        0 0 16px rgba(180, 222, 250, 0.44),
        0 0 34px rgba(180, 222, 250, 0.34),
        0 0 64px rgba(180, 222, 250, 0.24),
        0 0 106px rgba(180, 222, 250, 0.15) !important;

    opacity: 0.96 !important;
}

/* белый кант на более тёмном фоне */
html[data-theme="base"] .soul-leadmagnet__card::before {
    border-color: rgba(255, 255, 255, 0.68) !important;

    box-shadow:
        0 0 5px rgba(255, 255, 255, 0.60),
        0 0 12px rgba(255, 255, 255, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

/* подсветку кнопки делаем видимее на тёмном фоне */
html[data-theme="base"] .soul-leadmagnet__button-wrap::before {
    left: 8px !important;
    right: 8px !important;
    bottom: -5px !important;

    height: 13px !important;

    background:
        linear-gradient(
            90deg,
            rgba(55, 175, 250, 0.50) 0%,
            rgba(65, 190, 255, 0.72) 22%,
            rgba(78, 202, 255, 1) 56%,
            rgba(89, 220, 255, 1) 82%,
            rgba(160, 242, 255, 0.82) 100%
        ) !important;

    filter: blur(5px) !important;
    opacity: 1 !important;
}
/* =========================================================
   LEADMAGNET — REMOVE DOUBLE BORDER
   Убираем двойную рамку, оставляем один чистый кант
   ========================================================= */

/* убираем внутреннюю/дублирующую рамку полностью */
html[data-theme="base"] .soul-leadmagnet__card::before {
    content: none !important;
    display: none !important;
}

/* сама карточка: один единственный светлый кант */
html[data-theme="base"] .soul-leadmagnet__card {
    border: 1px solid rgba(255, 255, 255, 0.74) !important;

    box-shadow:
        0 24px 46px rgba(54, 66, 80, 0.16),
        0 10px 24px rgba(54, 66, 80, 0.09),

        /* голубой неон снаружи */
        0 0 8px rgba(255, 255, 255, 0.58),
        0 0 16px rgba(180, 222, 250, 0.44),
        0 0 34px rgba(180, 222, 250, 0.34),
        0 0 64px rgba(180, 222, 250, 0.24),
        0 0 106px rgba(180, 222, 250, 0.15),

        /* внутреннее стекло */
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        inset 0 -1px 0 rgba(82, 98, 116, 0.20) !important;
}

/* внешний неоновый слой без собственной рамки */
html[data-theme="base"] .soul-leadmagnet__card::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    inset: -5px !important;
    z-index: -1 !important;

    pointer-events: none !important;
    border-radius: 38px !important;

    border: 0 !important;
    background: transparent !important;

    box-shadow:
        0 0 12px rgba(180, 222, 250, 0.38),
        0 0 34px rgba(180, 222, 250, 0.26),
        0 0 72px rgba(180, 222, 250, 0.16) !important;

    opacity: 0.9 !important;
}
/* =========================================================
   LEADMAGNET BUTTON — THEME NEON COLORS
   В цветных темах подсветка кнопки становится цветом темы
   Базовую Sky Titanium не трогаем
   ========================================================= */

html[data-theme="nko"] {
    --leadmagnet-button-neon-rgb: var(--nko-rgb);
}

html[data-theme="business"] {
    --leadmagnet-button-neon-rgb: var(--business-rgb);
}

html[data-theme="experts"] {
    --leadmagnet-button-neon-rgb: var(--experts-rgb);
}

html[data-theme="future"] {
    --leadmagnet-button-neon-rgb: var(--future-rgb);
}

/* нижняя яркая линия под кнопкой */
html[data-theme="nko"] .soul-leadmagnet__button-wrap::before,
html[data-theme="business"] .soul-leadmagnet__button-wrap::before,
html[data-theme="experts"] .soul-leadmagnet__button-wrap::before,
html[data-theme="future"] .soul-leadmagnet__button-wrap::before {
    background:
        linear-gradient(
            90deg,
            rgba(var(--leadmagnet-button-neon-rgb), 0.46) 0%,
            rgba(var(--leadmagnet-button-neon-rgb), 0.68) 22%,
            rgba(var(--leadmagnet-button-neon-rgb), 0.96) 56%,
            rgba(var(--leadmagnet-button-neon-rgb), 1) 82%,
            rgba(255, 255, 255, 0.62) 100%
        ) !important;

    filter: blur(5px) saturate(1.25) !important;
    opacity: 1 !important;
}

/* мягкая тень под кнопкой тоже получает оттенок темы */
html[data-theme="nko"] .soul-leadmagnet__button-wrap::after,
html[data-theme="business"] .soul-leadmagnet__button-wrap::after,
html[data-theme="experts"] .soul-leadmagnet__button-wrap::after,
html[data-theme="future"] .soul-leadmagnet__button-wrap::after {
    background:
        radial-gradient(
            ellipse at center,
            rgba(var(--leadmagnet-button-neon-rgb), 0.30) 0%,
            rgba(var(--leadmagnet-button-neon-rgb), 0.16) 36%,
            rgba(20, 24, 32, 0.12) 58%,
            transparent 78%
        ) !important;

    filter: blur(10px) saturate(1.18) !important;
    opacity: 0.95 !important;
}

/* лёгкий цветной отблеск внутри самой кнопки */
html[data-theme="nko"] .soul-leadmagnet .soul-btn--leadmagnet,
html[data-theme="business"] .soul-leadmagnet .soul-btn--leadmagnet,
html[data-theme="experts"] .soul-leadmagnet .soul-btn--leadmagnet,
html[data-theme="future"] .soul-leadmagnet .soul-btn--leadmagnet {
    box-shadow:
        0 12px 22px rgba(28, 34, 44, 0.22),
        0 5px 12px rgba(28, 34, 44, 0.14),
        0 0 18px rgba(var(--leadmagnet-button-neon-rgb), 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        inset 0 -1px 0 rgba(0, 0, 0, 0.22) !important;
}