/* =========================================================
   SOULULAB — ABOUT PAGE
   Оптимизированная версия старой страницы “О нас” под новый сайт.
   Сохранены: natural titanium → grey/graphite фон, стеклянные плашки,
   подложки заголовков, карточки и titanium-акценты.
   ========================================================= */

html[data-theme="base"] body.soul-page--about {
    background: #e2e1db !important;
}

html body main.gls-page.gla2-about-page {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    min-height: 100vh !important;

    color: var(--soul-text, #201d2f) !important;

    background:
        radial-gradient(
            ellipse at 12% 8%,
            rgba(176, 176, 168, 0.38) 0%,
            rgba(176, 176, 168, 0.18) 24%,
            rgba(176, 176, 168, 0.00) 52%
        ),
        radial-gradient(
            ellipse at 88% 10%,
            rgba(224, 210, 194, 0.34) 0%,
            rgba(224, 210, 194, 0.16) 24%,
            rgba(224, 210, 194, 0.00) 52%
        ),
        radial-gradient(
            ellipse at 50% 18%,
            rgba(236, 228, 217, 0.24) 0%,
            rgba(236, 228, 217, 0.10) 26%,
            rgba(236, 228, 217, 0.00) 54%
        ),
        linear-gradient(
            180deg,
            #e2e1db 0%,
            #ecebe5 14%,
            #f7f6f2 32%,
            #efeff0 54%,
            #c7ccd2 72%,
            #717985 86%,
            #343943 100%
        ) !important;
}

html body main.gls-page.gla2-about-page::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            120deg,
            rgba(255, 255, 255, 0.34) 0%,
            rgba(255, 255, 255, 0.12) 36%,
            rgba(255, 255, 255, 0.24) 62%,
            rgba(255, 255, 255, 0.05) 100%
        ) !important;
}

html body main.gls-page.gla2-about-page::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.00) 0%,
            rgba(255, 255, 255, 0.00) 46%,
            rgba(104, 110, 118, 0.06) 62%,
            rgba(82, 88, 98, 0.18) 74%,
            rgba(64, 70, 80, 0.38) 86%,
            rgba(52, 57, 67, 0.72) 100%
        ) !important;
}

html body main.gls-page.gla2-about-page .gls-container {
    width: min(100% - 64px, 1280px) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =========================================================
   SHARED TYPOGRAPHY / BADGES
   ========================================================= */

html body main.gla2-about-page .gls-section-head {
    position: relative !important;
    z-index: 1 !important;
}

html body main.gla2-about-page .gls-badge {
    position: relative !important;
    overflow: visible !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;

    min-height: 30px !important;
    padding: 7px 16px !important;

    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.90) !important;

    color: #2a2a28 !important;
    -webkit-text-fill-color: #2a2a28 !important;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.98) 0%,
            rgba(246, 243, 235, 0.88) 34%,
            rgba(222, 216, 204, 0.70) 68%,
            rgba(250, 247, 239, 0.96) 100%
        ) !important;

    box-shadow:
        0 8px 18px rgba(64, 58, 50, 0.08),
        0 3px 8px rgba(64, 58, 50, 0.05),
        0 0 10px rgba(52, 58, 68, 0.30),
        0 0 24px rgba(52, 58, 68, 0.22),
        0 0 44px rgba(52, 58, 68, 0.15),
        0 0 0 1px rgba(255, 255, 255, 0.78),
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        inset 0 -1px 0 rgba(132, 124, 112, 0.08) !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;

    filter:
        drop-shadow(0 0 8px rgba(52, 58, 68, 0.24))
        drop-shadow(0 0 18px rgba(52, 58, 68, 0.14)) !important;
}

html body main.gla2-about-page .gls-badge::before {
    content: "" !important;

    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            rgba(132, 124, 112, 0.36) 0%,
            rgba(82, 78, 72, 0.82) 46%,
            rgba(196, 188, 172, 0.44) 100%
        ) !important;

    box-shadow:
        0 0 6px rgba(52, 58, 68, 0.34),
        0 0 12px rgba(52, 58, 68, 0.22) !important;
}

html body main.gla2-about-page .gls-hero__title,
html body main.gla2-about-page .gls-section-title,
html body main.gla2-about-page .soul-about-approach__title {
    margin: 18px 0 0 !important;

    color: #202431 !important;
    text-shadow: 0 10px 34px rgba(35, 38, 45, 0.10) !important;

    font-weight: 900 !important;
    letter-spacing: -0.055em !important;
}

html body main.gla2-about-page .gls-hero__title {
    max-width: 800px !important;

    font-size: clamp(46px, 5.4vw, 82px) !important;
    line-height: 0.93 !important;
}

html body main.gla2-about-page .gls-section-title,
html body main.gla2-about-page .soul-about-approach__title {
    max-width: 900px !important;

    font-size: clamp(36px, 4vw, 58px) !important;
    line-height: 0.98 !important;
}

html body main.gla2-about-page .gls-hero__text,
html body main.gla2-about-page .gla2-hero__text {
    max-width: 720px !important;
    margin: 24px 0 0 !important;

    color: rgba(38, 34, 52, 0.68) !important;

    font-size: clamp(17px, 1.35vw, 21px) !important;
    line-height: 1.46 !important;
    letter-spacing: -0.025em !important;
}

/* =========================================================
   HERO
   ========================================================= */

.gla2-hero {
    position: relative !important;
    padding: 142px 0 84px !important;
    background: transparent !important;
}

.gla2-hero__grid {
    position: relative !important;
    z-index: 1 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 500px !important;
    gap: 86px !important;
    align-items: center !important;
}

.gla2-hero__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-top: 34px !important;
}

/* =========================================================
   TITANIUM BUTTONS
   ========================================================= */

.gla2-titanium-btn {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

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

    min-height: 46px !important;
    padding: 0 24px !important;

    border-radius: 15px !important;
    border: 1px solid rgba(54, 59, 67, 0.68) !important;

    color: #25282d !important;
    -webkit-text-fill-color: #25282d !important;
    text-decoration: none !important;

    background:
        linear-gradient(
            135deg,
            rgba(250, 251, 250, 0.78) 0%,
            rgba(225, 227, 225, 0.66) 20%,
            rgba(188, 193, 193, 0.56) 46%,
            rgba(142, 148, 150, 0.48) 64%,
            rgba(210, 214, 213, 0.62) 84%,
            rgba(248, 249, 248, 0.74) 100%
        ) !important;

    box-shadow:
        0 12px 24px rgba(35, 38, 45, 0.12),
        0 5px 12px rgba(35, 38, 45, 0.08),
        0 2px 5px rgba(35, 38, 45, 0.06),
        0 0 0 1px rgba(54, 59, 67, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.58),
        inset 0 -2px 0 rgba(60, 66, 74, 0.14),
        inset 0 -10px 18px rgba(70, 76, 84, 0.08) !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 850 !important;

    text-shadow: none !important;
    filter: none !important;
    transform: translateY(0) !important;

    transition:
        transform 180ms ease,
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        color 220ms ease !important;
}

.gla2-titanium-btn::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: -1 !important;

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

    background:
        linear-gradient(
            120deg,
            rgba(255, 255, 255, 0.64) 0%,
            rgba(255, 255, 255, 0.20) 26%,
            rgba(255, 255, 255, 0.00) 48%,
            rgba(70, 76, 86, 0.10) 64%,
            rgba(255, 255, 255, 0.36) 100%
        ) !important;

    opacity: 0.72 !important;
}

.gla2-titanium-btn:hover {
    transform: translateY(-1px) !important;

    color: #20242a !important;
    -webkit-text-fill-color: #20242a !important;

    border-color: rgba(52, 58, 68, 0.88) !important;

    background:
        linear-gradient(
            135deg,
            #f8f9f8 0%,
            #dfe2e1 18%,
            #b8bec0 44%,
            #858d91 62%,
            #d3d7d6 82%,
            #ffffff 100%
        ) !important;

    box-shadow:
        0 18px 36px rgba(35, 38, 45, 0.18),
        0 8px 18px rgba(35, 38, 45, 0.13),
        0 3px 7px rgba(35, 38, 45, 0.10),
        0 0 12px rgba(52, 58, 68, 0.24),
        0 0 28px rgba(52, 58, 68, 0.16),
        0 0 48px rgba(52, 58, 68, 0.10),
        0 0 0 1px rgba(52, 58, 68, 0.46),
        inset 0 2px 0 rgba(255, 255, 255, 0.74),
        inset 0 -2px 0 rgba(60, 66, 74, 0.18),
        inset 0 -12px 20px rgba(70, 76, 84, 0.12) !important;
}

/* =========================================================
   FOUNDER CARD
   ========================================================= */

.gla2-founder {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;

    width: 100% !important;
    max-width: 500px !important;
    justify-self: end !important;

    border-radius: 28px !important;
    border: 1px solid rgba(180, 186, 196, 0.42) !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.80) 0%,
            rgba(255, 255, 255, 0.66) 38%,
            rgba(243, 239, 234, 0.62) 100%
        ) !important;

    box-shadow:
        0 16px 30px rgba(35, 38, 45, 0.11),
        0 6px 14px rgba(35, 38, 45, 0.07),
        0 2px 5px rgba(35, 38, 45, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.46),
        inset 0 -1px 0 rgba(80, 86, 96, 0.10) !important;

    filter:
        drop-shadow(0 0 10px rgba(52, 58, 68, 0.22))
        drop-shadow(0 0 24px rgba(52, 58, 68, 0.14))
        drop-shadow(0 0 42px rgba(52, 58, 68, 0.09)) !important;

    backdrop-filter: blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

.gla2-founder::before {
    content: "" !important;

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

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

    background: transparent !important;

    box-shadow:
        0 0 12px rgba(52, 58, 68, 0.38),
        0 0 28px rgba(52, 58, 68, 0.30),
        0 0 56px rgba(52, 58, 68, 0.23),
        0 0 84px rgba(52, 58, 68, 0.18) !important;
}

.gla2-founder::after {
    content: "" !important;

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

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

    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.80),
        inset -1px -1px 0 rgba(52, 58, 68, 0.18),
        0 0 0 1px rgba(52, 58, 68, 0.18) !important;
}

.gla2-founder > * {
    position: relative !important;
    z-index: 2 !important;
}

.gla2-founder__photo {
    position: relative !important;
    overflow: hidden !important;

    width: 100% !important;
    aspect-ratio: 16 / 10 !important;

    border-top-left-radius: 28px !important;
    border-top-right-radius: 28px !important;

    background:
        radial-gradient(circle at 50% 40%, rgba(132, 75, 210, 0.10), transparent 40%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(210, 214, 220, 0.72)) !important;
}

.gla2-founder__photo.is-photo-missing::before {
    content: "SOULULAB" !important;

    position: absolute !important;
    inset: 0 !important;

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

    color: rgba(32, 36, 49, 0.18) !important;

    font-size: clamp(36px, 6vw, 72px) !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
}

.gla2-founder__photo img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center right !important;

    border-top-left-radius: 28px !important;
    border-top-right-radius: 28px !important;

    box-shadow: none !important;
    filter: none !important;
}

.gla2-founder__body {
    padding: 28px !important;
}

.gla2-founder__brand {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    margin-bottom: 16px !important;
}

.gla2-founder__brand img {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
}

.gla2-founder__brand strong,
.gla2-founder__name strong {
    display: block !important;
    color: rgba(31, 36, 48, 0.90) !important;
}

.gla2-founder__brand span,
.gla2-founder__name span {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(55, 59, 68, 0.58) !important;
}

.gla2-founder__name,
.gla2-founder__quote,
.gla2-founder__badge {
    border-radius: 18px !important;
    border: 1px solid rgba(70, 73, 76, 0.15) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.82),
            rgba(226, 227, 225, 0.62)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.74),
        0 10px 26px rgba(34, 38, 42, 0.075) !important;

    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

.gla2-founder__name {
    margin-bottom: 16px !important;
    padding: 16px 18px !important;
}

.gla2-founder__badges {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    margin: 14px 0 18px !important;
}

.gla2-founder__badge {
    position: relative !important;
    overflow: hidden !important;
    padding: 13px 15px !important;
}

.gla2-founder__badge-label {
    display: block !important;
    margin-bottom: 5px !important;

    color: rgba(55, 59, 68, 0.52) !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.gla2-founder__badge strong {
    display: block !important;

    color: rgba(31, 36, 48, 0.86) !important;

    font-size: 12.5px !important;
    line-height: 1.38 !important;
    font-weight: 500 !important;
}

.gla2-founder__quote {
    position: relative !important;
    overflow: hidden !important;

    margin: 0 !important;
    padding: 18px 18px 18px 22px !important;
}

.gla2-founder__quote-mark {
    position: absolute !important;
    top: 8px !important;
    left: 14px !important;

    color: rgba(80, 84, 90, 0.18) !important;

    font-size: 36px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    pointer-events: none !important;
}

.gla2-founder__quote-text {
    position: relative !important;
    z-index: 1 !important;
    padding-left: 17px !important;
}

.gla2-founder__quote-text p {
    margin: 0 !important;

    color: rgba(45, 50, 60, 0.86) !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
}

/* =========================================================
   APPROACH
   ========================================================= */

.soul-about-approach {
    position: relative !important;
    width: 100% !important;
    padding: 70px 20px 80px !important;
    box-sizing: border-box !important;
}

.soul-about-approach *,
.gla2-about-page * {
    box-sizing: border-box !important;
}

.soul-about-approach__inner {
    width: min(1180px, 100%) !important;
    margin: 0 auto !important;
}

.soul-about-approach .gls-section-head {
    max-width: 760px !important;
    margin-bottom: 24px !important;
}

.soul-about-approach__card {
    width: 100% !important;
    max-width: 1180px !important;

    column-count: 2 !important;
    column-gap: 44px !important;
    column-rule: 1px solid rgba(70, 73, 76, 0.10) !important;

    padding: 28px 34px !important;

    border-radius: 28px !important;
    border: 1px solid rgba(70, 73, 76, 0.15) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.82),
            rgba(226, 227, 225, 0.62)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.74),
        0 18px 44px rgba(34, 38, 42, 0.09) !important;

    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

.soul-about-approach__card p {
    break-inside: avoid !important;
    margin: 0 0 14px !important;

    color: rgba(45, 50, 60, 0.82) !important;

    font-size: clamp(15px, 1vw, 17px) !important;
    line-height: 1.46 !important;
    letter-spacing: -0.025em !important;
    font-weight: 400 !important;
}

.soul-about-approach__card p:last-child {
    margin-bottom: 0 !important;
}

/* =========================================================
   SECTIONS / CARDS
   ========================================================= */

.gla2-section {
    position: relative !important;
    padding: 88px 0 !important;
    background: transparent !important;
}

.gla2-section--steps {
    background: transparent !important;
}

.gla2-section-head {
    max-width: 760px !important;
    margin: 0 auto 42px !important;
    text-align: center !important;
}

.gla2-section-head--left {
    margin-left: 0 !important;
    text-align: left !important;
}

.gla2-values {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

.gla2-steps {
    position: relative !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 26px !important;
}

.gla2-steps::before {
    content: "" !important;

    position: absolute !important;
    left: 8% !important;
    right: 8% !important;
    top: 35px !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            rgba(35, 38, 45, 0.00),
            rgba(35, 38, 45, 0.32),
            rgba(126, 136, 150, 0.16),
            rgba(35, 38, 45, 0.00)
        ) !important;
}

.gla2-audience {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.gla2-value-card,
.gla2-step,
.gla2-audience-card,
.gla2-final__box {
    position: relative !important;

    border-radius: 26px !important;
    border: 1px solid rgba(35, 38, 45, 0.13) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.82) 0%,
            rgba(246, 246, 243, 0.70) 48%,
            rgba(226, 226, 220, 0.44) 100%
        ) !important;

    box-shadow:
        0 22px 58px rgba(35, 38, 45, 0.10),
        0 0 0 1px rgba(255, 255, 255, 0.40) inset,
        inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;

    backdrop-filter: blur(12px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.04) !important;
}

.gla2-value-card {
    min-height: 300px !important;
    padding: 26px !important;
}

.gla2-step {
    z-index: 1 !important;
    min-height: 230px !important;
    padding: 28px !important;
}

.gla2-audience-card {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: center !important;
    padding: 30px !important;
    border-radius: 28px !important;
}

.gla2-value-card h3,
.gla2-step h3,
.gla2-audience-card h3 {
    margin: 0 0 12px !important;

    color: #201d2f !important;

    font-size: 22px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em !important;
}

.gla2-value-card p,
.gla2-step p,
.gla2-audience-card p {
    margin: 0 !important;

    color: rgba(38, 34, 52, 0.64) !important;

    font-size: 15px !important;
    line-height: 1.48 !important;
    letter-spacing: -0.015em !important;
}

.gla2-value-card__icon,
.gla2-audience-card__icon,
.gla2-step > span:first-child {
    position: relative !important;
    overflow: hidden !important;

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

    color: #81786c !important;
    -webkit-text-fill-color: #81786c !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(250, 248, 242, 0.86) 0%,
            rgba(235, 231, 222, 0.70) 30%,
            rgba(213, 207, 196, 0.54) 58%,
            rgba(240, 236, 228, 0.72) 82%,
            rgba(255, 255, 255, 0.82) 100%
        ) !important;

    box-shadow:
        0 5px 12px rgba(35, 38, 45, 0.055),
        0 0 0 1px rgba(170, 162, 148, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.54) !important;

    font-weight: 900 !important;

    filter: none !important;
    transform: none !important;
}

.gla2-value-card__icon {
    width: 58px !important;
    height: 58px !important;
    margin-bottom: 28px !important;
    border-radius: 18px !important;
    font-size: 30px !important;
}

.gla2-audience-card__icon {
    width: 82px !important;
    height: 82px !important;
    border-radius: 22px !important;
    font-size: 34px !important;
}

.gla2-step > span:first-child {
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 42px !important;
    border-radius: 14px !important;

    font-size: 13px !important;
    letter-spacing: 0.02em !important;
}

/* =========================================================
   FINAL CTA
   ========================================================= */

.gla2-final {
    position: relative !important;
    padding: 34px 0 120px !important;
    background: transparent !important;
}

.gla2-final__box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px 240px !important;
    gap: 42px !important;
    align-items: center !important;

    padding: 42px 48px !important;

    border-radius: 30px !important;

    background:
        radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0.20), transparent 34%),
        radial-gradient(circle at 100% 50%, rgba(214, 208, 198, 0.18), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(226, 227, 225, 0.62)) !important;
}

.gla2-final__box .gls-section-title {
    margin: 0 !important;
    font-size: clamp(30px, 3vw, 46px) !important;
}

.gla2-final__box p {
    margin: 0 !important;

    color: rgba(38, 34, 52, 0.64) !important;

    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1180px) {
    html body main.gls-page.gla2-about-page .gls-container {
        width: min(100% - 40px, 920px) !important;
    }

    .gla2-hero__grid {
        grid-template-columns: 1fr !important;
        gap: 46px !important;
    }

    .gla2-founder {
        justify-self: start !important;
        max-width: 640px !important;
    }

    .gla2-values,
    .gla2-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .gla2-steps::before {
        display: none !important;
    }

    .gla2-audience,
    .gla2-final__box {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 820px) {
    .gla2-hero {
        padding: 112px 0 68px !important;
    }

    html body main.gla2-about-page .gls-hero__title {
        font-size: clamp(38px, 10vw, 58px) !important;
        line-height: 0.95 !important;
    }

    html body main.gla2-about-page .gls-section-title,
    html body main.gla2-about-page .soul-about-approach__title {
        font-size: 34px !important;
        line-height: 0.98 !important;
    }

    .gla2-hero__actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .gla2-titanium-btn {
        width: 100% !important;
    }

    .soul-about-approach {
        padding: 52px 16px 64px !important;
    }

    .soul-about-approach .gls-section-head {
        max-width: 100% !important;
        margin-bottom: 18px !important;
    }

    .soul-about-approach__card {
        column-count: 1 !important;
        column-gap: 0 !important;
        column-rule: 0 !important;

        padding: 22px 18px !important;
        border-radius: 24px !important;
    }
}

@media (max-width: 767px) {
    html body main.gls-page.gla2-about-page .gls-container {
        width: min(100% - 28px, 100%) !important;
    }

    .gla2-values,
    .gla2-steps,
    .gla2-audience {
        grid-template-columns: 1fr !important;
    }

    .gla2-audience-card {
        grid-template-columns: 1fr !important;
    }

    .gla2-final__box {
        padding: 30px 24px !important;
        border-radius: 26px !important;
    }

    .gla2-founder__body {
        padding: 22px !important;
    }

    .gla2-founder__badge {
        padding: 12px 14px !important;
        border-radius: 17px !important;
    }

    .gla2-founder__badge strong {
        font-size: 12px !important;
        line-height: 1.38 !important;
    }

    .gla2-founder__quote {
        padding: 16px 16px 16px 18px !important;
        border-radius: 16px !important;
    }

    .gla2-founder__quote-mark {
        top: 7px !important;
        left: 12px !important;
        font-size: 32px !important;
    }

    .gla2-founder__quote-text {
        padding-left: 15px !important;
    }

    .gla2-founder__quote-text p {
        font-size: 12.5px !important;
        line-height: 1.42 !important;
    }
}
/* =========================================================
   ABOUT PAGE — TYPOGRAPHY RESET TO NEW SITE
   Убираем старые жирные шрифты и возвращаем типографику нового сайта
   ========================================================= */

/* вся страница наследует основной шрифт сайта */
html body main.gls-page.gla2-about-page,
html body main.gls-page.gla2-about-page * {
    font-family: inherit !important;
}

/* H1 */
html body main.gls-page.gla2-about-page h1,
html body main.gls-page.gla2-about-page .gla2-hero__title,
html body main.gls-page.gla2-about-page .gls-hero__title {
    font-weight: 700 !important;
    letter-spacing: -0.055em !important;
    line-height: 0.96 !important;
}

/* H2 */
html body main.gls-page.gla2-about-page h2,
html body main.gls-page.gla2-about-page .gls-section-title,
html body main.gls-page.gla2-about-page .gla2-final__title,
html body main.gls-page.gla2-about-page .soul-about-approach__title {
    font-weight: 650 !important;
    letter-spacing: -0.05em !important;
    line-height: 1 !important;
}

/* H3 */
html body main.gls-page.gla2-about-page h3,
html body main.gls-page.gla2-about-page .gla2-value-card h3,
html body main.gls-page.gla2-about-page .gla2-step h3,
html body main.gls-page.gla2-about-page .gla2-audience-card h3 {
    font-weight: 600 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.12 !important;
}

/* обычный текст */
html body main.gls-page.gla2-about-page p,
html body main.gls-page.gla2-about-page li,
html body main.gls-page.gla2-about-page .gla2-hero__text,
html body main.gls-page.gla2-about-page .gla2-value-card p,
html body main.gls-page.gla2-about-page .gla2-step p,
html body main.gls-page.gla2-about-page .gla2-audience-card p,
html body main.gls-page.gla2-about-page .gla2-final__box p,
html body main.gls-page.gla2-about-page .soul-about-approach__card p {
    font-weight: 400 !important;
    letter-spacing: -0.018em !important;
    line-height: 1.52 !important;
}

/* ссылки и кнопки — не жирные, но кликабельные */
html body main.gls-page.gla2-about-page a,
html body main.gls-page.gla2-about-page button,
html body main.gls-page.gla2-about-page .gls-btn,
html body main.gls-page.gla2-about-page .gls-link-btn,
html body main.gls-page.gla2-about-page .gla2-titanium-btn {
    font-weight: 600 !important;
    letter-spacing: -0.015em !important;
}

/* бейджи / маленькие плашки */
html body main.gls-page.gla2-about-page .gls-badge,
html body main.gls-page.gla2-about-page .gla2-badge,
html body main.gls-page.gla2-about-page .soul-about-approach__pill,
html body main.gls-page.gla2-about-page .gla2-founder__badge-label {
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
}

/* strong больше не делает текст дубово жирным */
html body main.gls-page.gla2-about-page strong,
html body main.gls-page.gla2-about-page b {
    font-weight: 600 !important;
}

/* карточка основателя */
html body main.gls-page.gla2-about-page .gla2-founder__brand strong,
html body main.gls-page.gla2-about-page .gla2-founder__name strong,
html body main.gls-page.gla2-about-page .gla2-founder__badge strong {
    font-weight: 600 !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__brand span,
html body main.gls-page.gla2-about-page .gla2-founder__name span,
html body main.gls-page.gla2-about-page .gla2-founder__quote,
html body main.gls-page.gla2-about-page .gla2-founder__quote-text p {
    font-weight: 400 !important;
}
/* =========================================================
   ABOUT PAGE — GAP BETWEEN SECTION TITLE AND CARDS
   Отступ между большим заголовком и карточками
   ========================================================= */

html body main.gls-page.gla2-about-page .gla2-section-head + .gla2-values,
html body main.gls-page.gla2-about-page .gla2-section-head + .gla2-steps,
html body main.gls-page.gla2-about-page .gla2-section-head + .gla2-audience {
    margin-top: 42px !important;
}

/* конкретно для этого блока с 4 карточками */
html body main.gls-page.gla2-about-page .gla2-values {
    margin-top: 42px !important;
}

/* мобильная версия */
@media (max-width: 767px) {
    html body main.gls-page.gla2-about-page .gla2-section-head + .gla2-values,
    html body main.gls-page.gla2-about-page .gla2-section-head + .gla2-steps,
    html body main.gls-page.gla2-about-page .gla2-section-head + .gla2-audience,
    html body main.gls-page.gla2-about-page .gla2-values {
        margin-top: 28px !important;
    }
}
/* =========================================================
   ABOUT PAGE — AUDIENCE BLOCK TITLE GAP
   Отступ между заголовком “Для кого это” и карточками
   ========================================================= */

html body main.gls-page.gla2-about-page .gla2-audience {
    margin-top: 46px !important;
}

/* если блок идёт сразу после заголовочной обёртки */
html body main.gls-page.gla2-about-page .gla2-section-head + .gla2-audience {
    margin-top: 46px !important;
}

/* если заголовок и карточки внутри одной секции без section-head */
html body main.gls-page.gla2-about-page h2 + .gla2-audience,
html body main.gls-page.gla2-about-page .gls-section-title + .gla2-audience {
    margin-top: 46px !important;
}

@media (max-width: 767px) {
    html body main.gls-page.gla2-about-page .gla2-audience,
    html body main.gls-page.gla2-about-page .gla2-section-head + .gla2-audience,
    html body main.gls-page.gla2-about-page h2 + .gla2-audience,
    html body main.gls-page.gla2-about-page .gls-section-title + .gla2-audience {
        margin-top: 30px !important;
    }
}
/* =========================================================
   ABOUT PAGE — APPROACH TITLE GAP
   Отступ между заголовком “Сначала система...” и текстовой карточкой
   ========================================================= */

html body main.gls-page.gla2-about-page .soul-about-approach__card {
    margin-top: 42px !important;
}

/* если карточка идёт сразу после заголовка */
html body main.gls-page.gla2-about-page .soul-about-approach__title + .soul-about-approach__card {
    margin-top: 42px !important;
}

/* если есть head-обёртка перед карточкой */
html body main.gls-page.gla2-about-page .soul-about-approach__head + .soul-about-approach__card {
    margin-top: 42px !important;
}

@media (max-width: 767px) {
    html body main.gls-page.gla2-about-page .soul-about-approach__card,
    html body main.gls-page.gla2-about-page .soul-about-approach__title + .soul-about-approach__card,
    html body main.gls-page.gla2-about-page .soul-about-approach__head + .soul-about-approach__card {
        margin-top: 28px !important;
    }
}
/* =========================================================
   ABOUT PAGE — FOUNDER CARD GREY TITANIUM FIX
   Возвращаем правой карточке серо-титановую нижнюю подложку,
   уплотняем тексты и плашки, цитату ставим под знак
   ========================================================= */

/* нижняя текстовая часть карточки — серый titanium, как в старой версии */
html body main.gls-page.gla2-about-page .gla2-founder__body,
html body main.gls-page.gla2-about-page .gla2-about-hero__card-body {
    padding: 24px 28px 28px !important;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(255, 255, 255, 0.56) 0%,
            rgba(255, 255, 255, 0.20) 34%,
            rgba(255, 255, 255, 0.00) 66%
        ),
        linear-gradient(
            145deg,
            rgba(229, 230, 228, 0.96) 0%,
            rgba(206, 210, 211, 0.92) 38%,
            rgba(171, 178, 182, 0.88) 72%,
            rgba(222, 224, 222, 0.94) 100%
        ) !important;

    border-top: 1px solid rgba(255, 255, 255, 0.64) !important;
}

/* если body нет отдельным блоком, красим всю карточку снизу через общий фон */
html body main.gls-page.gla2-about-page .gla2-founder,
html body main.gls-page.gla2-about-page .gla2-about-hero__card {
    background:
        linear-gradient(
            180deg,
            rgba(246, 246, 244, 0.96) 0%,
            rgba(246, 246, 244, 0.96) 43%,
            rgba(224, 225, 223, 0.96) 43%,
            rgba(194, 199, 201, 0.94) 72%,
            rgba(216, 218, 216, 0.96) 100%
        ) !important;

    border-color: rgba(178, 184, 188, 0.58) !important;

    box-shadow:
        0 18px 34px rgba(35, 38, 45, 0.13),
        0 7px 16px rgba(35, 38, 45, 0.09),
        0 0 14px rgba(52, 58, 68, 0.30),
        0 0 30px rgba(52, 58, 68, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        inset 0 -1px 0 rgba(72, 78, 88, 0.14) !important;
}

/* блок SOULULAB + подпись — кучнее */
html body main.gls-page.gla2-about-page .gla2-founder__brand,
html body main.gls-page.gla2-about-page .gla2-about-founder-brand {
    gap: 12px !important;
    margin-bottom: 14px !important;
    align-items: center !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__brand img,
html body main.gls-page.gla2-about-page .gla2-about-founder-brand img {
    width: 38px !important;
    height: 38px !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__brand strong,
html body main.gls-page.gla2-about-page .gla2-about-founder-brand strong {
    display: block !important;
    margin: 0 0 2px !important;

    font-size: 14px !important;
    line-height: 1.05 !important;
    font-weight: 650 !important;
    letter-spacing: -0.02em !important;

    color: rgba(28, 32, 40, 0.92) !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__brand span,
html body main.gls-page.gla2-about-page .gla2-about-founder-brand span {
    display: block !important;
    margin: 0 !important;

    font-size: 12px !important;
    line-height: 1.12 !important;
    font-weight: 400 !important;
    letter-spacing: -0.015em !important;

    color: rgba(62, 66, 74, 0.58) !important;
}

/* все внутренние плашки — серее, плотнее, металлические */
html body main.gls-page.gla2-about-page .gla2-founder__name,
html body main.gls-page.gla2-about-page .gla2-founder__quote,
html body main.gls-page.gla2-about-page .gla2-founder__badge,
html body main.gls-page.gla2-about-page .gla2-founder__badge--system,
html body main.gls-page.gla2-about-page .gla2-about-founder-meta,
html body main.gls-page.gla2-about-page .gla2-about-founder-quote {
    background:
        linear-gradient(
            145deg,
            rgba(248, 249, 248, 0.86) 0%,
            rgba(224, 226, 224, 0.74) 48%,
            rgba(198, 202, 203, 0.62) 100%
        ) !important;

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

    box-shadow:
        0 8px 18px rgba(35, 38, 45, 0.075),
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        inset 0 -1px 0 rgba(72, 78, 88, 0.10) !important;

    backdrop-filter: blur(12px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.04) !important;
}

/* имя — меньше воздуха */
html body main.gls-page.gla2-about-page .gla2-founder__name,
html body main.gls-page.gla2-about-page .gla2-about-founder-meta {
    margin-bottom: 12px !important;
    padding: 13px 16px !important;
    border-radius: 17px !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__name strong,
html body main.gls-page.gla2-about-page .gla2-about-founder-meta strong {
    margin: 0 0 4px !important;

    font-size: 14px !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;

    color: rgba(31, 36, 48, 0.88) !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__name span,
html body main.gls-page.gla2-about-page .gla2-about-founder-meta span {
    margin: 0 !important;

    font-size: 12.5px !important;
    line-height: 1.26 !important;
    font-weight: 400 !important;

    color: rgba(55, 59, 68, 0.58) !important;
}

/* плашки Опыт / Система — компактнее */
html body main.gls-page.gla2-about-page .gla2-founder__badges {
    gap: 9px !important;
    margin: 12px 0 14px !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__badge,
html body main.gls-page.gla2-about-page .gla2-founder__badge--system {
    padding: 11px 14px !important;
    border-radius: 16px !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__badge-label {
    margin-bottom: 4px !important;

    font-size: 9.5px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    letter-spacing: 0.045em !important;

    color: rgba(55, 59, 68, 0.48) !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__badge strong {
    font-size: 12px !important;
    line-height: 1.28 !important;
    font-weight: 500 !important;
    letter-spacing: -0.015em !important;

    color: rgba(31, 36, 48, 0.82) !important;
}

/* цитата — как слева: знак сверху, текст ниже */
html body main.gls-page.gla2-about-page .gla2-founder__quote,
html body main.gls-page.gla2-about-page .gla2-about-founder-quote {
    position: relative !important;

    margin-top: 12px !important;
    margin-bottom: 0 !important;
    padding: 16px 18px 18px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__quote-mark {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    display: block !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    font-size: 28px !important;
    line-height: 0.8 !important;
    font-weight: 600 !important;

    color: rgba(80, 84, 90, 0.20) !important;
    pointer-events: none !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__quote-text {
    position: relative !important;
    z-index: 1 !important;

    padding-left: 0 !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__quote-text p {
    margin: 0 !important;

    font-size: 12.5px !important;
    line-height: 1.38 !important;
    font-weight: 400 !important;
    letter-spacing: -0.015em !important;

    color: rgba(45, 50, 60, 0.78) !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__quote-text p + p {
    margin-top: 9px !important;
}

/* на случай, если цитата сейчас без quote-text, обычный текст тоже ставим ниже */
html body main.gls-page.gla2-about-page .gla2-founder__quote > p,
html body main.gls-page.gla2-about-page .gla2-about-founder-quote > p {
    padding-left: 0 !important;
    margin: 0 0 9px !important;

    font-size: 12.5px !important;
    line-height: 1.38 !important;
    font-weight: 400 !important;

    color: rgba(45, 50, 60, 0.78) !important;
}

@media (max-width: 767px) {
    html body main.gls-page.gla2-about-page .gla2-founder__body,
    html body main.gls-page.gla2-about-page .gla2-about-hero__card-body {
        padding: 20px 20px 22px !important;
    }

    html body main.gls-page.gla2-about-page .gla2-founder__brand,
    html body main.gls-page.gla2-about-page .gla2-about-founder-brand {
        margin-bottom: 12px !important;
    }

    html body main.gls-page.gla2-about-page .gla2-founder__name,
    html body main.gls-page.gla2-about-page .gla2-about-founder-meta {
        padding: 12px 14px !important;
    }

    html body main.gls-page.gla2-about-page .gla2-founder__quote,
    html body main.gls-page.gla2-about-page .gla2-about-founder-quote {
        padding: 15px 16px 17px !important;
    }
}
/* =========================================================
   ABOUT PAGE — FOUNDER CARD CLEAN GREY / NATURAL TITANIUM
   Чистый серо-металлический низ карточки без грязных пятен
   и без торчащих уголков
   ========================================================= */

/* убираем торчащие уголки: карточка снова режет всё внутри себя */
html body main.gls-page.gla2-about-page .gla2-founder,
html body main.gls-page.gla2-about-page .gla2-about-hero__card {
    overflow: hidden !important;
    isolation: isolate !important;

    border-radius: 30px !important;
    border: 1px solid rgba(188, 192, 196, 0.72) !important;

    background:
        linear-gradient(
            180deg,
            rgba(246, 246, 244, 0.98) 0%,
            rgba(238, 238, 235, 0.98) 44%,
            rgba(206, 208, 207, 0.98) 44%,
            rgba(184, 187, 187, 0.98) 68%,
            rgba(214, 214, 211, 0.98) 100%
        ) !important;

    box-shadow:
        0 22px 42px rgba(34, 38, 44, 0.16),
        0 9px 20px rgba(34, 38, 44, 0.10),
        0 0 18px rgba(58, 62, 68, 0.22),
        0 0 42px rgba(58, 62, 68, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        inset 0 -1px 0 rgba(70, 74, 80, 0.16) !important;

    filter: none !important;
}



/* фото сверху — аккуратно режется по верхним углам */
html body main.gls-page.gla2-about-page .gla2-founder__photo,
html body main.gls-page.gla2-about-page .gla2-about-hero__photo,
html body main.gls-page.gla2-about-page .gla2-about-hero__image {
    overflow: hidden !important;

    border-radius: 30px 30px 0 0 !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__photo img,
html body main.gls-page.gla2-about-page .gla2-about-hero__photo img,
html body main.gls-page.gla2-about-page .gla2-about-hero__image img {
    display: block !important;

    border-radius: 30px 30px 0 0 !important;
    clip-path: none !important;
}

/* нижняя текстовая часть — серый металл + натуральный титан, без синевы */
html body main.gls-page.gla2-about-page .gla2-founder__body,
html body main.gls-page.gla2-about-page .gla2-about-hero__card-body {
    padding: 24px 28px 28px !important;

    background:
        radial-gradient(
            ellipse at 18% 0%,
            rgba(255, 255, 255, 0.46) 0%,
            rgba(255, 255, 255, 0.18) 34%,
            rgba(255, 255, 255, 0.00) 70%
        ),
        linear-gradient(
            135deg,
            rgb(224, 224, 220) 0%,
            rgb(205, 207, 205) 28%,
            rgb(177, 181, 181) 54%,
            rgb(196, 198, 196) 74%,
            rgb(230, 228, 222) 100%
        ) !important;

    border-top: 1px solid rgba(255, 255, 255, 0.68) !important;
}

/* внутренние плашки — тоже серый metallic, но светлее */
html body main.gls-page.gla2-about-page .gla2-founder__name,
html body main.gls-page.gla2-about-page .gla2-founder__quote,
html body main.gls-page.gla2-about-page .gla2-founder__badge,
html body main.gls-page.gla2-about-page .gla2-founder__badge--system,
html body main.gls-page.gla2-about-page .gla2-about-founder-meta,
html body main.gls-page.gla2-about-page .gla2-about-founder-quote {
    background:
        linear-gradient(
            145deg,
            rgb(246, 247, 245) 0%,
            rgb(228, 229, 226) 38%,
            rgb(207, 210, 209) 72%,
            rgb(238, 237, 232) 100%
        ) !important;

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

    box-shadow:
        0 8px 18px rgba(34, 38, 44, 0.075),
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -1px 0 rgba(80, 84, 88, 0.10) !important;

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

/* SOULULAB + подпись — плотнее */
html body main.gls-page.gla2-about-page .gla2-founder__brand {
    gap: 10px !important;
    margin-bottom: 13px !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__brand strong {
    margin: 0 0 1px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 650 !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__brand span {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
}

/* ФИО-плашка — меньше воздуха */
html body main.gls-page.gla2-about-page .gla2-founder__name {
    padding: 12px 15px !important;
    margin-bottom: 12px !important;
    border-radius: 16px !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__name strong {
    margin: 0 0 3px !important;
    font-size: 13.5px !important;
    line-height: 1.08 !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__name span {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
}

/* цитата — знак сверху, текст под ним */
html body main.gls-page.gla2-about-page .gla2-founder__quote {
    padding: 15px 17px 17px !important;
    margin-top: 12px !important;
    border-radius: 17px !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__quote-mark {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    display: block !important;
    margin: 0 0 8px !important;

    font-size: 30px !important;
    line-height: 0.8 !important;

    color: rgba(80, 84, 90, 0.20) !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__quote-text {
    padding-left: 0 !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__quote-text p {
    font-size: 12.5px !important;
    line-height: 1.36 !important;
    font-weight: 400 !important;
}
/* =========================================================
   ABOUT — founder card:
   вернуть внешнюю подложку + мягкую тёмную подсветку
   и сделать композицию чуть уже
   ========================================================= */

html body main.gls-page.gla2-about-page .gla2-founder,
html body main.gls-page.gla2-about-page .gla2-about-hero__card {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;

    /* делаем композицию поуже */
    width: min(100%, 468px) !important;
    max-width: 468px !important;
    margin-inline: auto !important;

    border-radius: 34px !important;

    /* текущий основной цвет не трогаем, только чуть подчёркиваем объём */
    box-shadow:
        0 14px 28px rgba(33, 36, 41, 0.12),
        0 4px 10px rgba(33, 36, 41, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

/* весь контент выше декоративных слоёв */
html body main.gls-page.gla2-about-page .gla2-founder > *,
html body main.gls-page.gla2-about-page .gla2-about-hero__card > * {
    position: relative !important;
    z-index: 3 !important;
}

/* внешняя подложка / рамка — как на правом референсе */
html body main.gls-page.gla2-about-page .gla2-founder::before,
html body main.gls-page.gla2-about-page .gla2-about-hero__card::before {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;

    /* чуть выходит за пределы карточки */
    inset: -8px -8px -14px -8px !important;

    border-radius: 38px !important;

    background:
        linear-gradient(
            180deg,
            rgba(244, 244, 241, 0.82) 0%,
            rgba(226, 226, 222, 0.76) 34%,
            rgba(187, 190, 191, 0.78) 72%,
            rgba(214, 214, 210, 0.82) 100%
        ) !important;

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

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.62),
        inset 0 -1px 0 rgba(112, 118, 124, 0.12),
        0 10px 20px rgba(25, 27, 31, 0.08) !important;
}

/* мягкая тёмная подсветка снизу, без кругов и грязных ореолов */
html body main.gls-page.gla2-about-page .gla2-founder::after,
html body main.gls-page.gla2-about-page .gla2-about-hero__card::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;

    left: 18px !important;
    right: 18px !important;
    bottom: -18px !important;
    height: 42px !important;

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

    background: rgba(20, 22, 27, 0.22) !important;
    filter: blur(20px) !important;
    opacity: 0.75 !important;

    transform: translateZ(0) !important;
}

/* чтобы фото и низ карточки красиво сидели внутри новой рамки */
html body main.gls-page.gla2-about-page .gla2-founder__photo,
html body main.gls-page.gla2-about-page .gla2-about-hero__card-photo,
html body main.gls-page.gla2-about-page .gla2-founder img,
html body main.gls-page.gla2-about-page .gla2-about-hero__card img {
    border-top-left-radius: 28px !important;
    border-top-right-radius: 28px !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__body,
html body main.gls-page.gla2-about-page .gla2-about-hero__card-body {
    border-bottom-left-radius: 28px !important;
    border-bottom-right-radius: 28px !important;
}
/* =========================================================
   ABOUT — PREMIUM TITANIUM FRAME RESTORE
   Возвращаем дорогую титановую рамку вокруг карточки:
   ровная толщина, graphite glow, без белой дешёвой окантовки
   ========================================================= */

html body main.gls-page.gla2-about-page .gla2-founder,
html body main.gls-page.gla2-about-page .gla2-about-hero__card {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;

    width: min(100%, 456px) !important;
    max-width: 456px !important;

    border-radius: 31px !important;

    border: 1px solid rgba(118, 124, 130, 0.34) !important;

    box-shadow:
        0 18px 34px rgba(32, 35, 40, 0.15),
        0 7px 16px rgba(32, 35, 40, 0.10),
        0 2px 6px rgba(32, 35, 40, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.62),
        inset 0 -1px 0 rgba(70, 76, 82, 0.16) !important;

    filter:
        drop-shadow(0 0 10px rgba(44, 49, 56, 0.30))
        drop-shadow(0 0 24px rgba(44, 49, 56, 0.20))
        drop-shadow(0 18px 34px rgba(25, 28, 34, 0.20)) !important;
}

/* контент всегда выше декоративной рамки */
html body main.gls-page.gla2-about-page .gla2-founder > *,
html body main.gls-page.gla2-about-page .gla2-about-hero__card > * {
    position: relative !important;
    z-index: 4 !important;
}

/* ровная внешняя титановая пластина, одинаковая со всех сторон */
html body main.gls-page.gla2-about-page .gla2-founder::before,
html body main.gls-page.gla2-about-page .gla2-about-hero__card::before {
    content: "" !important;
    display: block !important;

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

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

    padding: 7px !important;

    background:
        linear-gradient(
            145deg,
            rgb(238, 238, 233) 0%,
            rgb(196, 199, 199) 18%,
            rgb(130, 137, 141) 38%,
            rgb(225, 224, 218) 58%,
            rgb(162, 168, 170) 78%,
            rgb(246, 245, 239) 100%
        ) !important;

    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.32),
        0 0 0 2px rgba(78, 84, 92, 0.16),
        0 0 18px rgba(50, 56, 64, 0.28),
        0 0 42px rgba(50, 56, 64, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.62),
        inset 0 -1px 0 rgba(48, 54, 62, 0.18) !important;

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
}

/* мягкая неоновая графитовая подсветка, без кругов */
html body main.gls-page.gla2-about-page .gla2-founder::after,
html body main.gls-page.gla2-about-page .gla2-about-hero__card::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    inset: -13px !important;
    z-index: 0 !important;

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

    background:
        linear-gradient(
            180deg,
            rgba(52, 58, 68, 0.18) 0%,
            rgba(52, 58, 68, 0.12) 46%,
            rgba(28, 32, 38, 0.22) 100%
        ) !important;

    filter: blur(18px) !important;
    opacity: 0.72 !important;
}

/* чтобы фото и низ не ломали радиусы внутри новой рамки */
html body main.gls-page.gla2-about-page .gla2-founder__photo,
html body main.gls-page.gla2-about-page .gla2-about-hero__photo,
html body main.gls-page.gla2-about-page .gla2-about-hero__image {
    overflow: hidden !important;
    border-radius: 30px 30px 0 0 !important;
}

html body main.gls-page.gla2-about-page .gla2-founder__photo img,
html body main.gls-page.gla2-about-page .gla2-about-hero__photo img,
html body main.gls-page.gla2-about-page .gla2-about-hero__image img {
    border-radius: 30px 30px 0 0 !important;
}

/* нижняя часть остаётся текущего удачного цвета */
html body main.gls-page.gla2-about-page .gla2-founder__body,
html body main.gls-page.gla2-about-page .gla2-about-hero__card-body {
    border-radius: 0 0 30px 30px !important;
}
/* немного больше натурального титана в фоне карточки */
html body main.gls-page.gla2-about-page .gla2-founder,
html body main.gls-page.gla2-about-page .gla2-about-hero__card {
    background:
        radial-gradient(
            circle at 18% 12%,
            rgba(255, 255, 255, 0.22) 0%,
            rgba(255, 255, 255, 0.08) 26%,
            rgba(255, 255, 255, 0) 48%
        ),
        linear-gradient(
            135deg,
            rgb(221, 217, 209) 0%,
            rgb(212, 208, 199) 18%,
            rgb(197, 200, 200) 38%,
            rgb(220, 216, 208) 58%,
            rgb(187, 193, 196) 79%,
            rgb(216, 212, 205) 100%
        ) !important;
}
/* =========================================================
   ABOUT PAGE — HEADER NATURAL TITANIUM THEME
   Убираем голубой оттенок шапки на странице “О нас”
   и переводим её в тёплый natural titanium
   ========================================================= */

/* сама glass-капсула шапки */
body.soul-page--about .soul-header__inner,
body:has(main.gla2-about-page) .soul-header__inner {
    background:
        radial-gradient(
            circle at 16% -35%,
            rgba(255, 255, 255, 0.64) 0%,
            rgba(255, 255, 255, 0.28) 28%,
            rgba(255, 255, 255, 0.05) 56%,
            rgba(255, 255, 255, 0.00) 76%
        ),
        radial-gradient(
            circle at 82% 0%,
            rgba(226, 214, 193, 0.42) 0%,
            rgba(226, 214, 193, 0.16) 34%,
            rgba(226, 214, 193, 0.00) 68%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.40) 0%,
            rgba(246, 243, 235, 0.28) 34%,
            rgba(218, 212, 198, 0.22) 62%,
            rgba(164, 156, 142, 0.24) 100%
        ) !important;

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

    box-shadow:
        0 20px 44px rgba(64, 58, 50, 0.14),
        0 8px 20px rgba(64, 58, 50, 0.08),
        0 0 26px rgba(196, 188, 172, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        inset 0 2px 8px rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(92, 84, 74, 0.13) !important;
}

/* WEB-кнопка — natural titanium вместо голубого */
body.soul-page--about .soul-header__web-button,
body:has(main.gla2-about-page) .soul-header__web-button {
    color: rgba(38, 34, 30, 0.90) !important;

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(255, 255, 255, 0.82) 0%,
            rgba(255, 255, 255, 0.30) 42%,
            rgba(255, 255, 255, 0.00) 72%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.72) 0%,
            rgba(238, 234, 224, 0.54) 42%,
            rgba(198, 190, 176, 0.34) 100%
        ) !important;

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

    box-shadow:
        0 12px 24px rgba(64, 58, 50, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -1px 0 rgba(132, 124, 112, 0.10) !important;
}

body.soul-page--about .soul-header__web-button:hover,
body:has(main.gla2-about-page) .soul-header__web-button:hover {
    color: rgba(34, 30, 26, 0.98) !important;

    box-shadow:
        0 16px 32px rgba(64, 58, 50, 0.14),
        0 0 20px rgba(196, 188, 172, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.90),
        inset 0 -1px 0 rgba(132, 124, 112, 0.12) !important;
}

/* выпадающее WEB-меню — тоже в тёплый titanium */
body.soul-page--about .soul-header__web-menu,
body:has(main.gla2-about-page) .soul-header__web-menu {
    background:
        linear-gradient(
            180deg,
            rgba(250, 248, 242, 0.86) 0%,
            rgba(235, 231, 222, 0.80) 48%,
            rgba(212, 205, 192, 0.74) 100%
        ) !important;

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

    box-shadow:
        0 20px 42px rgba(64, 58, 50, 0.16),
        0 8px 20px rgba(64, 58, 50, 0.10),
        0 0 26px rgba(196, 188, 172, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -1px 0 rgba(132, 124, 112, 0.10) !important;
}

/* пункты dropdown — плотные natural titanium плашки */
body.soul-page--about .soul-header__web-menu a,
body:has(main.gla2-about-page) .soul-header__web-menu a {
    color: rgba(34, 30, 28, 0.90) !important;

    background:
        linear-gradient(
            145deg,
            rgb(255, 255, 255) 0%,
            rgb(246, 243, 236) 44%,
            rgb(226, 219, 207) 100%
        ) !important;

    border-color: rgba(190, 180, 164, 0.52) !important;

    box-shadow:
        0 8px 18px rgba(64, 58, 50, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(132, 124, 112, 0.10) !important;
}

body.soul-page--about .soul-header__web-menu a:hover,
body:has(main.gla2-about-page) .soul-header__web-menu a:hover {
    color: rgba(24, 22, 20, 0.98) !important;

    background:
        linear-gradient(
            145deg,
            rgb(255, 255, 255) 0%,
            rgb(241, 236, 226) 42%,
            rgb(204, 196, 180) 100%
        ) !important;

    border-color: rgba(132, 124, 112, 0.34) !important;

    box-shadow:
        0 12px 24px rgba(64, 58, 50, 0.13),
        0 0 18px rgba(196, 188, 172, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        inset 0 -1px 0 rgba(132, 124, 112, 0.12) !important;
}

/* пункт “Лаборатория” — убираем голубизну, оставляем premium accent */
body.soul-page--about .soul-header__nav a[href="/lab/"],
body:has(main.gla2-about-page) .soul-header__nav a[href="/lab/"] {
    color: rgba(42, 30, 52, 0.94) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.84) 0%,
            rgba(244, 236, 248, 0.54) 44%,
            rgba(212, 198, 224, 0.42) 100%
        ) !important;

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

    box-shadow:
        0 10px 22px rgba(74, 54, 112, 0.12),
        0 0 18px rgba(160, 92, 255, 0.10),
        0 0 14px rgba(196, 188, 172, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        inset 0 -1px 0 rgba(90, 72, 120, 0.10) !important;
}

/* CTA “Заказать звонок” — вместо голубого natural titanium */
body.soul-page--about .soul-header__cta,
body:has(main.gla2-about-page) .soul-header__cta {
    color: rgba(34, 30, 26, 0.94) !important;

    background:
        radial-gradient(
            circle at 22% 0%,
            rgba(255, 255, 255, 0.62) 0%,
            rgba(255, 255, 255, 0.22) 34%,
            rgba(255, 255, 255, 0.00) 66%
        ),
        linear-gradient(
            135deg,
            rgb(255, 255, 255) 0%,
            rgb(238, 234, 224) 24%,
            rgb(202, 194, 178) 58%,
            rgb(246, 242, 234) 100%
        ) !important;

    border-color: rgba(132, 124, 112, 0.52) !important;

    box-shadow:
        0 16px 32px rgba(64, 58, 50, 0.16),
        0 7px 16px rgba(64, 58, 50, 0.10),
        0 0 18px rgba(196, 188, 172, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 -1px 0 rgba(132, 124, 112, 0.14) !important;
}

body.soul-page--about .soul-header__cta:hover,
body:has(main.gla2-about-page) .soul-header__cta:hover {
    color: rgba(24, 22, 20, 0.98) !important;

    background:
        radial-gradient(
            circle at 22% 0%,
            rgba(255, 255, 255, 0.66) 0%,
            rgba(255, 255, 255, 0.24) 34%,
            rgba(255, 255, 255, 0.00) 66%
        ),
        linear-gradient(
            135deg,
            rgb(255, 255, 255) 0%,
            rgb(230, 224, 212) 24%,
            rgb(184, 174, 158) 58%,
            rgb(250, 247, 239) 100%
        ) !important;

    box-shadow:
        0 18px 36px rgba(64, 58, 50, 0.18),
        0 0 24px rgba(196, 188, 172, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(132, 124, 112, 0.16) !important;
}
/* =========================================================
   ABOUT PAGE — HEADER CTA BUTTON NATURAL TITANIUM FIX
   Убираем голубой оттенок у кнопки “Заказать звонок”
   ========================================================= */

html body.soul-page--about header.soul-header a.soul-header__cta.soul-btn,
html body:has(main.gla2-about-page) header.soul-header a.soul-header__cta.soul-btn {
    color: rgba(34, 30, 26, 0.94) !important;
    -webkit-text-fill-color: rgba(34, 30, 26, 0.94) !important;

    background:
        radial-gradient(
            circle at 22% 0%,
            rgba(255, 255, 255, 0.68) 0%,
            rgba(255, 255, 255, 0.24) 34%,
            rgba(255, 255, 255, 0.00) 66%
        ),
        linear-gradient(
            135deg,
            rgb(255, 255, 255) 0%,
            rgb(242, 238, 229) 24%,
            rgb(214, 207, 194) 52%,
            rgb(188, 178, 160) 72%,
            rgb(248, 244, 236) 100%
        ) !important;

    border: 1px solid rgba(132, 124, 112, 0.56) !important;

    box-shadow:
        0 16px 32px rgba(64, 58, 50, 0.16),
        0 7px 16px rgba(64, 58, 50, 0.10),
        0 0 18px rgba(196, 188, 172, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.90),
        inset 0 -1px 0 rgba(132, 124, 112, 0.16) !important;

    text-shadow: none !important;
    filter: none !important;
}

/* перебиваем голубой блик, который идёт из общего .soul-btn::before */
html body.soul-page--about header.soul-header a.soul-header__cta.soul-btn::before,
html body:has(main.gla2-about-page) header.soul-header a.soul-header__cta.soul-btn::before {
    background:
        linear-gradient(
            115deg,
            transparent 0%,
            transparent 16%,
            rgba(255, 255, 255, 0.48) 28%,
            rgba(255, 255, 255, 0.18) 40%,
            transparent 56%,
            transparent 100%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.22) 0%,
            rgba(255, 255, 255, 0.06) 42%,
            transparent 70%
        ) !important;

    opacity: 0.78 !important;
}

/* на всякий случай убираем нижнюю полоску, если прилетела из buttons.css */
html body.soul-page--about header.soul-header a.soul-header__cta.soul-btn::after,
html body:has(main.gla2-about-page) header.soul-header a.soul-header__cta.soul-btn::after {
    content: none !important;
    display: none !important;
}

/* текст поверх блика */
html body.soul-page--about header.soul-header a.soul-header__cta.soul-btn .soul-btn__text,
html body:has(main.gla2-about-page) header.soul-header a.soul-header__cta.soul-btn .soul-btn__text {
    position: relative !important;
    z-index: 2 !important;

    color: rgba(34, 30, 26, 0.94) !important;
    -webkit-text-fill-color: rgba(34, 30, 26, 0.94) !important;
}

/* hover — чуть глубже natural titanium */
html body.soul-page--about header.soul-header a.soul-header__cta.soul-btn:hover,
html body:has(main.gla2-about-page) header.soul-header a.soul-header__cta.soul-btn:hover {
    color: rgba(24, 22, 20, 0.98) !important;
    -webkit-text-fill-color: rgba(24, 22, 20, 0.98) !important;

    background:
        radial-gradient(
            circle at 22% 0%,
            rgba(255, 255, 255, 0.70) 0%,
            rgba(255, 255, 255, 0.26) 34%,
            rgba(255, 255, 255, 0.00) 66%
        ),
        linear-gradient(
            135deg,
            rgb(255, 255, 255) 0%,
            rgb(234, 228, 216) 24%,
            rgb(196, 186, 168) 54%,
            rgb(166, 156, 140) 74%,
            rgb(250, 247, 239) 100%
        ) !important;

    border-color: rgba(132, 124, 112, 0.68) !important;

    box-shadow:
        0 18px 36px rgba(64, 58, 50, 0.18),
        0 0 24px rgba(196, 188, 172, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        inset 0 -1px 0 rgba(132, 124, 112, 0.18) !important;
}
/* =========================================================
   ABOUT PAGE — ACTIVE HEADER NAV ITEM
   Подсветка пункта “О нас” в шапке на странице О нас
   ========================================================= */

/* активный пункт “О нас” */
html body.soul-page--about header.soul-header .soul-header__nav a[href="/about/"],
html body:has(main.gla2-about-page) header.soul-header .soul-header__nav a[href="/about/"] {
    color: rgba(28, 30, 36, 0.96) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.84) 0%,
            rgba(238, 241, 242, 0.58) 46%,
            rgba(178, 186, 192, 0.42) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.64) !important;
    border-radius: 999px !important;

    box-shadow:
        0 10px 22px rgba(52, 58, 64, 0.12),
        0 0 16px rgba(110, 118, 126, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.80),
        inset 0 -1px 0 rgba(80, 88, 96, 0.11) !important;
}

/* если на странице О нас вдруг подсветилась Лаборатория — убираем */
html body.soul-page--about header.soul-header .soul-header__nav a[href="/lab/"],
html body:has(main.gla2-about-page) header.soul-header .soul-header__nav a[href="/lab/"] {
    color: rgba(34, 30, 28, 0.74) !important;

    background: transparent !important;
    border-color: transparent !important;

    box-shadow: none !important;
}

/* если на странице О нас вдруг подсветились Кейсы — убираем */
html body.soul-page--about header.soul-header .soul-header__nav a[href="/cases/"],
html body:has(main.gla2-about-page) header.soul-header .soul-header__nav a[href="/cases/"] {
    color: rgba(34, 30, 28, 0.74) !important;

    background: transparent !important;
    border-color: transparent !important;

    box-shadow: none !important;
}
/* =========================================================
   ABOUT PAGE — ACTIVE NAV NATURAL TITANIUM
   Активный пункт “О нас” в тёплом natural titanium
   ========================================================= */

html body.soul-page--about header.soul-header .soul-header__nav a[href="/about/"],
html body:has(main.gla2-about-page) header.soul-header .soul-header__nav a[href="/about/"] {
    color: rgba(38, 32, 28, 0.96) !important;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(255, 255, 255, 0.88) 0%,
            rgba(255, 255, 255, 0.34) 38%,
            rgba(255, 255, 255, 0.00) 72%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.86) 0%,
            rgba(246, 241, 231, 0.62) 36%,
            rgba(218, 210, 194, 0.46) 68%,
            rgba(246, 242, 234, 0.78) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.68) !important;
    border-radius: 999px !important;

    box-shadow:
        0 10px 22px rgba(64, 58, 50, 0.12),
        0 0 16px rgba(196, 188, 172, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.84),
        inset 0 -1px 0 rgba(132, 124, 112, 0.12) !important;
}

/* hover активного пункта */
html body.soul-page--about header.soul-header .soul-header__nav a[href="/about/"]:hover,
html body:has(main.gla2-about-page) header.soul-header .soul-header__nav a[href="/about/"]:hover {
    color: rgba(28, 24, 21, 0.98) !important;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(255, 255, 255, 0.92) 0%,
            rgba(255, 255, 255, 0.38) 38%,
            rgba(255, 255, 255, 0.00) 72%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.92) 0%,
            rgba(241, 235, 224, 0.68) 38%,
            rgba(204, 194, 176, 0.52) 70%,
            rgba(250, 247, 240, 0.84) 100%
        ) !important;

    box-shadow:
        0 12px 26px rgba(64, 58, 50, 0.15),
        0 0 20px rgba(196, 188, 172, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.90),
        inset 0 -1px 0 rgba(132, 124, 112, 0.14) !important;
}
/* =========================================================
   ABOUT PAGE — FINAL CONTACT FORM
   Нижний CTA-блок с раскрытой формой
   ========================================================= */

html body.soul-page--about .gla2-final-form-section,
html body:has(main.gla2-about-page) .gla2-final-form-section {
    position: relative !important;
    padding: 90px 0 120px !important;
}

html body.soul-page--about .gla2-final-form-card,
html body:has(main.gla2-about-page) .gla2-final-form-card {
    position: relative !important;
    overflow: hidden !important;

    display: grid !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 0.88fr) !important;
    gap: 54px !important;
    align-items: center !important;

    padding: clamp(34px, 5vw, 58px) !important;

    border-radius: 34px !important;

    background:
        radial-gradient(
            circle at 18% 16%,
            rgba(255, 255, 255, 0.82) 0%,
            rgba(255, 255, 255, 0.34) 34%,
            rgba(255, 255, 255, 0.00) 70%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.84) 0%,
            rgba(240, 236, 226, 0.72) 42%,
            rgba(205, 199, 186, 0.64) 100%
        ) !important;

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

    box-shadow:
        0 26px 60px rgba(64, 58, 50, 0.16),
        0 10px 28px rgba(64, 58, 50, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.90),
        inset 0 -1px 0 rgba(132, 124, 112, 0.12) !important;

    backdrop-filter: blur(18px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.06) !important;
}

html body.soul-page--about .gla2-final-form-card__title,
html body:has(main.gla2-about-page) .gla2-final-form-card__title {
    max-width: 560px !important;
    margin: 0 !important;

    color: rgba(28, 25, 34, 0.96) !important;

    font-size: clamp(42px, 5vw, 68px) !important;
    line-height: 0.98 !important;
    font-weight: 800 !important;
    letter-spacing: -0.065em !important;
}

html body.soul-page--about .gla2-final-form-card__lead,
html body:has(main.gla2-about-page) .gla2-final-form-card__lead {
    max-width: 390px !important;
    margin: 26px 0 0 !important;

    color: rgba(52, 50, 60, 0.62) !important;

    font-size: 17px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
    letter-spacing: -0.015em !important;
}

html body.soul-page--about .gla2-final-form,
html body:has(main.gla2-about-page) .gla2-final-form {
    position: relative !important;

    padding: 22px !important;

    border-radius: 28px !important;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(255, 255, 255, 0.74) 0%,
            rgba(255, 255, 255, 0.26) 38%,
            rgba(255, 255, 255, 0.00) 72%
        ),
        rgba(255, 255, 255, 0.46) !important;

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

    box-shadow:
        0 18px 38px rgba(64, 58, 50, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -1px 0 rgba(132, 124, 112, 0.10) !important;

    backdrop-filter: blur(16px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.04) !important;
}

html body.soul-page--about .gla2-final-form__grid,
html body:has(main.gla2-about-page) .gla2-final-form__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

html body.soul-page--about .gla2-final-form__field,
html body:has(main.gla2-about-page) .gla2-final-form__field {
    display: grid !important;
    gap: 7px !important;
}

html body.soul-page--about .gla2-final-form__field--wide,
html body:has(main.gla2-about-page) .gla2-final-form__field--wide {
    grid-column: 1 / -1 !important;
}

html body.soul-page--about .gla2-final-form__field span,
html body:has(main.gla2-about-page) .gla2-final-form__field span {
    color: rgba(38, 34, 30, 0.72) !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

html body.soul-page--about .gla2-final-form input,
html body.soul-page--about .gla2-final-form select,
html body.soul-page--about .gla2-final-form textarea,
html body:has(main.gla2-about-page) .gla2-final-form input,
html body:has(main.gla2-about-page) .gla2-final-form select,
html body:has(main.gla2-about-page) .gla2-final-form textarea {
    width: 100% !important;
    min-height: 46px !important;

    box-sizing: border-box !important;
    padding: 0 14px !important;

    border-radius: 14px !important;

    color: rgba(30, 28, 34, 0.88) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.58) 0%,
            rgba(242, 238, 230, 0.42) 100%
        ) !important;

    border: 1px solid rgba(132, 124, 112, 0.26) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.74),
        inset 0 -1px 0 rgba(132, 124, 112, 0.08) !important;

    outline: none !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

html body.soul-page--about .gla2-final-form textarea,
html body:has(main.gla2-about-page) .gla2-final-form textarea {
    min-height: 104px !important;
    padding-top: 13px !important;
    resize: vertical !important;
}

html body.soul-page--about .gla2-final-form input:focus,
html body.soul-page--about .gla2-final-form select:focus,
html body.soul-page--about .gla2-final-form textarea:focus,
html body:has(main.gla2-about-page) .gla2-final-form input:focus,
html body:has(main.gla2-about-page) .gla2-final-form select:focus,
html body:has(main.gla2-about-page) .gla2-final-form textarea:focus {
    border-color: rgba(82, 76, 66, 0.44) !important;

    box-shadow:
        0 0 0 3px rgba(190, 180, 164, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

html body.soul-page--about .gla2-final-form__bottom,
html body:has(main.gla2-about-page) .gla2-final-form__bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;

    margin-top: 16px !important;
}

html body.soul-page--about .gla2-final-form__agree,
html body:has(main.gla2-about-page) .gla2-final-form__agree {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;

    color: rgba(48, 44, 38, 0.56) !important;

    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
}

html body.soul-page--about .gla2-final-form__agree input,
html body:has(main.gla2-about-page) .gla2-final-form__agree input {
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    margin-top: 1px !important;
}

html body.soul-page--about .gla2-final-form__submit,
html body:has(main.gla2-about-page) .gla2-final-form__submit {
    flex: 0 0 auto !important;

    min-height: 48px !important;
    padding: 0 26px !important;

    border-radius: 15px !important;

    color: rgba(38, 32, 28, 0.94) !important;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(255, 255, 255, 0.90) 0%,
            rgba(255, 255, 255, 0.32) 38%,
            rgba(255, 255, 255, 0.00) 72%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(238, 232, 220, 0.82) 44%,
            rgba(190, 180, 164, 0.72) 100%
        ) !important;

    border: 1px solid rgba(132, 124, 112, 0.36) !important;

    box-shadow:
        0 12px 24px rgba(64, 58, 50, 0.16),
        0 5px 12px rgba(64, 58, 50, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(132, 124, 112, 0.12) !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;

    cursor: pointer !important;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease !important;
}

html body.soul-page--about .gla2-final-form__submit:hover,
html body:has(main.gla2-about-page) .gla2-final-form__submit:hover {
    transform: translateY(-1px) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.98) 0%,
            rgba(244, 238, 226, 0.90) 44%,
            rgba(176, 166, 148, 0.78) 100%
        ) !important;

    box-shadow:
        0 16px 30px rgba(64, 58, 50, 0.20),
        0 7px 16px rgba(64, 58, 50, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        inset 0 -1px 0 rgba(132, 124, 112, 0.14) !important;
}

@media (max-width: 980px) {
    html body.soul-page--about .gla2-final-form-card,
    html body:has(main.gla2-about-page) .gla2-final-form-card {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    html body.soul-page--about .gla2-final-form-card__lead,
    html body:has(main.gla2-about-page) .gla2-final-form-card__lead {
        max-width: 100% !important;
    }
}

@media (max-width: 640px) {
    html body.soul-page--about .gla2-final-form-section,
    html body:has(main.gla2-about-page) .gla2-final-form-section {
        padding: 60px 0 88px !important;
    }

    html body.soul-page--about .gla2-final-form-card,
    html body:has(main.gla2-about-page) .gla2-final-form-card {
        padding: 24px !important;
        border-radius: 26px !important;
    }

    html body.soul-page--about .gla2-final-form-card__title,
    html body:has(main.gla2-about-page) .gla2-final-form-card__title {
        font-size: 38px !important;
    }

    html body.soul-page--about .gla2-final-form__grid,
    html body:has(main.gla2-about-page) .gla2-final-form__grid {
        grid-template-columns: 1fr !important;
    }

    html body.soul-page--about .gla2-final-form__bottom,
    html body:has(main.gla2-about-page) .gla2-final-form__bottom {
        display: grid !important;
        gap: 14px !important;
    }

    html body.soul-page--about .gla2-final-form__submit,
    html body:has(main.gla2-about-page) .gla2-final-form__submit {
        width: 100% !important;
    }
}
/* ABOUT - buttons like header CTA */

body.soul-page--about main .gla2-titanium-btn,
body.soul-page--about main a.gla2-titanium-btn,
body.soul-page--about main .gla2-final-form__submit {
    height: 48px !important;
    min-height: 48px !important;

    padding: 0 22px !important;
    border-radius: 17px !important;

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

    color: rgba(34, 30, 26, 0.94) !important;
    -webkit-text-fill-color: rgba(34, 30, 26, 0.94) !important;

    background:
        radial-gradient(
            circle at 22% 0%,
            rgba(255, 255, 255, 0.68) 0%,
            rgba(255, 255, 255, 0.24) 34%,
            rgba(255, 255, 255, 0) 66%
        ),
        linear-gradient(
            145deg,
            rgba(246, 244, 238, 0.92) 0%,
            rgba(214, 208, 198, 0.78) 48%,
            rgba(154, 145, 132, 0.64) 100%
        ) !important;

    border: 1px solid rgba(132, 124, 112, 0.56) !important;

    box-shadow:
        0 16px 32px rgba(64, 58, 50, 0.16),
        0 7px 16px rgba(64, 58, 50, 0.10),
        inset 0 0 18px rgba(196, 188, 172, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        inset 0 -1px 0 rgba(82, 74, 66, 0.20) !important;

    filter: none !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

body.soul-page--about main .gla2-titanium-btn *,
body.soul-page--about main .gla2-final-form__submit * {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

body.soul-page--about main .gla2-titanium-btn::before,
body.soul-page--about main .gla2-titanium-btn::after,
body.soul-page--about main .gla2-final-form__submit::before,
body.soul-page--about main .gla2-final-form__submit::after {
    content: none !important;
    display: none !important;
}

body.soul-page--about main .gla2-titanium-btn:hover,
body.soul-page--about main a.gla2-titanium-btn:hover,
body.soul-page--about main .gla2-final-form__submit:hover {
    transform: translateY(-1px) !important;

    background:
        radial-gradient(
            circle at 22% 0%,
            rgba(255, 255, 255, 0.78) 0%,
            rgba(255, 255, 255, 0.30) 34%,
            rgba(255, 255, 255, 0) 66%
        ),
        linear-gradient(
            145deg,
            rgba(255, 252, 246, 0.96) 0%,
            rgba(224, 218, 208, 0.84) 48%,
            rgba(166, 156, 142, 0.70) 100%
        ) !important;

    border-color: rgba(132, 124, 112, 0.68) !important;
}
/* ABOUT - requisites premium card */

body.soul-page--about .gla2-requisites {
    padding: 96px 0 120px !important;
}

body.soul-page--about .gla2-requisites .gls-section-head {
    margin-bottom: 38px !important;
}

body.soul-page--about .gla2-requisites-card {
    max-width: 1120px !important;
    padding: 34px !important;
    border-radius: 36px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,0.92), transparent 42%),
        linear-gradient(
            145deg,
            rgba(255,255,255,0.74) 0%,
            rgba(220,224,224,0.58) 48%,
            rgba(164,170,172,0.42) 100%
        ) !important;

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

    box-shadow:
        0 30px 72px rgba(70,72,70,0.18),
        0 10px 26px rgba(70,72,70,0.10),
        inset 0 1px 0 rgba(255,255,255,0.88),
        inset 0 -1px 0 rgba(0,0,0,0.12) !important;

    backdrop-filter: blur(26px) saturate(0.9) !important;
    -webkit-backdrop-filter: blur(26px) saturate(0.9) !important;
}

body.soul-page--about .gla2-requisites-card__top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 28px !important;

    padding-bottom: 26px !important;
    margin-bottom: 28px !important;
    border-bottom: 1px solid rgba(28,31,38,0.10) !important;
}

body.soul-page--about .gla2-requisites-kicker {
    display: inline-flex !important;
    margin-bottom: 10px !important;

    color: rgba(28,31,38,0.52) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

body.soul-page--about .gla2-requisites-card h3 {
    margin: 0 0 8px !important;
    color: rgba(28,31,38,0.94) !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
}

body.soul-page--about .gla2-requisites-card__top p {
    margin: 0 !important;
    color: rgba(40,44,52,0.58) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

body.soul-page--about .gla2-requisites-phone {
    flex: 0 0 auto !important;

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

    min-height: 46px !important;
    padding: 0 20px !important;
    border-radius: 16px !important;

    color: rgba(34,30,26,0.94) !important;
    -webkit-text-fill-color: rgba(34,30,26,0.94) !important;
    text-decoration: none !important;
    font-weight: 700 !important;

    background:
        radial-gradient(circle at 22% 0%, rgba(255,255,255,0.68), rgba(255,255,255,0.22) 34%, transparent 66%),
        linear-gradient(145deg, rgba(246,244,238,0.92), rgba(214,208,198,0.78) 48%, rgba(154,145,132,0.64)) !important;

    border: 1px solid rgba(132,124,112,0.56) !important;

    box-shadow:
        0 12px 26px rgba(64,58,50,0.14),
        inset 0 1px 0 rgba(255,255,255,0.72),
        inset 0 -1px 0 rgba(82,74,66,0.20) !important;
}

body.soul-page--about .gla2-requisites-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

body.soul-page--about .gla2-requisites-group {
    padding: 24px !important;
    border-radius: 26px !important;

    background: rgba(255,255,255,0.34) !important;
    border: 1px solid rgba(255,255,255,0.52) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.66),
        0 10px 24px rgba(70,72,70,0.08) !important;
}

body.soul-page--about .gla2-requisites-group h4 {
    margin: 0 0 18px !important;
    color: rgba(28,31,38,0.92) !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

body.soul-page--about .gla2-requisites-row {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 18px !important;

    padding: 13px 0 !important;
    border-bottom: 1px solid rgba(28,31,38,0.09) !important;
}

body.soul-page--about .gla2-requisites-row:last-child {
    border-bottom: none !important;
}

body.soul-page--about .gla2-requisites-row span {
    color: rgba(32,35,42,0.50) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

body.soul-page--about .gla2-requisites-row strong {
    color: rgba(28,31,38,0.90) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
}

@media (max-width: 860px) {
    body.soul-page--about .gla2-requisites-card__top {
        flex-direction: column !important;
    }

    body.soul-page--about .gla2-requisites-grid {
        grid-template-columns: 1fr !important;
    }

    body.soul-page--about .gla2-requisites-row {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }
}
/* ABOUT - requisites logo */

body.soul-page--about .gla2-requisites-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

body.soul-page--about .gla2-requisites-brand img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    display: block !important;
}

body.soul-page--about .gla2-requisites-brand .gla2-requisites-kicker {
    margin-bottom: 0 !important;
}
body.soul-page--about .gla2-requisites-brand .gla2-requisites-kicker {
    color: rgba(28, 31, 38, 0.94) !important;
    -webkit-text-fill-color: rgba(28, 31, 38, 0.94) !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
}
body.soul-page-about .gla2-founder .gla2-founder__brand,
body.soul-page-about .gla2-founder .gla2-founder__name,
body.soul-page-about .gla2-founder .gla2-founder__badges,
body.soul-page-about .gla2-founder .gla2-founder__quote {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.10),
            rgba(255, 255, 255, 0.035)
        ) !important;

    border-color: rgba(255, 255, 255, 0.18) !important;
}
.gla2-value-card__icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;

    display: grid;
    place-items: center;

    color: rgba(111, 94, 62, .88);

    border: 1px solid rgba(184, 162, 112, .24);
    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 253, 246, .96),
            rgba(226, 219, 202, .78)
        );

    box-shadow:
        0 10px 24px rgba(88, 72, 40, .10),
        inset 0 1px 0 rgba(255, 255, 255, .96),
        inset 0 -1px 0 rgba(118, 98, 54, .08);
}

.gla2-value-card__icon svg {
    width: 27px;
    height: 27px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}