#sp-header .sp-module {
  margin-left: 20px;
  width: 100% !important;
}
.sini{
	color: #2457e6;
}
.sin-kn{
border-radius: 11px;
background: linear-gradient( 135deg, #2457e6 0%, #1f4fd5 100% );
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(36, 87, 230, 0.18);
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  padding: 12px 20px;
}
.sin-kn:hover{
  color: #ffffff;
}
.sppb-btn i{
	margin: 0 10px;
}
.glink{
	font-size: 16px;
  line-height: 70px;
  font-weight: 500 !important;
}
.gt-current-lang span{
	color: #101010;
}
/* =========================================================
   GKH MAG — HERO BACKGROUND
   ========================================================= */
#hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        /* Большой синий декоративный круг */
        radial-gradient(
            circle 230px at calc(100% + 50px) 20px,
            transparent 0,
            transparent 228px,
            rgba(36, 87, 230, 0.12) 229px,
            rgba(36, 87, 230, 0.12) 230px,
            transparent 231px
        ),
        /* Маленький зеленый декоративный круг */
        radial-gradient(
            circle 140px at 82% calc(100% + 50px),
            transparent 0,
            transparent 138px,
            rgba(22, 147, 95, 0.12) 139px,
            rgba(22, 147, 95, 0.12) 140px,
            transparent 141px
        ),
        /* Синее свечение */
        radial-gradient(
            circle at 82% 22%,
            rgba(36, 87, 230, 0.12) 0%,
            rgba(36, 87, 230, 0.045) 45%,
            transparent 72%
        ),
        /* Зеленое свечение */
        radial-gradient(
            circle at 68% 78%,
            rgba(22, 147, 95, 0.07) 0%,
            transparent 32%
        ),
        /* Основной фон */
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fafc 100%
        );
}
/* =========================================================
   СЕТКА
   ========================================================= */
#hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    width: 52%;
    height: 100%;
    opacity: 0.28;
    pointer-events: none;
    background-image:
        linear-gradient(
            rgba(36, 87, 230, 0.055) 1px,
            transparent 1px),
        linear-gradient(
            90deg,
            rgba(36, 87, 230, 0.055) 1px,
            transparent 1px);
    background-size: 34px 34px;
    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 30%,
            #000 100%
        );
    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 30%,
            #000 100%
        );
}
/* =========================================================
   НАДПИСЬ ЖКХ
   ========================================================= */
#hero::after {
    content: "ЖКХ";
    position: absolute;
    z-index: 0;
    top: 20px;
    right: 100px;
    color: rgba(16, 37, 54, 0.035);
    font-family: "Manrope", sans-serif;
    font-size: 148px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.08em;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
}
/* =========================================================
   SP PAGE BUILDER — КОНТЕНТ ПОВЕРХ ФОНА
   ========================================================= */
#hero > .sppb-row-overlay {
    position: relative;
    z-index: 1;
}
#hero > .sppb-row-container {
    position: relative;
    z-index: 2;
}
/* =========================================================
   GKH MAG — HERO PUBLICATIONS
   Правая часть Hero
   ========================================================= */
#hero .gkh-hero-publications {
    position: relative;
    width: 100%;
    max-width: 650px;
    height: 490px;
    margin: 0 auto;
}
/* =========================================================
   МЯГКОЕ СВЕЧЕНИЕ ЗА ОБЛОЖКАМИ
   ========================================================= */
#hero .gkh-hero-publications::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 470px;
    height: 470px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(36, 87, 230, 0.12) 0%,
            rgba(36, 87, 230, 0.045) 45%,
            transparent 72%
        );
    pointer-events: none;
}
/* =========================================================
   ОБЩИЕ СТИЛИ ОБЛОЖКИ
   ========================================================= */
#hero .gkh-hero-cover {
    position: absolute;
    width: 218px;
    height: 310px;
    padding: 25px 22px;
    overflow: hidden;
    border-radius: 7px;
    color: #ffffff;
    box-shadow:
        0 24px 50px rgba(17, 39, 56, 0.18);
    transform-origin: center bottom;
    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease;
    box-sizing: border-box;
}
#hero .gkh-hero-cover:hover {
    box-shadow:
        0 30px 62px rgba(17, 39, 56, 0.25);
}
/* =========================================================
   СИНЯЯ ОБЛОЖКА
   ========================================================= */
#hero .gkh-hero-cover--blue {
    z-index: 2;
    left: 22px;
    top: 105px;
    transform: rotate(-8deg);
    background:
        linear-gradient(
            155deg,
            #1e5be8 0%,
            #123ea9 100%
        );
}
#hero .gkh-hero-cover--blue:hover {
    transform:
        rotate(-8deg)
        translateY(-7px);
}
/* =========================================================
   ЗЕЛЕНАЯ ОБЛОЖКА
   ========================================================= */
#hero .gkh-hero-cover--green {
    z-index: 4;
    left: 50%;
    top: 62px;
    transform:
        translateX(-50%)
        rotate(1deg);
    background:
        linear-gradient(
            155deg,
            #20a66d 0%,
            #087447 100%
        );
}
#hero .gkh-hero-cover--green:hover {
    transform:
        translateX(-50%)
        rotate(1deg)
        translateY(-8px);
}
/* =========================================================
   ФИОЛЕТОВАЯ ОБЛОЖКА
   ========================================================= */
#hero .gkh-hero-cover--violet {
    z-index: 3;
    right: 20px;
    top: 102px;
    transform: rotate(8deg);
    background:
        linear-gradient(
            155deg,
            #865de1 0%,
            #5d38b6 100%
        );
}
#hero .gkh-hero-cover--violet:hover {
    transform:
        rotate(8deg)
        translateY(-7px);
}
/* =========================================================
   ТЕКСТ НА ОБЛОЖКАХ
   ========================================================= */
#hero .gkh-hero-cover__topline {
    position: relative;
    z-index: 4;
    min-height: 24px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 8px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
#hero .gkh-hero-cover__name {
    position: relative;
    z-index: 4;
    margin-top: 24px;
    font-size: 24px;
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.045em;
}
#hero .gkh-hero-cover__topic {
    position: relative;
    z-index: 4;
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 9px;
    font-weight: 550;
    line-height: 1.45;
}
#hero .gkh-hero-cover__number {
    position: absolute;
    z-index: 4;
    left: 22px;
    bottom: 22px;
    padding: 6px 8px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 5px;
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.05em;
}
/* =========================================================
   ДЕКОР СИНЕЙ ОБЛОЖКИ
   ========================================================= */
#hero .gkh-hero-cover__building {
    position: absolute;
    right: -10px;
    bottom: -8px;
    width: 108px;
    height: 150px;
    opacity: 0.26;
}
#hero .gkh-hero-cover__building span {
    position: absolute;
    bottom: 0;
    display: block;
    border: 2px solid rgba(255, 255, 255, 0.82);
    border-bottom: 0;
}
#hero .gkh-hero-cover__building span:nth-child(1) {
    left: 0;
    width: 34px;
    height: 82px;
}
#hero .gkh-hero-cover__building span:nth-child(2) {
    left: 28px;
    width: 42px;
    height: 124px;
}
#hero .gkh-hero-cover__building span:nth-child(3) {
    left: 65px;
    width: 38px;
    height: 98px;
}
#hero .gkh-hero-cover__building span:nth-child(4) {
    left: 12px;
    width: 76px;
    height: 48px;
    border-top-width: 1px;
}
/* =========================================================
   ДЕКОР ЗЕЛЕНОЙ ОБЛОЖКИ
   ========================================================= */
#hero .gkh-hero-cover__eco {
    position: absolute;
    right: -10px;
    bottom: 4px;
    width: 128px;
    height: 128px;
    color: rgba(255, 255, 255, 0.90);
    opacity: 0.52;
}
#hero .gkh-hero-cover__eco svg {
    display: block;
    width: 128px;
    height: 128px;
    max-width: 128px;
    max-height: 128px;
}
/* =========================================================
   ДЕКОР ФИОЛЕТОВОЙ ОБЛОЖКИ
   ========================================================= */
#hero .gkh-hero-cover__lines {
    position: absolute;
    right: 18px;
    bottom: 26px;
    width: 84px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    opacity: 0.32;
}
#hero .gkh-hero-cover__lines span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.90);
}
#hero .gkh-hero-cover__lines span:nth-child(2) {
    width: 78%;
}
#hero .gkh-hero-cover__lines span:nth-child(3) {
    width: 90%;
}
#hero .gkh-hero-cover__lines span:nth-child(4) {
    width: 62%;
}
#hero .gkh-hero-cover__lines span:nth-child(5) {
    width: 82%;
}
/* =========================================================
   ПЛАВАЮЩАЯ КАРТОЧКА
   ========================================================= */
#hero .gkh-hero-float-card {
    position: absolute;
    z-index: 8;
    left: 50%;
    bottom: 18px;
    min-width: 224px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    transform: translateX(-50%);
    border: 1px solid rgba(220, 229, 237, 0.90);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow:
        0 18px 38px rgba(18, 40, 58, 0.14);
    box-sizing: border-box;
}
#hero .gkh-hero-float-card__icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #2457e6;
    background: #eef3ff;
}
#hero .gkh-hero-float-card__icon svg {
    display: block;
    width: 19px;
    height: 19px;
    max-width: 19px;
    max-height: 19px;
}
#hero .gkh-hero-float-card__text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: #7a8791;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.35;
}
#hero .gkh-hero-float-card__text strong {
    color: #102536;
    font-size: 12px;
    font-weight: 800;
}
/* =========================================================
   NOTEBOOK
   ========================================================= */
@media (max-width: 1240px) {
    #hero .gkh-hero-publications {
        height: 455px;
    }
    #hero .gkh-hero-cover {
        width: 198px;
        height: 290px;
    }
    #hero .gkh-hero-cover--blue {
        left: 14px;
    }
    #hero .gkh-hero-cover--violet {
        right: 14px;
    }
    #hero .gkh-hero-cover__name {
        font-size: 22px;
    }
}
/* =========================================================
   НЕБОЛЬШОЙ DESKTOP / TABLET
   ========================================================= */
@media (max-width: 1120px) {
    #hero .gkh-hero-publications {
        height: 455px;
    }
    #hero .gkh-hero-cover {
        width: 184px;
        height: 276px;
    }
    #hero .gkh-hero-cover--blue {
        top: 100px;
    }
    #hero .gkh-hero-cover--green {
        top: 62px;
    }
    #hero .gkh-hero-cover--violet {
        top: 98px;
    }
    #hero .gkh-hero-cover__name {
        font-size: 21px;
    }
}
/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 767px) {
    #hero .gkh-hero-publications {
        width: 100%;
        max-width: 520px;
        height: 370px;
        margin: 0 auto;
    }
    #hero .gkh-hero-publications::before {
        width: 360px;
        height: 360px;
    }
    #hero .gkh-hero-cover {
        width: 145px;
        height: 210px;
        padding: 17px 15px;
        border-radius: 6px;
    }
    /* Синяя */
    #hero .gkh-hero-cover--blue {
        left: 2%;
        top: 78px;
        transform: rotate(-7deg);
    }
    #hero .gkh-hero-cover--blue:hover {
        transform:
            rotate(-7deg)
            translateY(-5px);
    }
    /* Зеленая */
    #hero .gkh-hero-cover--green {
        top: 35px;
    }
    #hero .gkh-hero-cover--green:hover {
        transform:
            translateX(-50%)
            rotate(1deg)
            translateY(-5px);
    }
    /* Фиолетовая */
    #hero .gkh-hero-cover--violet {
        right: 2%;
        top: 76px;
        transform: rotate(7deg);
    }
    #hero .gkh-hero-cover--violet:hover {
        transform:
            rotate(7deg)
            translateY(-5px);
    }
    #hero .gkh-hero-cover__topline {
        min-height: 18px;
        font-size: 6px;
    }
    #hero .gkh-hero-cover__name {
        margin-top: 15px;
        font-size: 16px;
        line-height: 0.98;
    }
    #hero .gkh-hero-cover__topic {
        margin-top: 10px;
        font-size: 7px;
    }
    #hero .gkh-hero-cover__number {
        left: 15px;
        bottom: 15px;
        padding: 4px 6px;
        border-radius: 4px;
        font-size: 7px;
    }
    #hero .gkh-hero-cover__building {
        width: 78px;
        height: 105px;
    }
    #hero .gkh-hero-cover__building span:nth-child(1) {
        width: 24px;
        height: 58px;
    }
    #hero .gkh-hero-cover__building span:nth-child(2) {
        left: 20px;
        width: 30px;
        height: 87px;
    }
    #hero .gkh-hero-cover__building span:nth-child(3) {
        left: 47px;
        width: 27px;
        height: 69px;
    }
    #hero .gkh-hero-cover__building span:nth-child(4) {
        left: 9px;
        width: 55px;
        height: 34px;
    }
    #hero .gkh-hero-cover__eco {
        width: 88px;
        height: 88px;
        right: -8px;
        bottom: 2px;
    }
    #hero .gkh-hero-cover__eco svg {
        width: 88px;
        height: 88px;
    }
    #hero .gkh-hero-cover__lines {
        right: 12px;
        bottom: 18px;
        width: 58px;
        gap: 5px;
    }
    #hero .gkh-hero-cover__lines span {
        height: 1px;
    }
    #hero .gkh-hero-float-card {
        min-width: 190px;
        padding: 10px 12px;
        gap: 9px;
        bottom: 4px;
        border-radius: 10px;
    }
    #hero .gkh-hero-float-card__icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        border-radius: 8px;
    }
    #hero .gkh-hero-float-card__icon svg {
        width: 16px;
        height: 16px;
    }
    #hero .gkh-hero-float-card__text {
        font-size: 8px;
    }
    #hero .gkh-hero-float-card__text strong {
        font-size: 10px;
    }
}
/* =========================================================
   УЗКИЙ МОБИЛЬНЫЙ
   ========================================================= */
@media (max-width: 480px) {
    #hero .gkh-hero-publications {
        height: 250px;
    }
    #hero .gkh-hero-publications::before {
        width: 300px;
        height: 300px;
    }
    #hero .gkh-hero-cover {
        width: 112px;
        height: 168px;
        padding: 13px 11px;
    }
    #hero .gkh-hero-cover--blue {
        left: 1%;
        top: 65px;
    }
    #hero .gkh-hero-cover--green {
        top: 28px;
    }
    #hero .gkh-hero-cover--violet {
        right: 1%;
        top: 63px;
    }
    #hero .gkh-hero-cover__topline {
        min-height: 14px;
        font-size: 5px;
    }
    #hero .gkh-hero-cover__name {
        margin-top: 11px;
        font-size: 12px;
    }
    #hero .gkh-hero-cover__topic {
        margin-top: 7px;
        font-size: 5.5px;
    }
    #hero .gkh-hero-cover__number {
        left: 11px;
        bottom: 11px;
        padding: 3px 5px;
        font-size: 5px;
    }
    #hero .gkh-hero-cover__building {
        width: 62px;
        height: 80px;
    }
    #hero .gkh-hero-cover__building span:nth-child(1) {
        width: 19px;
        height: 44px;
    }
    #hero .gkh-hero-cover__building span:nth-child(2) {
        left: 16px;
        width: 24px;
        height: 66px;
    }
    #hero .gkh-hero-cover__building span:nth-child(3) {
        left: 38px;
        width: 21px;
        height: 53px;
    }
    #hero .gkh-hero-cover__building span:nth-child(4) {
        left: 7px;
        width: 44px;
        height: 27px;
    }
    #hero .gkh-hero-cover__eco {
        width: 70px;
        height: 70px;
    }
    #hero .gkh-hero-cover__eco svg {
        width: 70px;
        height: 70px;
    }
    #hero .gkh-hero-cover__lines {
        right: 9px;
        bottom: 13px;
        width: 45px;
        gap: 4px;
    }
    #hero .gkh-hero-float-card {
        min-width: 175px;
        padding: 8px 10px;
        gap: 7px;
    }
    #hero .gkh-hero-float-card__icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }
    #hero .gkh-hero-float-card__icon svg {
        width: 14px;
        height: 14px;
    }
    #hero .gkh-hero-float-card__text {
        font-size: 7px;
    }
    #hero .gkh-hero-float-card__text strong {
        font-size: 9px;
    }
}
        /* Eyebrow */
.pub-eyebrow {
            width: fit-content;
            margin-bottom: 18px;
            padding: 8px 13px;
            display: inline-flex;
            align-items: center;
            gap: 9px;
            border:
                1px solid
                rgba(36, 87, 230, 0.14);
            border-radius: 999px;
background: #edf3ff;
color: #2457e6;
            font-size: 11px;
            font-weight: 800;
            line-height: 1;
            letter-spacing: 0.075em;
            text-transform: uppercase;
        }
.pub-eyebrow__dot {
            width: 7px;
            height: 7px;
            flex: 0 0 7px;
            border-radius: 50%;
            background: #2457e6;
            box-shadow: 0 0 0 4px rgba(36, 87, 230, 0.10);
}
 #publication-owner {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e5ebf0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 34px rgba(16, 37, 54, 0.055);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
 #publication-owner:hover {
    transform: translateY(-5px);
    border-color: rgba(36, 87, 230, 0.24);
    box-shadow: 0 22px 50px rgba(16, 37, 54, 0.11);
}
 #publication-owner .pub-card__visual {
    position: relative;
    height: 350px;
    flex: 0 0 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 42%, rgba(36, 87, 230, 0.13) 0%, transparent 54%), linear-gradient(180deg, #f8fafc 0%, #f2f6f9 100%);
    border-bottom: 1px solid #e5ebf0;
}
 #publication-owner .pub-card__visual::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 230px;
    height: 28px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(17, 39, 56, 0.12);
    filter: blur(12px);
}
 #publication-owner .pub-card__index {
    position: absolute;
    z-index: 1;
    left: 24px;
    top: 20px;
    color: rgba(36, 87, 230, 0.10);
    font-size: 76px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.08em;
    user-select: none;
}
 #publication-owner .pub-card__badge {
    position: absolute;
    z-index: 6;
    right: 18px;
    top: 18px;
    min-height: 30px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #52616d;
    font-size: 9px;
    font-weight: 750;
    line-height: 1;
    box-shadow: 0 7px 18px rgba(17, 39, 56, 0.08);
    backdrop-filter: blur(8px);
}
 #publication-owner .pub-card__badge-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #2457e6;
}
 #publication-owner .pub-cover {
    position: relative;
    z-index: 4;
    width: 184px;
    height: 262px;
    padding: 19px 17px;
    overflow: hidden;
    border-radius: 5px;
    color: #ffffff;
    transform: perspective(900px) rotateY(-4deg) rotateZ(-1deg);
    box-shadow: 0 20px 35px rgba(16, 37, 54, 0.22);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}
 #publication-owner:hover .pub-cover {
    transform: perspective(900px) rotateY(0deg) rotateZ(0deg) translateY(-3px);
    box-shadow: 0 26px 44px rgba(16, 37, 54, 0.27);
}
 #publication-owner .pub-cover--blue {
    background: linear-gradient(155deg, #2868f0 0%, #143da6 100%);
}
 #publication-owner .pub-cover__header {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
 #publication-owner .pub-cover__type,
 #publication-owner .pub-cover__issue {
    color: rgba(255, 255, 255, 0.78);
    font-size: 6.5px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}
 #publication-owner .pub-cover__issue {
    flex: 0 0 auto;
    white-space: nowrap;
}
 #publication-owner .pub-cover__title {
    position: relative;
    z-index: 5;
    margin-top: 27px;
    font-size: 22px;
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.045em;
}
 #publication-owner .pub-cover__subtitle {
    position: relative;
    z-index: 5;
    max-width: 140px;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 7px;
    font-weight: 550;
    line-height: 1.4;
}
 #publication-owner .pub-cover__topics {
    position: absolute;
    z-index: 5;
    left: 17px;
    bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
 #publication-owner .pub-cover__topics span {
    width: fit-content;
    padding: 4px 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.13);
    color: rgba(255, 255, 255, 0.86);
    font-size: 6px;
    font-weight: 650;
    line-height: 1;
}
 #publication-owner .pub-cover__city {
    position: absolute;
    z-index: 2;
    right: -8px;
    bottom: 0;
    width: 116px;
    height: 132px;
    opacity: 0.28;
}
 #publication-owner .pub-city-building {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 8px 6px;
    border: 1.5px solid rgba(255, 255, 255, 0.90);
    border-bottom: 0;
}
 #publication-owner .pub-city-building i {
    display: block;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.72);
}
 #publication-owner .pub-city-building--1 {
    left: 0;
    width: 31px;
    height: 72px;
}
 #publication-owner .pub-city-building--2 {
    left: 26px;
    width: 37px;
    height: 112px;
}
 #publication-owner .pub-city-building--3 {
    left: 59px;
    width: 29px;
    height: 87px;
}
 #publication-owner .pub-city-building--4 {
    left: 84px;
    width: 32px;
    height: 101px;
}
 #publication-owner .pub-card__content {
    min-width: 0;
    padding: 22px 24px 24px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
 #publication-owner .pub-card__category {
    color: #7c8993;
    font-size: 8px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
 #publication-owner .pub-card__title {
    margin: 8px 0 0;
    color: #102536;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.035em;
}
 #publication-owner .pub-card__text {
    margin: 10px 0 0;
    color: #64737e;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.55;
}
 #publication-owner .pub-card__audience {
    margin-top: 17px;
}
 #publication-owner .pub-card__audience-label {
    display: block;
    margin-bottom: 7px;
    color: #8a96a0;
    font-size: 7.5px;
    font-weight: 700;
    line-height: 1;
}
 #publication-owner .pub-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
 #publication-owner .pub-tag {
    padding: 5px 7px;
    border-radius: 6px;
    background: #edf3ff;
    color: #2457e6;
    font-size: 7px;
    font-weight: 750;
    line-height: 1;
}
 #publication-owner .pub-card__meta {
    margin-top: 17px;
    padding: 13px 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    border-top: 1px solid #e5ebf0;
    border-bottom: 1px solid #e5ebf0;
}
 #publication-owner .pub-meta-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}
 #publication-owner .pub-meta-item__icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #2457e6;
    background: #edf3ff;
}
 #publication-owner .pub-meta-item__icon svg {
    display: block;
    width: 15px;
    height: 15px;
    max-width: 15px;
    max-height: 15px;
}
 #publication-owner .pub-meta-item__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
 #publication-owner .pub-meta-item__text small {
    color: #8a96a0;
    font-size: 7.5px;
    font-weight: 650;
    line-height: 1.2;
}
 #publication-owner .pub-meta-item__text strong {
    overflow: hidden;
    color: #354652;
    font-size: 9.5px;
    font-weight: 750;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
}
 #publication-owner .pub-card__actions {
    margin-top: auto;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
 #publication-owner .pub-subscribe {
    min-height: 38px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #2457e6;
    color: #ffffff;
    text-decoration: none;
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(36, 87, 230, 0.20);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
 #publication-owner .pub-subscribe:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(36, 87, 230, 0.28);
}
#publication-container {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e5ebf0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 34px rgba(16, 37, 54, 0.055);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
#publication-container:hover {
    transform: translateY(-5px);
    border-color: rgba(22, 147, 95, 0.24);
    box-shadow: 0 22px 50px rgba(16, 37, 54, 0.11);
}
#publication-container .pub-card__visual {
    position: relative;
    height: 350px;
    flex: 0 0 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 42%, rgba(22, 147, 95, 0.13) 0%, transparent 54%), linear-gradient(180deg, #f8fafc 0%, #f2f6f9 100%);
    border-bottom: 1px solid #e5ebf0;
}
#publication-container .pub-card__visual::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 230px;
    height: 28px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(17, 39, 56, 0.12);
    filter: blur(12px);
}
#publication-container .pub-card__index {
    position: absolute;
    z-index: 1;
    left: 24px;
    top: 20px;
    color: rgba(22, 147, 95, 0.10);
    font-size: 76px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.08em;
    user-select: none;
}
#publication-container .pub-card__badge {
    position: absolute;
    z-index: 6;
    right: 18px;
    top: 18px;
    min-height: 30px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #52616d;
    font-size: 9px;
    font-weight: 750;
    line-height: 1;
    box-shadow: 0 7px 18px rgba(17, 39, 56, 0.08);
    backdrop-filter: blur(8px);
}
#publication-container .pub-card__badge-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #16935f;
}
#publication-container .pub-cover {
    position: relative;
    z-index: 4;
    width: 184px;
    height: 262px;
    padding: 19px 17px;
    overflow: hidden;
    border-radius: 5px;
    color: #ffffff;
    transform: perspective(900px) rotateY(-4deg) rotateZ(-1deg);
    box-shadow: 0 20px 35px rgba(16, 37, 54, 0.22);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}
#publication-container:hover .pub-cover {
    transform: perspective(900px) rotateY(0deg) rotateZ(0deg) translateY(-3px);
    box-shadow: 0 26px 44px rgba(16, 37, 54, 0.27);
}
#publication-container .pub-cover--green {
    background: linear-gradient(155deg, #22a86f 0%, #087047 100%);
}
#publication-container .pub-cover__header {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
#publication-container .pub-cover__type,
#publication-container .pub-cover__issue {
    color: rgba(255, 255, 255, 0.78);
    font-size: 6.5px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}
#publication-container .pub-cover__issue {
    flex: 0 0 auto;
    white-space: nowrap;
}
#publication-container .pub-cover__title {
    position: relative;
    z-index: 5;
    margin-top: 27px;
    font-size: 22px;
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.045em;
}
#publication-container .pub-cover__subtitle {
    position: relative;
    z-index: 5;
    max-width: 140px;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 7px;
    font-weight: 550;
    line-height: 1.4;
}
#publication-container .pub-cover__topics {
    position: absolute;
    z-index: 5;
    left: 17px;
    bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
#publication-container .pub-cover__topics span {
    width: fit-content;
    padding: 4px 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.13);
    color: rgba(255, 255, 255, 0.86);
    font-size: 6px;
    font-weight: 650;
    line-height: 1;
}
#publication-container .pub-cover__eco {
    position: absolute;
    z-index: 2;
    right: -18px;
    bottom: 8px;
    width: 132px;
    height: 132px;
    color: rgba(255, 255, 255, 0.88);
    opacity: 0.50;
}
#publication-container .pub-cover__eco svg {
    display: block;
    width: 132px;
    height: 132px;
    max-width: 132px;
    max-height: 132px;
}
#publication-container .pub-card__content {
    min-width: 0;
    padding: 22px 24px 24px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
#publication-container .pub-card__category {
    color: #7c8993;
    font-size: 8px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
#publication-container .pub-card__title {
    margin: 8px 0 0;
    color: #102536;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.035em;
}
#publication-container .pub-card__text {
    margin: 10px 0 0;
    color: #64737e;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.55;
}
#publication-container .pub-card__audience {
    margin-top: 17px;
}
#publication-container .pub-card__audience-label {
    display: block;
    margin-bottom: 7px;
    color: #8a96a0;
    font-size: 7.5px;
    font-weight: 700;
    line-height: 1;
}
#publication-container .pub-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
#publication-container .pub-tag {
    padding: 5px 7px;
    border-radius: 6px;
    background: #e8f6f0;
    color: #16935f;
    font-size: 7px;
    font-weight: 750;
    line-height: 1;
}
#publication-container .pub-card__meta {
    margin-top: 17px;
    padding: 13px 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    border-top: 1px solid #e5ebf0;
    border-bottom: 1px solid #e5ebf0;
}
#publication-container .pub-meta-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}
#publication-container .pub-meta-item__icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #16935f;
    background: #e8f6f0;
}
#publication-container .pub-meta-item__icon svg {
    display: block;
    width: 15px;
    height: 15px;
    max-width: 15px;
    max-height: 15px;
}
#publication-container .pub-meta-item__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
#publication-container .pub-meta-item__text small {
    color: #8a96a0;
    font-size: 7.5px;
    font-weight: 650;
    line-height: 1.2;
}
#publication-container .pub-meta-item__text strong {
    overflow: hidden;
    color: #354652;
    font-size: 9.5px;
    font-weight: 750;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#publication-container .pub-card__actions {
    margin-top: auto;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
#publication-container .pub-subscribe {
    min-height: 38px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #16935f;
    color: #ffffff;
    text-decoration: none;
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(22, 147, 95, 0.20);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#publication-container .pub-subscribe:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(22, 147, 95, 0.28);
}
@media (max-width: 767px) {
    #publication-container .pub-card__visual {
        height: 300px;
        flex-basis: 300px;
    }
    #publication-container .pub-cover {
        width: 170px;
        height: 242px;
    }
    #publication-container .pub-cover__eco {
        width: 110px;
        height: 110px;
        right: -15px;
        bottom: 8px;
    }
    #publication-container .pub-cover__eco svg {
        width: 110px;
        height: 110px;
        max-width: 110px;
        max-height: 110px;
    }
    #publication-container .pub-card__content {
        padding: 20px 20px 22px;
    }
    #publication-container .pub-card__meta {
        grid-template-columns: 1fr;
    }
}
#publication-bulletin {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e2e9ee;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 34px rgba(16, 37, 54, 0.055);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
#publication-bulletin:hover {
    transform: translateY(-5px);
    border-color: rgba(117, 81, 211, 0.24);
    box-shadow: 0 22px 50px rgba(16, 37, 54, 0.11);
}
#publication-bulletin .pub-card__visual {
    position: relative;
    height: 350px;
    flex: 0 0 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 42%, rgba(117, 81, 211, 0.13) 0%, transparent 54%), linear-gradient(180deg, #f8fafc 0%, #f2f6f9 100%);
    border-bottom: 1px solid #e2e9ee;
}
#publication-bulletin .pub-card__visual::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 230px;
    height: 28px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(17, 39, 56, 0.12);
    filter: blur(12px);
}
#publication-bulletin .pub-card__index {
    position: absolute;
    z-index: 1;
    left: 24px;
    top: 20px;
    color: rgba(117, 81, 211, 0.10);
    font-size: 76px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.08em;
    user-select: none;
}
#publication-bulletin .pub-card__badge {
    position: absolute;
    z-index: 6;
    right: 18px;
    top: 18px;
    min-height: 30px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #52616d;
    font-size: 9px;
    font-weight: 750;
    line-height: 1;
    box-shadow: 0 7px 18px rgba(17, 39, 56, 0.08);
    backdrop-filter: blur(8px);
}
#publication-bulletin .pub-card__badge-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #7551d3;
}
#publication-bulletin .pub-cover {
    position: relative;
    z-index: 4;
    width: 184px;
    height: 262px;
    padding: 19px 17px;
    overflow: hidden;
    border-radius: 5px;
    color: #ffffff;
    transform: perspective(900px) rotateY(4deg) rotateZ(1deg);
    box-shadow: 0 20px 35px rgba(16, 37, 54, 0.22);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}
#publication-bulletin:hover .pub-cover {
    transform: perspective(900px) rotateY(0deg) rotateZ(0deg) translateY(-3px);
    box-shadow: 0 26px 44px rgba(16, 37, 54, 0.27);
}
#publication-bulletin .pub-cover--violet {
    background: linear-gradient(155deg, #7551d3 0%, #5735ad 100%);
}
#publication-bulletin .pub-cover__header {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
#publication-bulletin .pub-cover__type,
#publication-bulletin .pub-cover__issue {
    color: rgba(255, 255, 255, 0.78);
    font-size: 6.5px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}
#publication-bulletin .pub-cover__issue {
    flex: 0 0 auto;
    white-space: nowrap;
}
#publication-bulletin .pub-cover__ministry {
    position: relative;
    z-index: 5;
    max-width: 135px;
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 6px;
    font-weight: 650;
    line-height: 1.35;
}
#publication-bulletin .pub-cover__title {
    position: relative;
    z-index: 5;
    margin-top: 17px;
    font-size: 20px;
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.045em;
}
#publication-bulletin .pub-cover__subtitle {
    position: relative;
    z-index: 5;
    max-width: 140px;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 7px;
    font-weight: 550;
    line-height: 1.4;
}
#publication-bulletin .pub-cover__document {
    position: absolute;
    z-index: 2;
    right: -6px;
    bottom: -3px;
    width: 118px;
    height: 128px;
    padding: 19px 13px;
    border: 2px solid rgba(255, 255, 255, 0.72);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    opacity: 0.30;
}
#publication-bulletin .pub-cover__document::before {
    content: "";
    position: absolute;
    left: 13px;
    right: 13px;
    top: 27px;
    height: 2px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 14px 0 rgba(255, 255, 255, 0.82), 0 28px 0 rgba(255, 255, 255, 0.82), 0 42px 0 rgba(255, 255, 255, 0.82), 0 56px 0 rgba(255, 255, 255, 0.82);
}
#publication-bulletin .pub-cover__document span {
    display: none;
}
#publication-bulletin .pub-cover__topics {
    position: absolute;
    z-index: 5;
    left: 17px;
    bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
#publication-bulletin .pub-cover__topics span {
    width: fit-content;
    padding: 4px 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.13);
    color: rgba(255, 255, 255, 0.86);
    font-size: 6px;
    font-weight: 650;
    line-height: 1;
}
#publication-bulletin .pub-card__content {
    min-width: 0;
    padding: 22px 24px 24px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
#publication-bulletin .pub-card__category {
    color: #7c8993;
    font-size: 8px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
#publication-bulletin .pub-card__title {
    margin: 8px 0 0;
    color: #102536;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.035em;
}
#publication-bulletin .pub-card__text {
    margin: 10px 0 0;
    color: #64737e;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.55;
}
#publication-bulletin .pub-card__audience {
    margin-top: 17px;
}
#publication-bulletin .pub-card__audience-label {
    display: block;
    margin-bottom: 7px;
    color: #8a96a0;
    font-size: 7.5px;
    font-weight: 700;
    line-height: 1;
}
#publication-bulletin .pub-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
#publication-bulletin .pub-tag {
    padding: 5px 7px;
    border-radius: 6px;
    background: #f3effd;
    color: #7551d3;
    font-size: 7px;
    font-weight: 750;
    line-height: 1;
}
#publication-bulletin .pub-card__meta {
    margin-top: 17px;
    padding: 13px 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    border-top: 1px solid #e2e9ee;
    border-bottom: 1px solid #e2e9ee;
}
#publication-bulletin .pub-meta-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}
#publication-bulletin .pub-meta-item__icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #7551d3;
    background: #f3effd;
}
#publication-bulletin .pub-meta-item__icon svg {
    display: block;
    width: 15px;
    height: 15px;
    max-width: 15px;
    max-height: 15px;
}
#publication-bulletin .pub-meta-item__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
#publication-bulletin .pub-meta-item__text small {
    color: #8a96a0;
    font-size: 7.5px;
    font-weight: 650;
    line-height: 1.2;
}
#publication-bulletin .pub-meta-item__text strong {
    overflow: hidden;
    color: #354652;
    font-size: 9.5px;
    font-weight: 750;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#publication-bulletin .pub-card__actions {
    margin-top: auto;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
#publication-bulletin .pub-subscribe {
    min-height: 38px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #7551d3;
    color: #ffffff;
    text-decoration: none;
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(117, 81, 211, 0.20);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#publication-bulletin .pub-subscribe:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(117, 81, 211, 0.28);
}
@media (max-width: 767px) {
    #publication-bulletin .pub-card__visual {
        height: 300px;
        flex-basis: 300px;
    }
    #publication-bulletin .pub-cover {
        width: 170px;
        height: 242px;
    }
    #publication-bulletin .pub-cover__ministry {
        max-width: 125px;
        font-size: 5.5px;
    }
    #publication-bulletin .pub-cover__document {
        width: 105px;
        height: 112px;
    }
    #publication-bulletin .pub-card__content {
        padding: 20px 20px 22px;
    }
    #publication-bulletin .pub-card__meta {
        grid-template-columns: 1fr;
    }
}
#latest {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: 104px 0 106px;
    background: radial-gradient(circle at 12% 18%, rgba(36, 87, 230, 0.055) 0%, transparent 28%), linear-gradient(180deg, #f6f9fb 0%, #f9fbfc 100%);
}
#latest::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -180px;
    top: 70px;
    width: 480px;
    height: 480px;
    border: 1px solid rgba(36, 87, 230, 0.08);
    border-radius: 50%;
    pointer-events: none;
}
#latest::after {
    content: "2026";
    position: absolute;
    z-index: -1;
    right: 2%;
    bottom: -38px;
    color: rgba(16, 37, 54, 0.025);
    font-size: 190px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.08em;
    user-select: none;
    pointer-events: none;
}
@media (max-width: 1120px) {
    #latest {
        padding-top: 88px;
        padding-bottom: 88px;
    }
    #latest::before {
        right: -220px;
        top: 60px;
        width: 420px;
        height: 420px;
    }
    #latest::after {
        right: 1%;
        bottom: -28px;
        font-size: 150px;
    }
}
@media (max-width: 767px) {
    #latest {
        padding-top: 64px;
        padding-bottom: 72px;
        background: radial-gradient(circle at 15% 10%, rgba(36, 87, 230, 0.055) 0%, transparent 38%), linear-gradient(180deg, #f6f9fb 0%, #f9fbfc 100%);
    }
    #latest::before {
        right: -190px;
        top: 35px;
        width: 340px;
        height: 340px;
        border-color: rgba(36, 87, 230, 0.07);
    }
    #latest::after {
        right: -4px;
        bottom: -18px;
        font-size: 88px;
        letter-spacing: -0.07em;
    }
}
@media (max-width: 480px) {
    #latest {
        padding-top: 52px;
        padding-bottom: 60px;
    }
    #latest::before {
        right: -215px;
        top: 25px;
        width: 300px;
        height: 300px;
    }
    #latest::after {
        right: -3px;
        bottom: -12px;
        font-size: 70px;
    }
}
.latest-eyebrow {
    width: fit-content;
    margin-bottom: 18px;
    padding: 8px 13px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(36, 87, 230, 0.14);
    border-radius: 999px;
    background: #edf3ff;
    color: #2457e6;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
.latest-eyebrow__dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #2457e6;
    box-shadow: 0 0 0 4px rgba(36, 87, 230, 0.10);
}
@media (max-width: 767px) {
    #latest .latest-eyebrow {
        margin-bottom: 14px;
        padding: 7px 11px;
        gap: 8px;
        font-size: 9px;
    }
    #latest .latest-eyebrow__dot {
        width: 6px;
        height: 6px;
        flex-basis: 6px;
        box-shadow: 0 0 0 3px rgba(36, 87, 230, 0.10);
    }
}
#latest .latest-featured {
    min-width: 0;
    min-height: 610px;
    display: grid;
    grid-template-columns: minmax(270px, 0.82fr) minmax(330px, 1.18fr);
    overflow: hidden;
    border: 1px solid #e2e9ee;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 42px rgba(16, 37, 54, 0.07);
}
#latest .latest-featured__visual {
    position: relative;
    min-width: 0;
    min-height: 610px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 52% 44%, rgba(36, 87, 230, 0.17) 0%, rgba(36, 87, 230, 0.055) 38%, transparent 65%), linear-gradient(145deg, #eef4ff 0%, #f6f9fc 100%);
    border-right: 1px solid #e2e9ee;
}
#latest .latest-featured__visual::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 300px;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(36, 87, 230, 0.12);
    border-radius: 50%;
}
#latest .latest-featured__number {
    position: absolute;
    left: -12px;
    top: 24px;
    color: rgba(36, 87, 230, 0.07);
    font-size: 122px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.08em;
    user-select: none;
}
#latest .latest-main-cover {
    position: relative;
    z-index: 4;
    width: 224px;
    height: 326px;
    padding: 23px 21px;
    overflow: hidden;
    border-radius: 6px;
    color: #ffffff;
    transform: perspective(1000px) rotateY(-7deg) rotateZ(-1.5deg);
    background: linear-gradient(155deg, #2b69f0 0%, #173fa9 100%);
    box-shadow: 0 30px 48px rgba(16, 37, 54, 0.25);
}
#latest .latest-main-cover__top {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
#latest .latest-main-cover__top span {
    color: rgba(255, 255, 255, 0.76);
    font-size: 7px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
#latest .latest-main-cover__brand {
    position: relative;
    z-index: 5;
    margin-top: 34px;
    font-size: 28px;
    font-weight: 800;
    line-height: 0.96;
    letter-spacing: -0.05em;
}
#latest .latest-main-cover__lead {
    position: relative;
    z-index: 5;
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.74);
    font-size: 9px;
    font-weight: 550;
    line-height: 1.45;
}
#latest .latest-main-cover__urban {
    position: absolute;
    z-index: 2;
    right: -6px;
    bottom: 0;
    width: 145px;
    height: 165px;
    opacity: 0.29;
}
#latest .latest-urban-block {
    position: absolute;
    bottom: 0;
    padding: 9px 7px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1.5px solid rgba(255, 255, 255, 0.88);
    border-bottom: 0;
}
#latest .latest-urban-block i {
    display: block;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.72);
}
#latest .latest-urban-block--1 {
    left: 0;
    width: 38px;
    height: 88px;
}
#latest .latest-urban-block--2 {
    left: 32px;
    width: 42px;
    height: 128px;
}
#latest .latest-urban-block--3 {
    left: 69px;
    width: 43px;
    height: 154px;
}
#latest .latest-urban-block--4 {
    left: 107px;
    width: 36px;
    height: 108px;
}
#latest .latest-main-cover__footer {
    position: absolute;
    z-index: 6;
    left: 21px;
    right: 21px;
    bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
#latest .latest-main-cover__footer span {
    padding: 5px 7px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.86);
    font-size: 7px;
    font-weight: 700;
}
#latest .latest-main-cover__footer strong {
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}
#latest .latest-featured__shadow {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 105px;
    width: 230px;
    height: 32px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(16, 37, 54, 0.17);
    filter: blur(13px);
}
#latest .latest-featured__content {
    min-width: 0;
    padding: 42px 38px 36px;
    display: flex;
    flex-direction: column;
}
#latest .latest-featured__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
#latest .latest-label {
    min-height: 27px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}
#latest .latest-label--blue {
    color: #2457e6;
    background: #edf3ff;
}
#latest .latest-featured__date {
    color: #8a96a0;
    font-size: 9px;
    font-weight: 650;
}
#latest .latest-featured__publication {
    margin-top: 24px;
    color: #2457e6;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
#latest .latest-featured__title {
    margin: 10px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.04em;
}
#latest .latest-featured__description {
    margin: 15px 0 0;
    color: #64737e;
    font-size: 12px;
    font-weight: 450;
    line-height: 1.62;
}
#latest .latest-topics {
    margin-top: 24px;
    border-top: 1px solid #e2e9ee;
}
#latest .latest-topics__heading {
    padding: 15px 0 9px;
    color: #87949e;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
#latest .latest-topic {
    min-height: 52px;
    padding: 10px 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    border-bottom: 1px solid #e2e9ee;
}
#latest .latest-topic__number {
    color: rgba(36, 87, 230, 0.62);
    font-size: 8px;
    font-weight: 800;
    line-height: 1.5;
}
#latest .latest-topic__text {
    color: #42535f;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.45;
}
#latest .latest-featured__actions {
    margin-top: auto;
    padding-top: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}
#latest .latest-btn {
    min-height: 42px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 9px;
    text-decoration: none;
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#latest .latest-btn svg {
    display: block;
    width: 14px;
    height: 14px;
    max-width: 14px;
    max-height: 14px;
}
#latest .latest-btn--primary {
    color: #ffffff;
    background: #2457e6;
    box-shadow: 0 9px 20px rgba(36, 87, 230, 0.20);
}
#latest .latest-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 25px rgba(36, 87, 230, 0.27);
}
@media (max-width: 1240px) {
    #latest .latest-featured {
        grid-template-columns: minmax(245px, 0.78fr) minmax(310px, 1.22fr);
    }
    #latest .latest-featured__content {
        padding: 38px 30px 32px;
    }
    #latest .latest-main-cover {
        width: 208px;
        height: 306px;
    }
}
@media (max-width: 1120px) {
    #latest .latest-featured {
        min-height: 580px;
        grid-template-columns: 225px minmax(0, 1fr);
    }
    #latest .latest-featured__visual {
        min-height: 580px;
    }
    #latest .latest-main-cover {
        width: 190px;
        height: 286px;
    }
    #latest .latest-featured__content {
        padding: 34px 24px 29px;
    }
    #latest .latest-featured__title {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    #latest .latest-featured {
        min-height: 0;
        display: flex;
        flex-direction: column;
        border-radius: 18px;
    }
    #latest .latest-featured__visual {
        min-height: 390px;
        height: 390px;
        flex: 0 0 390px;
        border-right: 0;
        border-bottom: 1px solid #e2e9ee;
    }
    #latest .latest-featured__visual::before {
        width: 260px;
        height: 260px;
    }
    #latest .latest-featured__number {
        left: -8px;
        top: 18px;
        font-size: 92px;
    }
    #latest .latest-main-cover {
        width: 190px;
        height: 278px;
        padding: 20px 18px;
    }
    #latest .latest-main-cover__brand {
        margin-top: 29px;
        font-size: 25px;
    }
    #latest .latest-main-cover__lead {
        margin-top: 14px;
        font-size: 8px;
    }
    #latest .latest-main-cover__urban {
        transform: scale(0.9);
        transform-origin: right bottom;
    }
    #latest .latest-main-cover__footer {
        left: 18px;
        right: 18px;
        bottom: 16px;
    }
    #latest .latest-featured__shadow {
        bottom: 56px;
        width: 190px;
        height: 26px;
    }
    #latest .latest-featured__content {
        padding: 28px 22px 25px;
    }
    #latest .latest-featured__topline {
        gap: 10px;
    }
    #latest .latest-label {
        min-height: 25px;
        padding: 0 9px;
        font-size: 7px;
    }
    #latest .latest-featured__date {
        font-size: 8px;
    }
    #latest .latest-featured__publication {
        margin-top: 20px;
        font-size: 8px;
    }
    #latest .latest-featured__title {
        margin-top: 8px;
        font-size: 25px;
    }
    #latest .latest-featured__description {
        margin-top: 13px;
        font-size: 11px;
        line-height: 1.55;
    }
    #latest .latest-topics {
        margin-top: 20px;
    }
    #latest .latest-topics__heading {
        padding: 13px 0 8px;
    }
    #latest .latest-topic {
        min-height: 0;
        padding: 9px 0;
        grid-template-columns: 25px minmax(0, 1fr);
        gap: 8px;
    }
    #latest .latest-topic__text {
        font-size: 9px;
    }
    #latest .latest-featured__actions {
        padding-top: 20px;
    }
}
@media (max-width: 480px) {
    #latest .latest-featured__visual {
        min-height: 350px;
        height: 350px;
        flex-basis: 350px;
    }
    #latest .latest-main-cover {
        width: 170px;
        height: 250px;
        padding: 18px 16px;
    }
    #latest .latest-main-cover__brand {
        margin-top: 26px;
        font-size: 22px;
    }
    #latest .latest-main-cover__lead {
        margin-top: 12px;
        font-size: 7px;
    }
    #latest .latest-main-cover__urban {
        transform: scale(0.78);
    }
    #latest .latest-featured__number {
        font-size: 78px;
    }
    #latest .latest-featured__content {
        padding: 24px 18px 22px;
    }
    #latest .latest-featured__title {
        font-size: 22px;
    }
    #latest .latest-featured__description {
        font-size: 10px;
    }
}
#latest .latest-compact--green {
    --compact-accent: #16935f;
    --compact-soft: #e8f6f0;
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #e2e9ee;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(16, 37, 54, 0.055);
    transition: transform 0.24s ease, box-shadow 0.24s ease;
}
#latest .latest-compact--green:hover {
    transform: translateY(-3px);
    box-shadow: 0 17px 38px rgba(16, 37, 54, 0.09);
}
#latest .latest-compact--green .latest-compact__visual {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-right: 1px solid #e2e9ee;
    background: radial-gradient(circle at 50% 50%, rgba(22, 147, 95, 0.12) 0%, transparent 62%), #f6f9fa;
}
#latest .latest-compact--green .latest-compact__visual::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 28px;
    width: 105px;
    height: 18px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(16, 37, 54, 0.13);
    filter: blur(8px);
}
#latest .latest-compact--green .latest-mini-cover {
    position: relative;
    z-index: 3;
    width: 105px;
    height: 154px;
    padding: 13px 11px;
    overflow: hidden;
    border-radius: 4px;
    color: #ffffff;
    transform: perspective(700px) rotateY(-5deg) rotateZ(-1deg);
    background: linear-gradient(155deg, #22a86f 0%, #087047 100%);
    box-shadow: 0 15px 28px rgba(16, 37, 54, 0.21);
}
#latest .latest-compact--green .latest-mini-cover__top {
    position: relative;
    z-index: 5;
    color: rgba(255, 255, 255, 0.76);
    font-size: 4.5px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#latest .latest-compact--green .latest-mini-cover__title {
    position: relative;
    z-index: 5;
    margin-top: 17px;
    font-size: 13px;
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.04em;
}
#latest .latest-compact--green .latest-mini-cover__subtitle {
    position: relative;
    z-index: 5;
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 4.8px;
    font-weight: 550;
    line-height: 1.4;
}
#latest .latest-compact--green .latest-mini-cover__symbol {
    position: absolute;
    z-index: 2;
    right: -8px;
    bottom: 8px;
    width: 75px;
    height: 75px;
    color: rgba(255, 255, 255, 0.88);
    opacity: 0.48;
}
#latest .latest-compact--green .latest-mini-cover__symbol svg {
    display: block;
    width: 75px;
    height: 75px;
    max-width: 75px;
    max-height: 75px;
}
#latest .latest-compact--green .latest-mini-cover__number {
    position: absolute;
    z-index: 6;
    left: 11px;
    bottom: 11px;
    padding: 4px 5px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 3px;
    color: #ffffff;
    font-size: 5px;
    font-weight: 800;
}
#latest .latest-compact--green .latest-compact__content {
    min-width: 0;
    padding: 25px 22px 22px;
    display: flex;
    flex-direction: column;
}
#latest .latest-compact--green .latest-compact__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #8a96a0;
    font-size: 7.5px;
    font-weight: 650;
}
#latest .latest-compact--green .latest-label--green {
    min-height: 27px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    color: #16935f;
    background: #e8f6f0;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}
#latest .latest-compact--green .latest-compact__title {
    margin: 16px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.035em;
}
#latest .latest-compact--green .latest-compact__lead {
    margin: 9px 0 0;
    color: #64737e;
    font-size: 10px;
    font-weight: 450;
    line-height: 1.5;
}
#latest .latest-compact--green .latest-compact__topics {
    margin: 15px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    list-style: none;
}
#latest .latest-compact--green .latest-compact__topics li {
    display: grid;
    grid-template-columns: 6px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    color: #4d5d69;
    font-size: 8.5px;
    font-weight: 600;
    line-height: 1.35;
}
#latest .latest-compact--green .latest-compact__topics li span {
    width: 5px;
    height: 5px;
    margin-top: 3px;
    border-radius: 50%;
    background: #16935f;
}
#latest .latest-compact--green .latest-compact__link {
    width: fit-content;
    margin-top: auto;
    padding-top: 17px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #16935f;
    text-decoration: none;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}
#latest .latest-compact--green .latest-compact__link svg {
    display: block;
    width: 13px;
    height: 13px;
    max-width: 13px;
    max-height: 13px;
    transition: transform 0.2s ease;
}
#latest .latest-compact--green .latest-compact__link:hover svg {
    transform: translateX(3px);
}
@media (max-width: 1240px) {
    #latest .latest-compact--green {
        grid-template-columns: 132px minmax(0, 1fr);
    }
    #latest .latest-compact--green .latest-compact__content {
        padding: 22px 17px 20px;
    }
}
@media (max-width: 1120px) {
    #latest .latest-compact--green {
        grid-template-columns: 120px minmax(0, 1fr);
    }
}
@media (max-width: 767px) {
    #latest .latest-compact--green {
        width: 100%;
        min-height: 610px;
        height: 610px;
        display: grid;
        grid-template-columns: 42% minmax(0, 58%);
        border-radius: 18px;
    }
    #latest .latest-compact--green .latest-compact__visual {
        min-height: 100%;
        border-right: 1px solid #e2e9ee;
        border-bottom: 0;
    }
    #latest .latest-compact--green .latest-mini-cover {
        width: 125px;
        height: 184px;
        padding: 15px 13px;
    }
    #latest .latest-compact--green .latest-mini-cover__title {
        margin-top: 20px;
        font-size: 15px;
    }
    #latest .latest-compact--green .latest-mini-cover__subtitle {
        margin-top: 9px;
        font-size: 5.5px;
    }
    #latest .latest-compact--green .latest-mini-cover__symbol {
        width: 90px;
        height: 90px;
    }
    #latest .latest-compact--green .latest-mini-cover__symbol svg {
        width: 90px;
        height: 90px;
        max-width: 90px;
        max-height: 90px;
    }
    #latest .latest-compact--green .latest-compact__content {
        padding: 26px 20px 22px;
    }
    #latest .latest-compact--green .latest-compact__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    #latest .latest-compact--green .latest-label--green {
        min-height: 25px;
        padding: 0 9px;
        font-size: 7px;
    }
    #latest .latest-compact--green .latest-compact__title {
        margin-top: 18px;
        font-size: 22px;
    }
    #latest .latest-compact--green .latest-compact__lead {
        font-size: 10px;
        line-height: 1.55;
    }
    #latest .latest-compact--green .latest-compact__topics {
        margin-top: 20px;
        gap: 9px;
    }
    #latest .latest-compact--green .latest-compact__topics li {
        font-size: 9px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    #latest .latest-compact--green {
        min-height: 610px;
        height: 610px;
        grid-template-columns: 40% minmax(0, 60%);
    }
    #latest .latest-compact--green .latest-mini-cover {
        width: 105px;
        height: 154px;
        padding: 13px 11px;
    }
    #latest .latest-compact--green .latest-mini-cover__title {
        margin-top: 17px;
        font-size: 13px;
    }
    #latest .latest-compact--green .latest-mini-cover__subtitle {
        font-size: 4.8px;
    }
    #latest .latest-compact--green .latest-mini-cover__symbol {
        width: 75px;
        height: 75px;
    }
    #latest .latest-compact--green .latest-mini-cover__symbol svg {
        width: 75px;
        height: 75px;
        max-width: 75px;
        max-height: 75px;
    }
    #latest .latest-compact--green .latest-compact__content {
        padding: 22px 16px 20px;
    }
    #latest .latest-compact--green .latest-compact__title {
        font-size: 19px;
    }
    #latest .latest-compact--green .latest-compact__lead {
        font-size: 9px;
    }
    #latest .latest-compact--green .latest-compact__topics li {
        font-size: 8px;
    }
}
#latest .latest-compact--violet {
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #e2e9ee;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(16, 37, 54, 0.055);
    transition: transform 0.24s ease, box-shadow 0.24s ease;
}
#latest .latest-compact--violet:hover {
    transform: translateY(-3px);
    box-shadow: 0 17px 38px rgba(16, 37, 54, 0.09);
}
#latest .latest-compact--violet .latest-compact__visual {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-right: 1px solid #e2e9ee;
    background: radial-gradient(circle at 50% 50%, rgba(117, 81, 211, 0.12) 0%, transparent 62%), #f6f9fa;
}
#latest .latest-compact--violet .latest-compact__visual::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 28px;
    width: 105px;
    height: 18px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(16, 37, 54, 0.13);
    filter: blur(8px);
}
#latest .latest-compact--violet .latest-mini-cover {
    position: relative;
    z-index: 3;
    width: 105px;
    height: 154px;
    padding: 13px 11px;
    overflow: hidden;
    border-radius: 4px;
    color: #ffffff;
    transform: perspective(700px) rotateY(5deg) rotateZ(1deg);
    background: linear-gradient(155deg, #7551d3 0%, #5735ad 100%);
    box-shadow: 0 15px 28px rgba(16, 37, 54, 0.21);
}
#latest .latest-compact--violet .latest-mini-cover__top {
    position: relative;
    z-index: 5;
    color: rgba(255, 255, 255, 0.76);
    font-size: 4.5px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#latest .latest-compact--violet .latest-mini-cover__title {
    position: relative;
    z-index: 5;
    margin-top: 17px;
    font-size: 13px;
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.04em;
}
#latest .latest-compact--violet .latest-mini-cover__subtitle {
    position: relative;
    z-index: 5;
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 4.8px;
    font-weight: 550;
    line-height: 1.4;
}
#latest .latest-compact--violet .latest-mini-cover__document {
    position: absolute;
    z-index: 2;
    right: 8px;
    bottom: 19px;
    width: 46px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    opacity: 0.30;
}
#latest .latest-compact--violet .latest-mini-cover__document span {
    display: block;
    height: 1.5px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.90);
}
#latest .latest-compact--violet .latest-mini-cover__document span:nth-child(2) {
    width: 78%;
}
#latest .latest-compact--violet .latest-mini-cover__document span:nth-child(3) {
    width: 91%;
}
#latest .latest-compact--violet .latest-mini-cover__document span:nth-child(4) {
    width: 64%;
}
#latest .latest-compact--violet .latest-mini-cover__document span:nth-child(5) {
    width: 82%;
}
#latest .latest-compact--violet .latest-mini-cover__number {
    position: absolute;
    z-index: 6;
    left: 11px;
    bottom: 11px;
    padding: 4px 5px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 3px;
    color: #ffffff;
    font-size: 5px;
    font-weight: 800;
}
#latest .latest-compact--violet .latest-compact__content {
    min-width: 0;
    padding: 25px 22px 22px;
    display: flex;
    flex-direction: column;
}
#latest .latest-compact--violet .latest-compact__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #8a96a0;
    font-size: 7.5px;
    font-weight: 650;
}
#latest .latest-compact--violet .latest-label--violet {
    min-height: 27px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    color: #7551d3;
    background: #f3effd;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}
#latest .latest-compact--violet .latest-compact__title {
    margin: 16px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.035em;
}
#latest .latest-compact--violet .latest-compact__lead {
    margin: 9px 0 0;
    color: #64737e;
    font-size: 10px;
    font-weight: 450;
    line-height: 1.5;
}
#latest .latest-compact--violet .latest-compact__topics {
    margin: 15px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    list-style: none;
}
#latest .latest-compact--violet .latest-compact__topics li {
    display: grid;
    grid-template-columns: 6px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    color: #4d5d69;
    font-size: 8.5px;
    font-weight: 600;
    line-height: 1.35;
}
#latest .latest-compact--violet .latest-compact__topics li span {
    width: 5px;
    height: 5px;
    margin-top: 3px;
    border-radius: 50%;
    background: #7551d3;
}
#latest .latest-compact--violet .latest-compact__link {
    width: fit-content;
    margin-top: auto;
    padding-top: 17px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7551d3;
    text-decoration: none;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}
#latest .latest-compact--violet .latest-compact__link svg {
    display: block;
    width: 13px;
    height: 13px;
    max-width: 13px;
    max-height: 13px;
    transition: transform 0.2s ease;
}
#latest .latest-compact--violet .latest-compact__link:hover svg {
    transform: translateX(3px);
}
@media (max-width: 1240px) {
    #latest .latest-compact--violet {
        grid-template-columns: 132px minmax(0, 1fr);
    }
    #latest .latest-compact--violet .latest-compact__content {
        padding: 22px 17px 20px;
    }
}
@media (max-width: 1120px) {
    #latest .latest-compact--violet {
        grid-template-columns: 120px minmax(0, 1fr);
    }
}
@media (max-width: 767px) {
    #latest .latest-compact--violet {
        width: 100%;
        min-height: 610px;
        height: 610px;
        display: grid;
        grid-template-columns: 42% minmax(0, 58%);
        border-radius: 18px;
    }
    #latest .latest-compact--violet .latest-compact__visual {
        min-height: 100%;
        border-right: 1px solid #e2e9ee;
        border-bottom: 0;
    }
    #latest .latest-compact--violet .latest-mini-cover {
        width: 125px;
        height: 184px;
        padding: 15px 13px;
    }
    #latest .latest-compact--violet .latest-mini-cover__title {
        margin-top: 20px;
        font-size: 15px;
    }
    #latest .latest-compact--violet .latest-mini-cover__subtitle {
        margin-top: 9px;
        font-size: 5.5px;
    }
    #latest .latest-compact--violet .latest-mini-cover__document {
        right: 10px;
        bottom: 23px;
        width: 54px;
    }
    #latest .latest-compact--violet .latest-compact__content {
        padding: 26px 20px 22px;
    }
    #latest .latest-compact--violet .latest-compact__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    #latest .latest-compact--violet .latest-label--violet {
        min-height: 25px;
        padding: 0 9px;
        font-size: 7px;
    }
    #latest .latest-compact--violet .latest-compact__title {
        margin-top: 18px;
        font-size: 22px;
    }
    #latest .latest-compact--violet .latest-compact__lead {
        font-size: 10px;
        line-height: 1.55;
    }
    #latest .latest-compact--violet .latest-compact__topics {
        margin-top: 20px;
        gap: 9px;
    }
    #latest .latest-compact--violet .latest-compact__topics li {
        font-size: 9px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    #latest .latest-compact--violet {
        min-height: 610px;
        height: 610px;
        grid-template-columns: 40% minmax(0, 60%);
    }
    #latest .latest-compact--violet .latest-mini-cover {
        width: 105px;
        height: 154px;
        padding: 13px 11px;
    }
    #latest .latest-compact--violet .latest-mini-cover__title {
        margin-top: 17px;
        font-size: 13px;
    }
    #latest .latest-compact--violet .latest-mini-cover__subtitle {
        font-size: 4.8px;
    }
    #latest .latest-compact--violet .latest-mini-cover__document {
        right: 9px;
        bottom: 19px;
        width: 46px;
    }
    #latest .latest-compact--violet .latest-compact__content {
        padding: 22px 16px 20px;
    }
    #latest .latest-compact--violet .latest-compact__title {
        font-size: 19px;
    }
    #latest .latest-compact--violet .latest-compact__lead {
        font-size: 9px;
    }
    #latest .latest-compact--violet .latest-compact__topics li {
        font-size: 8px;
    }
}
#latest .latest-compact--green,
#latest .latest-compact--violet {
    height: 304px;
    min-height: 290px;
}
@media (max-width: 767px) {
    #latest .latest-compact--green,
    #latest .latest-compact--violet {
        height: auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }
    #latest .latest-compact--green .latest-compact__visual,
    #latest .latest-compact--violet .latest-compact__visual {
        width: 100%;
        height: 260px;
        min-height: 260px;
        flex: 0 0 260px;
        border-right: 0;
        border-bottom: 1px solid #e2e9ee;
    }
    #latest .latest-compact--green .latest-compact__content,
    #latest .latest-compact--violet .latest-compact__content {
        width: 100%;
        min-width: 0;
        padding: 24px 22px 24px;
        display: flex;
        flex-direction: column;
    }
    #latest .latest-compact--green .latest-mini-cover,
    #latest .latest-compact--violet .latest-mini-cover {
        width: 145px;
        height: 210px;
        padding: 17px 15px;
    }
    #latest .latest-compact--green .latest-mini-cover__title,
    #latest .latest-compact--violet .latest-mini-cover__title {
        margin-top: 24px;
        font-size: 17px;
    }
    #latest .latest-compact--green .latest-mini-cover__subtitle,
    #latest .latest-compact--violet .latest-mini-cover__subtitle {
        margin-top: 10px;
        font-size: 6px;
    }
    #latest .latest-compact--green .latest-mini-cover__symbol {
        width: 100px;
        height: 100px;
    }
    #latest .latest-compact--green .latest-mini-cover__symbol svg {
        width: 100px;
        height: 100px;
        max-width: 100px;
        max-height: 100px;
    }
    #latest .latest-compact--violet .latest-mini-cover__document {
        right: 12px;
        bottom: 25px;
        width: 62px;
    }
}
@media (max-width: 480px) {
    #latest .latest-compact--green .latest-compact__visual,
    #latest .latest-compact--violet .latest-compact__visual {
        height: 350px;
        min-height: 350px;
        flex-basis: 350px;
    }
    #latest .latest-compact--green .latest-mini-cover,
    #latest .latest-compact--violet .latest-mini-cover {
        width: 175px;
        height: 255px;
        padding: 15px 13px;
    }
    #latest .latest-compact--green .latest-mini-cover__title,
    #latest .latest-compact--violet .latest-mini-cover__title {
        margin-top: 20px;
        font-size: 15px;
    }
    #latest .latest-compact--green .latest-mini-cover__subtitle,
    #latest .latest-compact--violet .latest-mini-cover__subtitle {
        margin-top: 9px;
        font-size: 5.5px;
    }
    #latest .latest-compact--green .latest-mini-cover__symbol {
        width: 90px;
        height: 90px;
    }
    #latest .latest-compact--green .latest-mini-cover__symbol svg {
        width: 90px;
        height: 90px;
        max-width: 90px;
        max-height: 90px;
    }
    #latest .latest-compact--violet .latest-mini-cover__document {
        right: 10px;
        bottom: 23px;
        width: 54px;
    }
    #latest .latest-compact--green .latest-compact__content,
    #latest .latest-compact--violet .latest-compact__content {
        padding: 22px 18px 22px;
    }
}
@media (max-width: 767px) {
     #publication-owner .pub-card__visual {
        height: 300px;
        flex-basis: 300px;
    }
     #publication-owner .pub-cover {
        width: 170px;
        height: 242px;
    }
     #publication-owner .pub-card__content {
        padding: 20px 20px 22px;
    }
     #publication-owner .pub-card__meta {
        grid-template-columns: 1fr;
    }
}
#why-us {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: radial-gradient(circle at 8% 72%, rgba(36, 87, 230, 0.035) 0%, transparent 28%), linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
}
#why-us::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -250px;
    top: -250px;
    width: 620px;
    height: 620px;
    border: 1px solid rgba(36, 87, 230, 0.055);
    border-radius: 50%;
    pointer-events: none;
}
#why-us::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -95px;
    top: -95px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(36, 87, 230, 0.045);
    border-radius: 50%;
    pointer-events: none;
}
@media (max-width: 767px) {
    #why-us {
        background: radial-gradient(circle at 12% 18%, rgba(36, 87, 230, 0.035) 0%, transparent 32%), linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
    }
    #why-us::before {
        right: -230px;
        top: -170px;
        width: 460px;
        height: 460px;
    }
    #why-us::after {
        right: -120px;
        top: -60px;
        width: 260px;
        height: 260px;
    }
}
@media (max-width: 480px) {
    #why-us::before {
        right: -250px;
        top: -130px;
        width: 400px;
        height: 400px;
    }
    #why-us::after {
        right: -110px;
        top: -35px;
        width: 220px;
        height: 220px;
    }
}
#why-us .why-card--blue {
    position: relative;
    min-width: 0;
    min-height: 250px;
    padding: 27px 25px 25px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dfe7ed;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 26px rgba(16, 37, 54, 0.045);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}
#why-us .why-card--blue:hover {
    transform: translateY(-4px);
    border-color: rgba(36, 87, 230, 0.24);
    box-shadow: 0 18px 38px rgba(16, 37, 54, 0.085);
}
#why-us .why-card--blue .why-card__number {
    position: absolute;
    right: 17px;
    top: 10px;
    color: rgba(16, 37, 54, 0.035);
    font-size: 74px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.07em;
    user-select: none;
}
#why-us .why-card--blue .why-card__top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
#why-us .why-card--blue .why-card__icon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #2457e6;
    background: #edf3ff;
}
#why-us .why-card--blue .why-card__icon svg {
    display: block;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
}
#why-us .why-card--blue .why-card__label {
    position: relative;
    z-index: 2;
    margin-top: 28px;
    color: #2457e6;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
#why-us .why-card--blue .why-card__title {
    position: relative;
    z-index: 2;
    margin: 9px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.035em;
}
#why-us .why-card--blue .why-card__text {
    position: relative;
    z-index: 2;
    margin: 13px 0 0;
    color: #6d7b87;
    font-size: 10.5px;
    font-weight: 450;
    line-height: 1.58;
}
#why-us .why-card--blue .why-card__line {
    width: 34px;
    height: 3px;
    margin-top: auto;
    border-radius: 999px;
    background: #2457e6;
    opacity: 0.78;
}
@media (max-width: 767px) {
    #why-us .why-card--blue {
        min-height: 250px;
        padding: 24px 22px 22px;
        border-radius: 16px;
    }
    #why-us .why-card--blue .why-card__number {
        right: 14px;
        top: 8px;
        font-size: 64px;
    }
    #why-us .why-card--blue .why-card__icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
    #why-us .why-card--blue .why-card__icon svg {
        width: 19px;
        height: 19px;
        max-width: 19px;
        max-height: 19px;
    }
    #why-us .why-card--blue .why-card__label {
        margin-top: 23px;
        font-size: 7px;
    }
    #why-us .why-card--blue .why-card__title {
        font-size: 21px;
    }
    #why-us .why-card--blue .why-card__text {
        font-size: 10px;
    }
}
#why-us .why-card--green {
    position: relative;
    min-width: 0;
    min-height: 250px;
    padding: 27px 25px 25px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dfe7ed;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 26px rgba(16, 37, 54, 0.045);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}
#why-us .why-card--green:hover {
    transform: translateY(-4px);
    border-color: rgba(20, 157, 104, 0.24);
    box-shadow: 0 18px 38px rgba(16, 37, 54, 0.085);
}
#why-us .why-card--green .why-card__number {
    position: absolute;
    right: 17px;
    top: 10px;
    color: rgba(16, 37, 54, 0.035);
    font-size: 74px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.07em;
    user-select: none;
}
#why-us .why-card--green .why-card__top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
#why-us .why-card--green .why-card__icon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #149d68;
    background: #edf9f4;
}
#why-us .why-card--green .why-card__icon svg {
    display: block;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
}
#why-us .why-card--green .why-card__label {
    position: relative;
    z-index: 2;
    margin-top: 28px;
    color: #149d68;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
#why-us .why-card--green .why-card__title {
    position: relative;
    z-index: 2;
    margin: 9px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.035em;
}
#why-us .why-card--green .why-card__text {
    position: relative;
    z-index: 2;
    margin: 13px 0 0;
    color: #6d7b87;
    font-size: 10.5px;
    font-weight: 450;
    line-height: 1.58;
}
#why-us .why-card--green .why-card__line {
    width: 34px;
    height: 3px;
    margin-top: auto;
    border-radius: 999px;
    background: #149d68;
    opacity: 0.78;
}
@media (max-width: 767px) {
    #why-us .why-card--green {
        min-height: 250px;
        padding: 24px 22px 22px;
        border-radius: 16px;
    }
    #why-us .why-card--green .why-card__number {
        right: 14px;
        top: 8px;
        font-size: 64px;
    }
    #why-us .why-card--green .why-card__icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
    #why-us .why-card--green .why-card__icon svg {
        width: 19px;
        height: 19px;
        max-width: 19px;
        max-height: 19px;
    }
    #why-us .why-card--green .why-card__label {
        margin-top: 23px;
        font-size: 7px;
    }
    #why-us .why-card--green .why-card__title {
        font-size: 21px;
    }
    #why-us .why-card--green .why-card__text {
        font-size: 10px;
    }
}
#why-us .why-card--violet {
    position: relative;
    min-width: 0;
    min-height: 250px;
    padding: 27px 25px 25px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dfe7ed;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 26px rgba(16, 37, 54, 0.045);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}
#why-us .why-card--violet:hover {
    transform: translateY(-4px);
    border-color: rgba(124, 78, 226, 0.24);
    box-shadow: 0 18px 38px rgba(16, 37, 54, 0.085);
}
#why-us .why-card--violet .why-card__number {
    position: absolute;
    right: 17px;
    top: 10px;
    color: rgba(16, 37, 54, 0.035);
    font-size: 74px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.07em;
    user-select: none;
}
#why-us .why-card--violet .why-card__top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
#why-us .why-card--violet .why-card__icon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #7c4ee2;
    background: #f3efff;
}
#why-us .why-card--violet .why-card__icon svg {
    display: block;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
}
#why-us .why-card--violet .why-card__label {
    position: relative;
    z-index: 2;
    margin-top: 28px;
    color: #7c4ee2;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
#why-us .why-card--violet .why-card__title {
    position: relative;
    z-index: 2;
    margin: 9px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.035em;
}
#why-us .why-card--violet .why-card__text {
    position: relative;
    z-index: 2;
    margin: 13px 0 0;
    color: #6d7b87;
    font-size: 10.5px;
    font-weight: 450;
    line-height: 1.58;
}
#why-us .why-card--violet .why-card__line {
    width: 34px;
    height: 3px;
    margin-top: auto;
    border-radius: 999px;
    background: #7c4ee2;
    opacity: 0.78;
}
@media (max-width: 767px) {
    #why-us .why-card--violet {
        min-height: 250px;
        padding: 24px 22px 22px;
        border-radius: 16px;
    }
    #why-us .why-card--violet .why-card__number {
        right: 14px;
        top: 8px;
        font-size: 64px;
    }
    #why-us .why-card--violet .why-card__icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
    #why-us .why-card--violet .why-card__icon svg {
        width: 19px;
        height: 19px;
        max-width: 19px;
        max-height: 19px;
    }
    #why-us .why-card--violet .why-card__label {
        margin-top: 23px;
        font-size: 7px;
    }
    #why-us .why-card--violet .why-card__title {
        font-size: 21px;
    }
    #why-us .why-card--violet .why-card__text {
        font-size: 10px;
    }
}
#why-us .why-card--orange {
    position: relative;
    min-width: 0;
    min-height: 250px;
    padding: 27px 25px 25px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dfe7ed;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 26px rgba(16, 37, 54, 0.045);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}
#why-us .why-card--orange:hover {
    transform: translateY(-4px);
    border-color: rgba(203, 139, 58, 0.24);
    box-shadow: 0 18px 38px rgba(16, 37, 54, 0.085);
}
#why-us .why-card--orange .why-card__number {
    position: absolute;
    right: 17px;
    top: 10px;
    color: rgba(16, 37, 54, 0.035);
    font-size: 74px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.07em;
    user-select: none;
}
#why-us .why-card--orange .why-card__top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
#why-us .why-card--orange .why-card__icon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #cb8b3a;
    background: #fff5e8;
}
#why-us .why-card--orange .why-card__icon svg {
    display: block;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
}
#why-us .why-card--orange .why-card__label {
    position: relative;
    z-index: 2;
    margin-top: 28px;
    color: #cb8b3a;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
#why-us .why-card--orange .why-card__title {
    position: relative;
    z-index: 2;
    margin: 9px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.035em;
}
#why-us .why-card--orange .why-card__text {
    position: relative;
    z-index: 2;
    margin: 13px 0 0;
    color: #6d7b87;
    font-size: 10.5px;
    font-weight: 450;
    line-height: 1.58;
}
#why-us .why-card--orange .why-card__line {
    width: 34px;
    height: 3px;
    margin-top: auto;
    border-radius: 999px;
    background: #cb8b3a;
    opacity: 0.78;
}
@media (max-width: 767px) {
    #why-us .why-card--orange {
        min-height: 250px;
        padding: 24px 22px 22px;
        border-radius: 16px;
    }
    #why-us .why-card--orange .why-card__number {
        right: 14px;
        top: 8px;
        font-size: 64px;
    }
    #why-us .why-card--orange .why-card__icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
    #why-us .why-card--orange .why-card__icon svg {
        width: 19px;
        height: 19px;
        max-width: 19px;
        max-height: 19px;
    }
    #why-us .why-card--orange .why-card__label {
        margin-top: 23px;
        font-size: 7px;
    }
    #why-us .why-card--orange .why-card__title {
        font-size: 21px;
    }
    #why-us .why-card--orange .why-card__text {
        font-size: 10px;
    }
}
.why-card__title{
	min-height: 80px;
}
#why-us .why-mini-card {
    min-width: 0;
    min-height: 96px;
    padding: 17px 18px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    border: 1px solid #e1e8ee;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(16, 37, 54, 0.045);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}
#why-us .why-mini-card:hover {
    transform: translateY(-2px);
    border-color: #d5dfe8;
    box-shadow: 0 10px 26px rgba(16, 37, 54, 0.075);
}
#why-us .why-mini-card__marker {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #2457e6;
    background: #edf3ff;
}
#why-us .why-mini-card__marker svg {
    display: block;
    width: 15px;
    height: 15px;
    max-width: 15px;
    max-height: 15px;
}
#why-us .why-mini-card__content {
    min-width: 0;
}
#why-us .why-mini-card__title {
    margin: 1px 0 0;
    color: #102536;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.25;
}
#why-us .why-mini-card__text {
    margin: 5px 0 0;
    color: #6d7b87;
    font-size: 9px;
    font-weight: 450;
    line-height: 1.5;
}
@media (max-width: 767px) {
    #why-us .why-mini-card {
        min-height: 0;
        padding: 15px 16px;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 10px;
        border-radius: 13px;
    }
    #why-us .why-mini-card__marker {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }
    #why-us .why-mini-card__title {
        font-size: 11px;
    }
    #why-us .why-mini-card__text {
        font-size: 9px;
    }
}
#why-us .why-mini-card--green .why-mini-card__marker {
    color: #149d68;
    background: #edf9f4;
}
@media (max-width: 767px) {
    #why-us .why-mini-card--green .why-mini-card__marker {
        color: #149d68;
        background: #edf9f4;
    }
}
#why-us .why-mini-card--violet .why-mini-card__marker {
    color: #7c4ee2;
    background: #f3efff;
}
@media (max-width: 767px) {
    #why-us .why-mini-card--violet .why-mini-card__marker {
        color: #7c4ee2;
        background: #f3efff;
    }
}
#why-us .why-mini-card--orange .why-mini-card__marker {
    color: #cb8b3a;
    background: #fff5e8;
}
@media (max-width: 767px) {
    #why-us .why-mini-card--orange .why-mini-card__marker {
        color: #cb8b3a;
        background: #fff5e8;
    }
}
#projects {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: radial-gradient(circle at 12% 45%, rgba(36, 87, 230, 0.055) 0%, transparent 30%), radial-gradient(circle at 88% 72%, rgba(36, 87, 230, 0.035) 0%, transparent 28%), linear-gradient(180deg, #f7faff 0%, #fbfcfd 52%, #ffffff 100%);
}
#projects::before {
    content: "ПРОЕКТЫ";
    position: absolute;
    z-index: -1;
    right: -35px;
    bottom: -35px;
    color: rgba(36, 87, 230, 0.035);
    font-family: Arial, sans-serif;
    font-size: 150px;
    font-weight: 800;
    line-height: 0.8;
    letter-spacing: -0.07em;
    white-space: nowrap;
    pointer-events: none;
}
#projects::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -260px;
    top: -230px;
    width: 650px;
    height: 650px;
    border: 1px solid rgba(36, 87, 230, 0.055);
    border-radius: 50%;
    pointer-events: none;
}
@media (max-width: 767px) {
    #projects {
        background: radial-gradient(circle at 15% 18%, rgba(36, 87, 230, 0.05) 0%, transparent 34%), radial-gradient(circle at 88% 80%, rgba(36, 87, 230, 0.03) 0%, transparent 28%), linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }
    #projects::before {
        right: -55px;
        bottom: -20px;
        font-size: 90px;
    }
    #projects::after {
        right: -250px;
        top: -180px;
        width: 500px;
        height: 500px;
    }
}
@media (max-width: 480px) {
    #projects::before {
        right: -45px;
        bottom: -10px;
        font-size: 72px;
    }
    #projects::after {
        right: -220px;
        top: -140px;
        width: 420px;
        height: 420px;
    }
}
#reklama {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: radial-gradient(circle at 10% 42%, rgba(36, 87, 230, 0.035) 0%, transparent 30%), radial-gradient(circle at 90% 62%, rgba(36, 87, 230, 0.025) 0%, transparent 28%), linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}
#reklama::before {
    content: "РЕКЛАМА";
    position: absolute;
    z-index: -1;
    right: -30px;
    bottom: -35px;
    color: rgba(36, 87, 230, 0.035);
    font-family: Arial, sans-serif;
    font-size: 145px;
    font-weight: 800;
    line-height: 0.8;
    letter-spacing: -0.07em;
    white-space: nowrap;
    pointer-events: none;
}
#reklama::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -290px;
    top: -250px;
    width: 650px;
    height: 650px;
    border: 1px solid rgba(36, 87, 230, 0.045);
    border-radius: 50%;
    pointer-events: none;
}
@media (max-width: 767px) {
    #reklama {
        background: radial-gradient(circle at 15% 25%, rgba(36, 87, 230, 0.04) 0%, transparent 34%), linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    }
    #reklama::before {
        right: -55px;
        bottom: -20px;
        font-size: 90px;
    }
    #reklama::after {
        left: -250px;
        top: -180px;
        width: 500px;
        height: 500px;
    }
}
@media (max-width: 480px) {
    #reklama::before {
        right: -45px;
        bottom: -10px;
        font-size: 72px;
    }
    #reklama::after {
        left: -220px;
        top: -140px;
        width: 420px;
        height: 420px;
    }
}
#reklama .ad-price-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dbe5f2;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 34px rgba(16, 37, 54, 0.055);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
#reklama .ad-price-card:hover {
    transform: translateY(-3px);
    border-color: rgba(36, 87, 230, 0.28);
    box-shadow: 0 16px 38px rgba(16, 37, 54, 0.09);
}
#reklama .ad-price-card--blue {
    border-color: #dbe5f2;
	min-height: 600px;
}
#reklama .ad-price-card--blue .ad-price-card__head {
    position: relative;
    min-height: 205px;
    padding: 28px 190px 26px 28px;
    border-bottom: 1px solid #e5ebf1;
    background: #f6f9ff;
    overflow: hidden;
}
#reklama .ad-price-card--blue .ad-price-card__intro {
    position: relative;
    z-index: 2;
}
#reklama .ad-price-card--blue .ad-price-card__tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    color: #2457e6;
    background: #e8efff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
#reklama .ad-price-card--blue .ad-price-card__title {
    margin: 16px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
}
#reklama .ad-price-card--blue .ad-price-card__subtitle {
    margin: 10px 0 0;
    color: #71808d;
    font-size: 14px;
    line-height: 1.45;
}
#reklama .ad-price-card--blue .ad-price-card__cover {
    position: absolute;
    z-index: 1;
    top: 22px;
    right: 25px;
    width: 120px;
    transform: rotate(5deg);
    filter: drop-shadow(0 14px 18px rgba(16, 37, 54, 0.18));
}
#reklama .ad-price-card--blue .ad-price-card__cover img {
    display: block;
    width: 100%;
    height: auto;
}
#reklama .ad-price-card--blue .ad-price-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 42px;
    padding: 27px 28px 30px;
}
#reklama .ad-price-card--blue .ad-price-group {
    min-width: 0;
    padding: 0 0 22px;
    margin: 0 0 22px;
    border-bottom: 1px solid #e5ebf1;
}
#reklama .ad-price-card--blue .ad-price-group--additional {
    grid-column: 1 / -1;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
#reklama .ad-price-card--blue .ad-price-group__title {
    margin: 0 0 12px;
    color: #2457e6;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
#reklama .ad-price-card--blue .ad-price-row {
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 15px;
    padding: 6px 0;
}
#reklama .ad-price-card--blue .ad-price-row span {
    min-width: 0;
    color: #667784;
    font-size: 14px;
    line-height: 1.45;
}
#reklama .ad-price-card--blue .ad-price-row strong {
    flex: 0 0 auto;
    color: #102536;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
    white-space: nowrap;
}
#reklama .ad-price-card--blue .ad-price-group--additional .ad-price-group__title {
    color: #2457e6;
}
#reklama .ad-price-card--blue .ad-price-group--additional .ad-price-row {
    padding: 7px 0;
}
#reklama .ad-price-card--blue .ad-price-group--additional .ad-price-row span {
    flex: 1 1 auto;
}
@media (max-width: 767px) {
	#reklama .ad-price-card--blue {
	min-height: auto;
}
    #reklama .ad-price-card {
        border-radius: 18px;
    }
    #reklama .ad-price-card--blue .ad-price-card__head {
        min-height: 190px;
        padding: 23px 145px 23px 22px;
    }
    #reklama .ad-price-card--blue .ad-price-card__title {
        font-size: 27px;
    }
    #reklama .ad-price-card--blue .ad-price-card__cover {
        top: 20px;
        right: 18px;
        width: 105px;
    }
    #reklama .ad-price-card--blue .ad-price-card__body {
        grid-template-columns: 1fr;
        column-gap: 0;
        padding: 22px 22px 25px;
    }
    #reklama .ad-price-card--blue .ad-price-group {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    #reklama .ad-price-card--blue .ad-price-group--additional {
        grid-column: auto;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #reklama .ad-price-card--blue .ad-price-row {
        gap: 15px;
    }
    #reklama .ad-price-card--blue .ad-price-row span,
    #reklama .ad-price-card--blue .ad-price-row strong {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    #reklama .ad-price-card--blue .ad-price-card__head {
        min-height: 175px;
        padding: 20px 115px 20px 20px;
    }
    #reklama .ad-price-card--blue .ad-price-card__title {
        font-size: 24px;
    }
    #reklama .ad-price-card--blue .ad-price-card__subtitle {
        font-size: 14px;
    }
    #reklama .ad-price-card--blue .ad-price-card__cover {
        top: 18px;
        right: 14px;
        width: 88px;
    }
    #reklama .ad-price-card--blue .ad-price-card__body {
        padding: 20px;
    }
    #reklama .ad-price-card--blue .ad-price-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }
    #reklama .ad-price-card--blue .ad-price-row strong {
        color: #2457e6;
    }
}
#reklama .ad-price-card--green {
    border-color: #d9ebe4;
	min-height: 600px;
}
#reklama .ad-price-card--green:hover {
    border-color: rgba(20, 154, 101, 0.32);
}
#reklama .ad-price-card--green .ad-price-card__head {
    position: relative;
    min-height: 205px;
    padding: 28px 190px 26px 28px;
    border-bottom: 1px solid #dfeae5;
    background: #f3faf7;
    overflow: hidden;
}
#reklama .ad-price-card--green .ad-price-card__intro {
    position: relative;
    z-index: 2;
}
#reklama .ad-price-card--green .ad-price-card__tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    color: #12945f;
    background: #e5f6ef;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
#reklama .ad-price-card--green .ad-price-card__title {
    margin: 16px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
}
#reklama .ad-price-card--green .ad-price-card__subtitle {
    margin: 10px 0 0;
    color: #71808d;
    font-size: 14px;
    line-height: 1.45;
}
#reklama .ad-price-card--green .ad-price-card__cover {
    position: absolute;
    z-index: 1;
    top: 22px;
    right: 25px;
    width: 120px;
    transform: rotate(5deg);
    filter: drop-shadow(0 14px 18px rgba(16, 37, 54, 0.18));
}
#reklama .ad-price-card--green .ad-price-card__cover img {
    display: block;
    width: 100%;
    height: auto;
}
#reklama .ad-price-card--green .ad-price-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 42px;
    padding: 27px 28px 30px;
}
#reklama .ad-price-card--green .ad-price-group {
    min-width: 0;
    padding: 0 0 22px;
    margin: 0 0 22px;
    border-bottom: 1px solid #e5ebe8;
}
#reklama .ad-price-card--green .ad-price-group--additional {
    grid-column: 1 / -1;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
#reklama .ad-price-card--green .ad-price-group__title {
    margin: 0 0 12px;
    color: #12945f;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
#reklama .ad-price-card--green .ad-price-row {
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 15px;
    padding: 6px 0;
}
#reklama .ad-price-card--green .ad-price-row span {
    min-width: 0;
    color: #667784;
    font-size: 14px;
    line-height: 1.45;
}
#reklama .ad-price-card--green .ad-price-row strong {
    flex: 0 0 auto;
    color: #102536;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
    white-space: nowrap;
}
#reklama .ad-price-card--green .ad-price-group--additional .ad-price-row {
    padding: 7px 0;
}
#reklama .ad-price-card--green .ad-price-group--additional .ad-price-row span {
    flex: 1 1 auto;
}
@media (max-width: 767px) {
	#reklama .ad-price-card--green {
	min-height: auto;
}
    #reklama .ad-price-card--green .ad-price-card__head {
        min-height: 190px;
        padding: 23px 145px 23px 22px;
    }
    #reklama .ad-price-card--green .ad-price-card__title {
        font-size: 27px;
    }
    #reklama .ad-price-card--green .ad-price-card__cover {
        top: 20px;
        right: 18px;
        width: 105px;
    }
    #reklama .ad-price-card--green .ad-price-card__body {
        grid-template-columns: 1fr;
        column-gap: 0;
        padding: 22px 22px 25px;
    }
    #reklama .ad-price-card--green .ad-price-group {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    #reklama .ad-price-card--green .ad-price-group--additional {
        grid-column: auto;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #reklama .ad-price-card--green .ad-price-row {
        gap: 15px;
    }
    #reklama .ad-price-card--green .ad-price-row span,
    #reklama .ad-price-card--green .ad-price-row strong {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    #reklama .ad-price-card--green .ad-price-card__head {
        min-height: 175px;
        padding: 20px 115px 20px 20px;
    }
    #reklama .ad-price-card--green .ad-price-card__title {
        font-size: 24px;
    }
    #reklama .ad-price-card--green .ad-price-card__subtitle {
        font-size: 14px;
    }
    #reklama .ad-price-card--green .ad-price-card__cover {
        top: 18px;
        right: 14px;
        width: 88px;
    }
    #reklama .ad-price-card--green .ad-price-card__body {
        padding: 20px;
    }
    #reklama .ad-price-card--green .ad-price-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }
    #reklama .ad-price-card--green .ad-price-row strong {
        color: #12945f;
    }
}
#reklama .ad-price-card--violet {
    border-color: #e5ddf7;
	min-height: 465px;
}
#reklama .ad-price-card--violet:hover {
    border-color: rgba(122, 76, 219, 0.32);
}
#reklama .ad-price-card--violet .ad-price-card__head {
    position: relative;
    min-height: 205px;
    padding: 28px 190px 26px 28px;
    border-bottom: 1px solid #e7e1f2;
    background: #f8f5ff;
    overflow: hidden;
}
#reklama .ad-price-card--violet .ad-price-card__intro {
    position: relative;
    z-index: 2;
}
#reklama .ad-price-card--violet .ad-price-card__tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    color: #7447d4;
    background: #eee8ff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
#reklama .ad-price-card--violet .ad-price-card__title {
    margin: 16px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
}
#reklama .ad-price-card--violet .ad-price-card__subtitle {
    margin: 10px 0 0;
    color: #71808d;
    font-size: 14px;
    line-height: 1.45;
}
#reklama .ad-price-card--violet .ad-price-card__cover {
    position: absolute;
    z-index: 1;
    top: 22px;
    right: 25px;
    width: 120px;
    transform: rotate(5deg);
    filter: drop-shadow(0 14px 18px rgba(16, 37, 54, 0.18));
}
#reklama .ad-price-card--violet .ad-price-card__cover img {
    display: block;
    width: 100%;
    height: auto;
}
#reklama .ad-price-card--violet .ad-price-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 42px;
    padding: 27px 28px 30px;
}
#reklama .ad-price-card--violet .ad-price-group {
    min-width: 0;
}
#reklama .ad-price-card--violet .ad-price-group__title {
    margin: 0 0 12px;
    color: #7447d4;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
#reklama .ad-price-card--violet .ad-price-row {
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 15px;
    padding: 7px 0;
}
#reklama .ad-price-card--violet .ad-price-row span {
    min-width: 0;
    color: #667784;
    font-size: 14px;
    line-height: 1.45;
}
#reklama .ad-price-card--violet .ad-price-row strong {
    flex: 0 0 auto;
    color: #102536;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
    white-space: nowrap;
}
@media (max-width: 767px) {
	#reklama .ad-price-card--violet {
	min-height: auto;
}
    #reklama .ad-price-card--violet .ad-price-card__head {
        min-height: 190px;
        padding: 23px 145px 23px 22px;
    }
    #reklama .ad-price-card--violet .ad-price-card__title {
        font-size: 27px;
    }
    #reklama .ad-price-card--violet .ad-price-card__cover {
        top: 20px;
        right: 18px;
        width: 105px;
    }
    #reklama .ad-price-card--violet .ad-price-card__body {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 20px;
        padding: 22px 22px 25px;
    }
    #reklama .ad-price-card--violet .ad-price-group {
        padding-bottom: 20px;
        border-bottom: 1px solid #e7e1f2;
    }
    #reklama .ad-price-card--violet .ad-price-group:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    #reklama .ad-price-card--violet .ad-price-row span,
    #reklama .ad-price-card--violet .ad-price-row strong {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    #reklama .ad-price-card--violet .ad-price-card__head {
        min-height: 175px;
        padding: 20px 115px 20px 20px;
    }
    #reklama .ad-price-card--violet .ad-price-card__title {
        font-size: 24px;
    }
    #reklama .ad-price-card--violet .ad-price-card__subtitle {
        font-size: 14px;
    }
    #reklama .ad-price-card--violet .ad-price-card__cover {
        top: 18px;
        right: 14px;
        width: 88px;
    }
    #reklama .ad-price-card--violet .ad-price-card__body {
        padding: 20px;
    }
    #reklama .ad-price-card--violet .ad-price-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }
    #reklama .ad-price-card--violet .ad-price-row strong {
        color: #7447d4;
    }
}
#reklama .ad-price-card--orange {
    border-color: #f0e4d3;
	min-height: 465px;
}
#reklama .ad-price-card--orange:hover {
    border-color: rgba(214, 137, 35, 0.34);
}
#reklama .ad-price-card--orange .ad-price-card__head {
    position: relative;
    min-height: 205px;
    padding: 28px 190px 26px 28px;
    border-bottom: 1px solid #eee4d7;
    background: #fff9f0;
    overflow: hidden;
}
#reklama .ad-price-card--orange .ad-price-card__intro {
    position: relative;
    z-index: 2;
}
#reklama .ad-price-card--orange .ad-price-card__tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    color: #c77918;
    background: #fff0d9;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
#reklama .ad-price-card--orange .ad-price-card__title {
    margin: 16px 0 0;
    color: #102536;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
}
#reklama .ad-price-card--orange .ad-price-card__subtitle {
    margin: 10px 0 0;
    color: #71808d;
    font-size: 14px;
    line-height: 1.45;
}
#reklama .ad-price-card--orange .ad-price-card__cover {
    position: absolute;
    z-index: 1;
    top: 22px;
    right: 25px;
    width: 120px;
    transform: rotate(5deg);
    filter: drop-shadow(0 14px 18px rgba(16, 37, 54, 0.18));
}
#reklama .ad-price-card--orange .ad-price-card__cover img {
    display: block;
    width: 100%;
    height: auto;
}
#reklama .ad-price-card--orange .ad-price-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 42px;
    padding: 27px 28px 30px;
}
#reklama .ad-price-card--orange .ad-price-group {
    min-width: 0;
}
#reklama .ad-price-card--orange .ad-price-group__title {
    margin: 0 0 12px;
    color: #c77918;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
#reklama .ad-price-card--orange .ad-price-row {
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 15px;
    padding: 7px 0;
}
#reklama .ad-price-card--orange .ad-price-row span {
    min-width: 0;
    color: #667784;
    font-size: 14px;
    line-height: 1.45;
}
#reklama .ad-price-card--orange .ad-price-row strong {
    flex: 0 0 auto;
    color: #102536;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
    white-space: nowrap;
}
@media (max-width: 767px) {
	#reklama .ad-price-card--orange {
    border-color: #f0e4d3;
	min-height: auto;
}
    #reklama .ad-price-card--orange .ad-price-card__head {
        min-height: 190px;
        padding: 23px 145px 23px 22px;
    }
    #reklama .ad-price-card--orange .ad-price-card__title {
        font-size: 27px;
    }
    #reklama .ad-price-card--orange .ad-price-card__cover {
        top: 20px;
        right: 18px;
        width: 105px;
    }
    #reklama .ad-price-card--orange .ad-price-card__body {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 20px;
        padding: 22px 22px 25px;
    }
    #reklama .ad-price-card--orange .ad-price-group {
        padding-bottom: 20px;
        border-bottom: 1px solid #eee4d7;
    }
    #reklama .ad-price-card--orange .ad-price-group:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    #reklama .ad-price-card--orange .ad-price-row span,
    #reklama .ad-price-card--orange .ad-price-row strong {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    #reklama .ad-price-card--orange .ad-price-card__head {
        min-height: 175px;
        padding: 20px 115px 20px 20px;
    }
    #reklama .ad-price-card--orange .ad-price-card__title {
        font-size: 24px;
    }
    #reklama .ad-price-card--orange .ad-price-card__subtitle {
        font-size: 14px;
    }
    #reklama .ad-price-card--orange .ad-price-card__cover {
        top: 18px;
        right: 14px;
        width: 88px;
    }
    #reklama .ad-price-card--orange .ad-price-card__body {
        padding: 20px;
    }
    #reklama .ad-price-card--orange .ad-price-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }
    #reklama .ad-price-card--orange .ad-price-row strong {
        color: #c77918;
    }
}
#contact {
    position: relative;
    overflow: hidden;
    background: #f5f8fc;
}
#contact::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -180px;
    right: -120px;
    width: 560px;
    height: 560px;
    border: 1px solid rgba(36, 87, 230, 0.08);
    border-radius: 50%;
    pointer-events: none;
}
#contact::after {
    content: "КОНТАКТЫ";
    position: absolute;
    z-index: 0;
    right: -35px;
    bottom: -45px;
    color: rgba(16, 37, 54, 0.035);
    font-size: 145px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.06em;
    white-space: nowrap;
    pointer-events: none;
}
#contact > .sppb-row-container,
#contact > .sppb-row-overlay {
    position: relative;
    z-index: 1;
}
#contact .sppb-row-container {
    position: relative;
    z-index: 1;
}
@media (max-width: 991px) {
    #contact::before {
        top: -170px;
        right: -180px;
        width: 500px;
        height: 500px;
    }
    #contact::after {
        right: -30px;
        bottom: -25px;
        font-size: 105px;
    }
}
@media (max-width: 767px) {
    #contact {
        background: #f5f8fc;
    }
    #contact::before {
        top: -170px;
        right: -220px;
        width: 430px;
        height: 430px;
        border-color: rgba(36, 87, 230, 0.065);
    }
    #contact::after {
        right: -20px;
        bottom: -12px;
        font-size: 64px;
        letter-spacing: -0.05em;
    }
}
@media (max-width: 480px) {
    #contact::before {
        top: -130px;
        right: -210px;
        width: 360px;
        height: 360px;
    }
    #contact::after {
        right: -15px;
        bottom: -5px;
        font-size: 48px;
    }
}
.contact-company {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  padding: 28px 30px;
  border: 1px solid #dfe7ef;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(16, 37, 54, 0.06);
  box-sizing: border-box;
}
.contact-company__icon {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #edf3ff;
  color: #285be7;
  font-size: 22px;
}
.contact-company__content {
  min-width: 0;
}
.contact-company__eyebrow {
  margin-bottom: 7px;
  color: #285be7;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.contact-company h3 {
  margin: 0 0 10px;
  color: #102536;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
}
.contact-company__address {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #687b8d;
  font-size: 15px;
  line-height: 1.5;
}
.contact-company__address i {
  flex: 0 0 auto;
  color: #285be7;
  font-size: 14px;
}
@media (max-width: 767px) {
  .contact-company {
    gap: 16px;
    padding: 22px 20px;
    border-radius: 16px;
  }
  .contact-company__icon {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 19px;
  }
  .contact-company__eyebrow {
    margin-bottom: 5px;
    font-size: 10px;
  }
  .contact-company h3 {
    margin-bottom: 8px;
    font-size: 19px;
    line-height: 1.25;
  }
  .contact-company__address {
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.45;
  }
}
.contact-phone {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 22px 24px;
  border: 1px solid #dfe7ef;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(16, 37, 54, 0.05);
  box-sizing: border-box;
  min-height: 125px;
}
.contact-phone__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #edf3ff;
  color: #285be7;
  font-size: 18px;
}
.contact-phone__content {
  min-width: 0;
}
.contact-phone__title {
  margin-bottom: 9px;
  color: #102536;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.contact-phone a {
  display: block;
  margin: 0 0 5px;
  color: #285be7;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: none;
}
.contact-phone a:last-child {
  margin-bottom: 0;
}
.contact-phone a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .contact-phone {
    gap: 14px;
    padding: 20px;
    border-radius: 16px;
	min-height: auto;
  }
  .contact-phone__icon {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    font-size: 17px;
  }
  .contact-phone__title {
    margin-bottom: 7px;
    font-size: 15px;
  }
  .contact-phone a {
    font-size: 14px;
  }
}
.contact-email {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 22px 24px;
  border: 1px solid #dfe7ef;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(16, 37, 54, 0.05);
  box-sizing: border-box;
  min-height: 125px;
}
.contact-email__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #edf9f4;
  color: #149d68;
  font-size: 18px;
}
.contact-email__content {
  min-width: 0;
}
.contact-email__title {
  margin-bottom: 9px;
  color: #102536;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.contact-email a {
  display: inline-block;
  color: #149d68;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.contact-email a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .contact-email {
    gap: 14px;
    padding: 20px;
    border-radius: 16px;
	min-height: auto;
  }
  .contact-email__icon {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    font-size: 17px;
  }
  .contact-email__title {
    margin-bottom: 7px;
    font-size: 15px;
  }
  .contact-email a {
    font-size: 14px;
  }
}
.contact-director {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 22px 24px;
  border: 1px solid #dfe7ef;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(16, 37, 54, 0.05);
  box-sizing: border-box;
  min-height: 225px;
}
.contact-director-two{
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.contact-director__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #f3efff;
  color: #7c4ee2;
  font-size: 18px;
}
.contact-director__content {
  min-width: 0;
}
.contact-director__title {
  margin-bottom: 7px;
  color: #102536;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.contact-director__name {
  margin-bottom: 6px;
  color: #667784;
  font-size: 14px;
  line-height: 1.45;
}
.contact-director a {
  display: inline-block;
  color: #7c4ee2;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: none;
}
.contact-director a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .contact-director {
    gap: 14px;
    padding: 20px;
    border-radius: 16px;
	min-height: auto;
  }
  .contact-director__icon {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    font-size: 17px;
  }
  .contact-director__title {
    margin-bottom: 6px;
    font-size: 15px;
  }
  .contact-director__name {
    font-size: 14px;
  }
  .contact-director a {
    font-size: 14px;
  }
}
.contact-hours {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 22px 24px;
  border: 1px solid #dfe7ef;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(16, 37, 54, 0.05);
  box-sizing: border-box;
  min-height: 225px;
}
.contact-hours__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #fff5e8;
  color: #cb8b3a;
  font-size: 18px;
}
.contact-hours__content {
  min-width: 0;
  flex: 1 1 auto;
}
.contact-hours__title {
  margin-bottom: 9px;
  color: #102536;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.contact-hours__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 15px;
  padding: 3px 0;
}
.contact-hours__row span {
  color: #667784;
  font-size: 14px;
  line-height: 1.45;
}
.contact-hours__row strong {
  flex: 0 0 auto;
  color: #cb8b3a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .contact-hours {
    gap: 14px;
    padding: 20px;
    border-radius: 16px;
	min-height: auto;
  }
  .contact-hours__icon {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    font-size: 17px;
  }
  .contact-hours__title {
    margin-bottom: 7px;
    font-size: 15px;
  }
  .contact-hours__row span,
  .contact-hours__row strong {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .contact-hours__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 1px;
    padding: 4px 0;
  }
  .contact-hours__row strong {
    color: #cb8b3a;
  }
}
 @media (max-width: 768px) {
#sp-header .sp-module {
  margin-left: 0;
  width: 100% !important;
}
#hero::after {
  right: 20px;
}
.why-card__title{
	min-height: auto;
}
}