/* ==========================================================================
   #NEW DESIGN: PIXEL PERFECT HEADER & BASE STYLES
   ========================================================================== */

:root {
    --bg-page: #F6F1ED;
    --header-bg: #FFFFFF;
    --header-border: #F4F4F4;
    --color-orange: #F36849;
    --color-black: #000000;
    --color-dark: #1B1815;
    --color-gray-divider: #BEBEBE;
    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
    background-color: var(--bg-page);
    font-family: var(--font-main);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

/* Hide old topbar completely */
.topbar {
    display: none !important;
}

/* ==========================================================================
   #SITE HEADER
   ========================================================================== */
.site-header {
    position: relative;
    z-index: 1000;
    width: 100%;
    box-sizing: border-box;
}

.site-header__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    height: 80px;
    margin: 30px auto 0;
    padding: 0 31px 0 22px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    border-radius: 10px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: relative;
}

/* Logo */
.site-header__logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
}

.site-header__logo img,
.site-header__logo svg {
    display: block;
    width: 158px;
    height: 48px;
    object-fit: contain;
}

/* Navigation */
.site-header__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    margin: 0 30px;
}

.site-header__nav-list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 24px;
}

.site-header__nav-item {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
}

.site-header__nav-link {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 18px;
    line-height: 24.3px;
    color: #000000;
    text-decoration: none;
    padding: 8px 0;
    transition: color 0.2s ease;
    white-space: nowrap;
    cursor: pointer;
}

.site-header__nav-link:hover {
    color: var(--color-orange);
}

.site-header__nav-chevron {
    margin-left: 8px;
    width: 12px;
    height: 7px;
    flex-shrink: 0;
    transition: transform 0.2s ease, stroke 0.2s ease;
}

.site-header__nav-item:hover .site-header__nav-chevron {
    transform: rotate(180deg);
}

.site-header__nav-item:hover .site-header__nav-chevron path {
    stroke: var(--color-orange);
}

/* Hover bridge */
.site-header__nav-item::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 18px;
}

/* Dropdowns */
.site-header__dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 240px;
    background: #FFFFFF;
    border: 1px solid #F0EAE4;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    padding: 16px 20px;
    z-index: 1050;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.site-header__nav-item:hover > .site-header__dropdown {
    display: block;
    animation: headerFadeIn 0.2s ease forwards;
}

@keyframes headerFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.site-header__dropdown.cols-2 {
    min-width: 480px;
}

.site-header__dropdown.cols-2 .site-header__subnav-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 24px;
}

.site-header__subnav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-header__subnav-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-header__subnav-item a {
    display: block;
    font-family: var(--font-main);
    font-size: 15px;
    line-height: 20px;
    color: #222222;
    text-decoration: none;
    transition: color 0.15s ease, transform 0.15s ease;
    white-space: nowrap;
}

.site-header__subnav-item a:hover {
    color: var(--color-orange);
    transform: translateX(3px);
}

/* Mega Menu for Другие ВНЖ */
.site-header__megamenu {
    left: -120px;
    min-width: 680px;
    padding: 24px 28px;
}

.site-header__nav-item:hover > .site-header__megamenu {
    display: block;
}

.site-header__megamenu-cols {
    display: flex;
    gap: 36px;
}

.site-header__megamenu-col {
    flex: 1;
    min-width: 180px;
}

.site-header__megamenu-col-title {
    font-family: var(--font-main);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #9E958C;
    margin-bottom: 14px;
    padding-bottom: 6px;
    border-bottom: 1px solid #F0ECE7;
}

/* Right Section Actions */
.site-header__actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.site-header__messengers {
    display: flex;
    align-items: center;
    gap: 15px;
}

.site-header__social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.site-header__social:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

.site-header__social img,
.site-header__social svg {
    display: block;
    width: 28px;
    height: 28px;
}

.site-header__phone {
    margin-left: 21px;
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    color: #000000;
    text-decoration: none;
    transition: color 0.2s ease;
    white-space: nowrap;
}

.site-header__phone:hover {
    color: var(--color-orange);
}

.site-header__divider {
    width: 1px;
    height: 20px;
    background-color: var(--color-gray-divider);
    margin: 0 24px;
}

/* Language Switcher */
.site-header__lang {
    position: relative;
}

.site-header__lang-btn {
    display: inline-flex;
    align-items: center;
    background: none;
    border: none;
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 18px;
    line-height: 24.3px;
    color: #000000;
    cursor: pointer;
    padding: 6px 0;
    transition: color 0.2s ease;
}

.site-header__lang-btn:hover {
    color: var(--color-orange);
}

.site-header__lang-chevron {
    margin-left: 7px;
    width: 12px;
    height: 7px;
    transition: transform 0.2s ease;
}

.site-header__lang:hover .site-header__lang-chevron {
    transform: rotate(180deg);
}

.site-header__lang-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #FFFFFF;
    border: 1px solid #F0EAE4;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 8px 16px;
    min-width: 60px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all 0.2s ease;
    z-index: 1050;
}

.site-header__lang:hover .site-header__lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.site-header__lang-link {
    display: block;
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-decoration: none;
    padding: 4px 0;
    transition: color 0.15s ease;
}

.site-header__lang-link:hover {
    color: var(--color-orange);
}

/* Burger button (hidden on desktop) */
.site-header__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 6px;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1100;
}

.site-header__burger-line {
    display: block;
    height: 2px;
    background-color: var(--color-orange);
    border-radius: 2px;
    transition: all 0.25s ease;
}

.site-header__burger-line--top {
    width: 25px;
}

.site-header__burger-line--bottom {
    width: 16px;
}

.site-header__burger.is-active .site-header__burger-line--top {
    width: 22px;
    transform: translateY(4px) rotate(45deg);
}

.site-header__burger.is-active .site-header__burger-line--bottom {
    width: 22px;
    transform: translateY(-4px) rotate(-45deg);
}

/* Mobile Drawer */
.site-header__mobile-drawer {
    display: none;
}

/* ==========================================================================
   #RESPONSIVE DESIGN (Pixel Perfect Breakpoints)
   ========================================================================== */

@media (max-width: 1599px) {
    .site-header__container {
        width: calc(100% - 60px);
        margin: 20px auto 0;
        padding: 0 24px 0 20px;
    }
    .site-header__nav {
        margin: 0 16px;
    }
    .site-header__nav-list {
        gap: 16px;
    }
    .site-header__nav-link {
        font-size: 16px;
    }
    .site-header__phone {
        font-size: 18px;
        margin-left: 16px;
    }
    .site-header__divider {
        margin: 0 16px;
    }
}

@media (max-width: 1240px) {
    .site-header__nav {
        margin: 0 10px;
    }
    .site-header__nav-list {
        gap: 12px;
    }
    .site-header__nav-link {
        font-size: 15px;
    }
    .site-header__phone {
        font-size: 16px;
        margin-left: 10px;
    }
    .site-header__divider {
        margin: 0 10px;
    }
}

/* Switch to Mobile Header at <= 1024px */
@media (max-width: 1024px) {
    .site-header__container {
        width: calc(100% - 30px);
        height: 50px;
        margin: 15px auto 0;
        padding: 0 16px 0 15px;
        border-radius: 10px;
    }

    .site-header__logo img,
    .site-header__logo svg {
        width: 110px;
        height: 32px;
    }

    .site-header__nav,
    .site-header__actions {
        display: none !important;
    }

    .site-header__burger {
        display: flex;
    }

    /* Mobile Drawer */
    .site-header__mobile-drawer {
        display: block;
        position: fixed;
        top: 0;
        right: -100%;
        width: 320px;
        max-width: 85vw;
        height: 100vh;
        background: #FFFFFF;
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
        z-index: 1080;
        transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        padding: 80px 24px 30px;
        box-sizing: border-box;
        overflow-y: auto;
    }

    .site-header__mobile-drawer.is-open {
        right: 0;
    }

    .site-header__mobile-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        z-index: 1070;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    .site-header__mobile-overlay.is-open {
        opacity: 1;
        visibility: visible;
    }

    .site-header__mobile-menu {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .site-header__mobile-menu-item {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .site-header__mobile-menu-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: var(--font-main);
        font-size: 18px;
        font-weight: 500;
        color: #000000;
        text-decoration: none;
        padding: 8px 0;
        cursor: pointer;
    }

    .site-header__mobile-menu-link:hover {
        color: var(--color-orange);
    }

    .site-header__mobile-submenu {
        display: none;
        list-style: none;
        margin: 8px 0 0 16px;
        padding: 0 0 0 12px;
        border-left: 2px solid #F0ECE7;
        flex-direction: column;
        gap: 10px;
    }

    .site-header__mobile-menu-item.is-expanded .site-header__mobile-submenu {
        display: flex;
    }

    .site-header__mobile-submenu a {
        font-family: var(--font-main);
        font-size: 15px;
        color: #444444;
        text-decoration: none;
        display: block;
        padding: 4px 0;
    }

    .site-header__mobile-contacts {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px solid #F0ECE7;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .site-header__mobile-phone {
        font-family: var(--font-main);
        font-size: 18px;
        font-weight: 600;
        color: #000000;
        text-decoration: none;
    }

    .site-header__mobile-messengers {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .site-header__mobile-langs {
        margin-top: 10px;
        display: flex;
        gap: 12px;
    }

    .site-header__mobile-langs a {
        font-family: var(--font-main);
        font-size: 16px;
        font-weight: 500;
        color: #000000;
        text-decoration: none;
        padding: 6px 14px;
        border-radius: 8px;
        background: #F6F1ED;
    }

    .site-header__mobile-langs a.active {
        background: var(--color-orange);
        color: #FFFFFF;
    }
}

/* ==========================================================================
   #NEW DESIGN: HERO SECTION (PIXEL PERFECT FIGMA FRAME 76:618 & 83:2954)
   ========================================================================== */

:root {
    --font-heading: 'Bounded', 'Unbounded', -apple-system, BlinkMacSystemFont, sans-serif;
}


.new-hero {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 60px;
}

.new-hero__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 30px auto 0;
    position: relative;
    display: grid;
    grid-template-columns: 728px 1fr;
    min-height: 895px;
    box-sizing: border-box;
}

/* --- Left Column: Content --- */
.new-hero__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 64px;
    height: 895px;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
}

.new-hero__title {
    font-family: var(--font-heading);
    font-size: 77px;
    font-weight: 700;
    line-height: 1.15;
    color: #2C2C2C;
    text-transform: uppercase;
    margin: 0 0 28px 0;
    letter-spacing: -0.01em;
}

.new-hero__subtitle {
    font-family: var(--font-main);
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    color: #2C2C2C;
    max-width: 626px;
    margin: 0 0 45px 0;
}

.new-hero__cta {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: auto;
    margin-bottom: 63px;
}

.new-hero__btn {
    height: 70px;
    padding: 0 42px;
    background: #FB724E;
    border-radius: 100px;
    color: #FFFFFF;
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 15px rgba(243, 104, 73, 0.2);
}

.new-hero__btn:hover {
    background: #E55839;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(243, 104, 73, 0.35);
}

.new-hero__btn-arrow {
    width: 70px;
    height: 70px;
    background: #FB724E;
    border-radius: 50%;
    margin-left: -2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 15px rgba(243, 104, 73, 0.2);
}

.new-hero__btn-arrow:hover {
    background: #E55839;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 10px 25px rgba(243, 104, 73, 0.35);
}

/* Stats (Desktop) */
.new-hero__stats {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 0;
    margin-bottom: 3px;
}

.new-hero__stat-card {
    width: 370px;
    height: 96px;
    background: #FFFFFF;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 0 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.new-hero__stat-num {
    font-family: var(--font-heading);
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    color: #2C2C2C;
    min-width: 105px;
    letter-spacing: -0.02em;
}

.new-hero__stat-label {
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    color: #2C2C2C;
}

/* Mobile Stats hidden by default on desktop */
.new-hero__mobile-stats {
    display: none;
}

/* --- Right Column: Visual & Slider --- */
.new-hero__visual-wrap {
    position: relative;
    width: 100%;
    height: 895px;
}

.new-hero__visual {
    width: 100%;
    max-width: 1072px;
    height: 895px;
    margin-left: auto;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .new-hero__visual {
        -webkit-clip-path: path('M 0,30 A 30,30 0 0,1 30,0 L 1042,0 A 30,30 0 0,1 1072,30 L 1072,865 A 30,30 0 0,1 1042,895 L 380,895 A 30,30 0 0,1 350,865 L 350,636 A 30,30 0 0,0 320,606 L 30,606 A 30,30 0 0,1 0,576 L 0,30 Z');
        clip-path: path('M 0,30 A 30,30 0 0,1 30,0 L 1042,0 A 30,30 0 0,1 1072,30 L 1072,865 A 30,30 0 0,1 1042,895 L 380,895 A 30,30 0 0,1 350,865 L 350,636 A 30,30 0 0,0 320,606 L 30,606 A 30,30 0 0,1 0,576 L 0,30 Z');
    }
}

.new-hero__visual-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right top;
    display: block;
}

.new-hero__bg-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.new-hero__bg-text {
    position: absolute;
    top: 153px;
    left: 20px;
    width: 1020px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Unbounded', sans-serif;
    font-size: 197px;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: 0;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.05) 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transform: translateY(24px);
    animation: heroTextEntrance 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}

@keyframes heroTextEntrance {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.new-hero__visual.is-animated .new-hero__bg-text {
    opacity: 1;
    transform: translateY(0);
}

.new-hero__guy-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3;
}

.new-hero__guy-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right top;
    display: block;
    transform-origin: 75% 85%;
    transform: scale(0.92);
    animation: heroGuyEntrance 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both;
}

@keyframes heroGuyEntrance {
    from {
        transform: scale(0.92);
    }
    to {
        transform: scale(1);
    }
}

.new-hero__visual.is-animated .new-hero__guy-img {
    transform: scale(1);
}

.new-hero__rating-badge {
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 322px;
    height: 79px;
    box-sizing: border-box;
    padding: 14px 20px;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(19px);
    -webkit-backdrop-filter: blur(19px);
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 16px;
    z-index: 4;
    opacity: 0;
    transform: translateY(12px);
    animation: heroRatingEntrance 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.35s both;
}

@keyframes heroRatingEntrance {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.new-hero__visual.is-animated .new-hero__rating-badge {
    opacity: 1;
    transform: translateY(0);
}

.new-hero__rating-circle {
    width: 51px;
    height: 51px;
    border-radius: 50%;
    background: #FFFFFF;
    color: #2C2C2C;
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.new-hero__rating-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.new-hero__rating-stars {
    color: #FFB800;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1;
}

.new-hero__rating-label {
    color: #FFFFFF;
    font-family: var(--font-main);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

/* Slider Docking at the cutout bottom-left */
.new-hero__slider-dock {
    position: absolute;
    bottom: -5px;
    left: -335px;
    width: 660px;
    z-index: 10;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-sizing: border-box;
    box-shadow: none;
}

.new-hero__slider-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.new-hero__slider-nav {
    width: 92px;
    height: 47px;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.new-hero__slider-arrow {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.new-hero__slider-arrow:hover {
    opacity: 0.6;
    transform: scale(1.1);
}

.new-hero__slider-divider {
    width: 1px;
    height: 25px;
    background: #D8D2CB;
}

.new-hero__slider-track-wrap {
    overflow: hidden;
    width: 660px;
    border-radius: 10px;
    padding: 2px 0 8px 0;
}

.new-hero__slider-track {
    display: flex;
    gap: 15px;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.new-hero__card {
    width: 210px;
    min-width: 210px;
    height: 260px;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 8px 8px 12px 8px;
    box-sizing: border-box;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.new-hero__card:hover {
    transform: translateY(-4px);
    border-color: #BDBDBD;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.new-hero__card-img-wrap {
    width: 194px;
    height: 179px;
    border-radius: 5px;
    overflow: hidden;
    background: #F0ECE7;
}

.new-hero__card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.new-hero__card-divider {
    display: none;
}

.new-hero__card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 10px;
}

.new-hero__card-flag {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    flex-shrink: 0;
}

.new-hero__card-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
}

.new-hero__card-title {
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    line-height: 1.2;
}

.new-hero__card-terms {
    font-family: var(--font-main);
    font-size: 11.5px;
    font-weight: 400;
    color: #666666;
    white-space: nowrap;
    line-height: 1.2;
    margin-top: 2px;
}

/* ==========================================================================
   #HERO RESPONSIVE BREAKPOINTS
   ========================================================================== */

/* Medium Desktops & Laptops (1200px - 1500px) */
@media (max-width: 1500px) {
    .new-hero__container {
        grid-template-columns: 580px 1fr;
        min-height: auto;
    }

    .new-hero__title {
        font-size: 60px;
    }

    .new-hero__subtitle {
        font-size: 22px;
    }

    .new-hero__visual-wrap {
        height: 720px;
    }

    .new-hero__visual {
        height: 720px;
    }

    .new-hero__slider-dock {
        left: -200px;
    }
}

/* Tablets & Small Desktops (992px - 1199px) */
@media (max-width: 1199px) {
    .new-hero__container {
        display: flex;
        flex-direction: column;
        width: calc(100% - 60px);
        margin: 20px auto 0;
    }

    .new-hero__title {
        font-size: 52px;
    }

    .new-hero__subtitle {
        font-size: 20px;
        max-width: 100%;
    }

    .new-hero__content {
        height: auto;
    }

    .new-hero__visual-wrap {
        height: auto;
        min-height: auto;
        margin-top: 30px;
    }

    .new-hero__visual {
        max-width: 100%;
        height: auto;
    }

    .new-hero__slider-dock {
        position: static;
        width: 100%;
        margin-top: 25px;
    }

    .new-hero__slider-track-wrap {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 15px;
    }

    .new-hero__stats {
        flex-direction: row;
        width: 100%;
    }

    .new-hero__stat-card {
        flex: 1;
        width: auto;
    }
}

/* Mobile Devices (< 768px) */
@media (max-width: 767px) {
    .new-hero {
        margin-bottom: 40px;
    }

    .new-hero__container {
        width: calc(100% - 30px);
        margin: 15px auto 0;
    }

    .new-hero__content {
        padding-top: 10px;
        height: auto;
    }

    .new-hero__title {
        font-size: 34px;
        line-height: 1.15;
        margin-bottom: 16px;
    }

    .new-hero__subtitle {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 24px;
    }

    .new-hero__cta {
        margin-bottom: 24px;
        gap: 8px;
    }

    .new-hero__btn {
        height: 50px;
        padding: 0 26px;
        font-size: 16px;
    }

    .new-hero__btn-arrow {
        width: 50px;
        height: 50px;
    }

    .new-hero__btn-arrow svg {
        width: 16px;
        height: 16px;
    }

    /* Hide desktop stats, show mobile stats below visual */
    .new-hero__stats {
        display: none;
    }

    .new-hero__visual-wrap {
        height: auto;
        margin-top: 0;
    }

    .new-hero__visual {
        border-radius: 16px;
    }

    .new-hero__visual-img {
        border-radius: 16px;
    }

    .new-hero__slider-dock {
        display: none;
    }

    .new-hero__mobile-stats {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 16px;
        width: 100%;
    }

    .new-hero__mobile-stats .new-hero__stat-card {
        width: 100%;
        height: 78px;
        padding: 10px 14px;
        border-radius: 12px;
        gap: 12px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
    }

    .new-hero__mobile-stats .new-hero__stat-num {
        font-size: 30px;
        min-width: auto;
    }

    .new-hero__mobile-stats .new-hero__stat-label {
        font-size: 13px;
        line-height: 1.2;
    }
}

/* ==========================================================================
   #NEW DESIGN: SECTION 2 - О ВНЖ (PIXEL PERFECT FIGMA FRAME 76:618)
   ========================================================================== */

.section-about-vnzh {
    position: relative;
    width: 100%;
    margin-top: 58px;
    padding-top: 52px;
    margin-bottom: 100px;
    box-sizing: border-box;
}

.section-about-vnzh__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 258px;
    gap: 20px;
    align-items: stretch;
    box-sizing: border-box;
}

/* Main White Card */
.about-vnzh-card {
    position: relative;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 58px 60px 0 60px;
    min-height: 369px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Tab Badge */
.about-vnzh-card__tab {
    position: absolute;
    top: -52px;
    left: 60px;
    height: 52px;
    background: #FFFFFF;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    color: #000000;
    white-space: nowrap;
}

.about-vnzh-card__tab::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -30px;
    width: 30px;
    height: 30px;
    background: radial-gradient(circle at top left, transparent 29.5px, #FFFFFF 30px);
    pointer-events: none;
}

.about-vnzh-card__tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -30px;
    width: 30px;
    height: 30px;
    background: radial-gradient(circle at top right, transparent 29.5px, #FFFFFF 30px);
    pointer-events: none;
}

/* Inner 2-column Layout */
.about-vnzh-card__inner {
    display: grid;
    grid-template-columns: 617px 1fr;
    gap: 50px;
    align-items: start;
    height: 100%;
}

.about-vnzh-card__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.about-vnzh-card__title {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 54px;
    font-weight: 600;
    color: #2C2C2C;
    margin: 0 0 30px 0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.about-vnzh-card__illus {
    margin-top: auto;
    margin-left: -20px;
    margin-bottom: 0;
    display: block;
}

.about-vnzh-card__illus img {
    max-width: 100%;
    height: auto;
    display: block;
}

.about-vnzh-card__right {
    max-width: 730px;
    padding-top: 4px;
    padding-bottom: 40px;
}

.about-vnzh-card__right p {
    font-family: var(--font-main);
    font-size: 18px;
    line-height: 25.2px;
    color: #000000;
    margin: 0 0 20px 0;
}

.about-vnzh-card__right p:last-child {
    margin-bottom: 0;
}

/* Side Stats Column */
.about-vnzh-stats {
    display: flex;
    flex-direction: column;
    gap: 21px;
    height: 100%;
}

.about-vnzh-stat-card {
    flex: 1;
    min-height: 174px;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-vnzh-stat-card__num {
    font-family: var(--font-heading);
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    color: #2C2C2C;
    margin-bottom: 10px;
    letter-spacing: -0.01em;
}

.about-vnzh-stat-card__text {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 22.4px;
    color: #2C2C2C;
}

/* ==========================================================================
   #NEW DESIGN: SECTION 3 - СТРАНЫ (PIXEL PERFECT FIGMA FRAME 76:618)
   ========================================================================== */

.section-countries {
    position: relative;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 60px;
    box-sizing: border-box;
}

.section-countries__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
}

.section-countries__tag {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 27px;
}

.section-countries__header {
    display: grid;
    grid-template-columns: 504px 1fr;
    gap: 40px;
    margin-bottom: 60px;
    align-items: start;
}

.section-countries__title {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 54px;
    font-weight: 600;
    color: #2C2C2C;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.section-countries__desc {
    font-family: var(--font-main);
    font-size: 18px;
    line-height: 25.2px;
    color: #000000;
    max-width: 730px;
    margin: 4px 0 0 0;
}

/* Countries Grid */
.section-countries__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* Country Card */
.country-card {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.country-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.country-card__media {
    position: relative;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
}

.country-card__media img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
}

.country-card:hover .country-card__media img {
    transform: scale(1.08);
}

.country-card__body {
    padding: 16px 5px 6px 5px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.country-card__title {
    font-family: var(--font-heading);
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    color: #2C2C2C;
    text-transform: uppercase;
    margin: 0 0 6px 0;
    letter-spacing: -0.01em;
}

.country-card__subtitle {
    font-family: var(--font-main);
    font-size: 18px;
    line-height: 25.2px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 15px;
}

.country-card__terms-badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    background: #F6F1ED;
    border-radius: 30px;
    padding: 10px 18px;
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 22px;
}

.country-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 8px;
}

.country-card__consult-btn {
    width: 176px;
    height: 45px;
    background: #FB724E;
    border: none;
    border-radius: 30px;
    color: #FFFFFF;
    font-family: var(--font-main);
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.15s ease;
}

.country-card__consult-btn:hover {
    background: #D9532F;
    transform: translateY(-2px);
}

.country-card__more-link {
    font-family: var(--font-main);
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
    text-underline-offset: 4px;
    transition: color 0.2s ease;
}

.country-card__more-link:hover {
    color: #FB724E;
}

/* Section Footer */
.section-countries__footer {
    margin-top: 60px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-countries__all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 291px;
    height: 70px;
    border: 1.5px solid #FB724E;
    border-radius: 100px;
    background: transparent;
    color: #000000;
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

.section-countries__all-btn:hover {
    background: #FB724E;
    color: #FFFFFF;
}

.section-countries__mobile-nav {
    display: none;
}

/* ==========================================================================
   #RESPONSIVE ADAPTATIONS: SECTIONS 2 & 3
   ========================================================================== */

/* Laptops / Desktops (< 1600px) */
@media (max-width: 1600px) {
    .section-countries__container {
        width: calc(100% - 120px);
    }
}

/* Tablet Landscape (< 1280px) */
@media (max-width: 1279px) {
    .section-about-vnzh__container {
        grid-template-columns: 1fr;
    }

    .about-vnzh-stats {
        flex-direction: row;
    }

    .about-vnzh-card__inner {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .about-vnzh-card__title {
        font-size: 36px;
        line-height: 44px;
    }

    .section-countries__container {
        width: calc(100% - 60px);
    }

    .section-countries__header {
        grid-template-columns: 1fr 1fr;
    }

    .section-countries__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tablet Portrait (< 992px) */
@media (max-width: 991px) {
    .about-vnzh-card__inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .about-vnzh-card__illus {
        display: none;
    }

    .section-countries__header {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Mobile Devices (< 768px) */
@media (max-width: 767px) {
    /* Section 2 Mobile */
    .section-about-vnzh {
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .section-about-vnzh__container {
        width: calc(100% - 30px);
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .about-vnzh-card {
        padding: 40px 20px 24px 20px;
        border-radius: 20px;
    }

    .about-vnzh-card__tab {
        top: -42px;
        left: 20px;
        height: 42px;
        font-size: 16px;
        padding: 0 20px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .about-vnzh-card__title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .about-vnzh-card__right p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 14px;
    }

    .about-vnzh-card__illus {
        display: none;
    }

    .about-vnzh-stats {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .about-vnzh-stat-card {
        flex-direction: row;
        align-items: center;
        gap: 16px;
        padding: 16px 20px;
        border-radius: 16px;
        height: auto;
    }

    .about-vnzh-stat-card__num {
        font-size: 32px;
        line-height: 38px;
        min-width: 65px;
        margin-bottom: 0;
    }

    .about-vnzh-stat-card__text {
        font-size: 14px;
        line-height: 1.3;
    }

    /* Section 3 Mobile */
    .section-countries {
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .section-countries__container {
        width: calc(100% - 30px);
    }

    .section-countries__tag {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
    }

    .section-countries__header {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 24px;
    }

    .section-countries__title {
        font-size: 26px;
        line-height: 32px;
    }

    .section-countries__desc {
        font-size: 15px;
        line-height: 22px;
    }

    .section-countries__grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding: 4px 15px 16px 15px;
        margin: 0 -15px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .section-countries__grid::-webkit-scrollbar {
        display: none;
    }

    .country-card {
        flex: 0 0 300px;
        scroll-snap-align: start;
        padding: 12px;
        border-radius: 18px;
    }

    .country-card__title {
        font-size: 20px;
        line-height: 24px;
    }

    .country-card__subtitle {
        font-size: 15px;
        line-height: 20px;
    }

    .country-card__terms-badge {
        font-size: 14px;
        padding: 8px 14px;
        margin-bottom: 16px;
    }

    .country-card__consult-btn {
        width: 145px;
        height: 40px;
        font-size: 15px;
    }

    .country-card__more-link {
        font-size: 15px;
    }

    .section-countries__footer {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .section-countries__all-btn {
        flex: 1;
        max-width: 230px;
        height: 50px;
        font-size: 15px;
        border-radius: 30px;
    }

    .section-countries__mobile-nav {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .section-countries__nav-btn {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0;
        box-sizing: border-box;
    }

    .section-countries__nav-btn--prev {
        border: 1.5px solid #2C2C2C;
        background: transparent;
    }

    .section-countries__nav-btn--next {
        border: none;
        background: #FB724E;
    }
}

/* ==========================================================================
   #NEW DESIGN: SECTION 4 - ОТЛИЧИЯ (PIXEL PERFECT FIGMA FRAME 76:618)
   ========================================================================== */

.section-diff {
    position: relative;
    width: 100%;
    margin-top: 48px;
    padding-top: 52px;
    margin-bottom: 100px;
    box-sizing: border-box;
}

.section-diff__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 0 auto;
    box-sizing: border-box;
}

.diff-card {
    position: relative;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 58px 60px;
    box-sizing: border-box;
}

/* Tab Badge */
.diff-card__tab {
    position: absolute;
    top: -52px;
    left: 60px;
    height: 52px;
    background: #FFFFFF;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    color: #000000;
    white-space: nowrap;
}

.diff-card__tab::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -30px;
    width: 30px;
    height: 30px;
    background: radial-gradient(circle at top left, transparent 29.5px, #FFFFFF 30px);
    pointer-events: none;
}

.diff-card__tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -30px;
    width: 30px;
    height: 30px;
    background: radial-gradient(circle at top right, transparent 29.5px, #FFFFFF 30px);
    pointer-events: none;
}

/* Inner 2-column Layout */
.diff-card__inner {
    display: grid;
    grid-template-columns: 648px 1fr;
    gap: 40px;
    align-items: stretch;
}

.diff-card__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.diff-card__title {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 54px;
    font-weight: 600;
    color: #2C2C2C;
    margin: 0 0 30px 0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.diff-card__photo {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin-top: auto;
}

.diff-card__photo img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    object-fit: cover;
}

/* Right Panel (Signature Warm Cream) */
.diff-card__right-panel {
    background: #F6F1ED;
    border-radius: 30px;
    padding: 45px 45px 40px 45px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.diff-card__intro {
    font-family: var(--font-main);
    font-size: 27px;
    line-height: 38px;
    font-weight: 600;
    color: #2C2C2C;
    margin: 0 0 35px 0;
    letter-spacing: -0.01em;
}

.diff-card__criteria-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 35px;
}

.diff-criterion {
    background: #FFFFFF;
    border-radius: 14px;
    height: 74px;
    padding: 12px 18px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.diff-criterion:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
}

.diff-criterion__icon-box {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #F6F1ED;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.diff-criterion__icon-box img {
    width: 44px;
    height: 44px;
    display: block;
}

.diff-criterion__text {
    font-family: var(--font-main);
    font-size: 18px;
    line-height: 23.4px;
    font-weight: 400;
    color: #000000;
}

/* CTA Buttons */
.diff-card__cta {
    display: flex;
    align-items: center;
    gap: 0;
}

.diff-card__cta-btn {
    height: 70px;
    padding: 0 45px;
    background: #FB724E;
    border: none;
    border-radius: 40px;
    color: #FFFFFF;
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.15s ease;
}

.diff-card__cta-btn:hover {
    background: #D9532F;
    transform: translateY(-2px);
}

.diff-card__cta-arrow {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #FB724E;
    border: none;
    margin-left: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

.diff-card__cta-arrow:hover {
    background: #D9532F;
    transform: translateY(-2px);
}

/* ==========================================================================
   #NEW DESIGN: SECTION 5 - ВНЖ / НЕ ЗНАЕТЕ КАКОЙ ВЫБРАТЬ (FIGMA FRAME 76:618)
   ========================================================================== */

.section-choose-vnzh {
    position: relative;
    width: 100%;
    min-height: 1080px;
    margin-top: 40px;
    margin-bottom: 120px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}

.section-choose-vnzh__fan-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.sec5-fan-carousel {
    position: relative;
    width: 100%;
    height: 100%;
}

.sec5-fan-card {
    position: absolute;
    top: 179px;
    left: 50%;
    width: 272px;
    height: 380px;
    margin-left: -136px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
    transform-origin: center 854px;
    transition: transform 0.85s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease, box-shadow 0.8s ease;
    cursor: pointer;
    background: #FFFFFF;
    pointer-events: auto;
}

.sec5-fan-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    user-select: none;
    pointer-events: none;
}

.sec5-fan-card.pos-1 {
    transform: rotate(-100.5deg);
    opacity: 0.7;
    z-index: 1;
}

.sec5-fan-card.pos-2 {
    transform: rotate(-67deg);
    opacity: 0.9;
    z-index: 2;
}

.sec5-fan-card.pos-3 {
    transform: rotate(-33.5deg);
    opacity: 1;
    z-index: 3;
}

.sec5-fan-card.pos-4 {
    transform: rotate(0deg);
    opacity: 1;
    z-index: 5;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.2);
}

.sec5-fan-card.pos-5 {
    transform: rotate(33.5deg);
    opacity: 1;
    z-index: 3;
}

.sec5-fan-card.pos-6 {
    transform: rotate(67deg);
    opacity: 0.9;
    z-index: 2;
}

.sec5-fan-card.pos-7 {
    transform: rotate(100.5deg);
    opacity: 0.7;
    z-index: 1;
}

.section-choose-vnzh__container {
    position: relative;
    z-index: 10;
    width: calc(100% - 120px);
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 654px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
}

.section-choose-vnzh__tag {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.section-choose-vnzh__title {
    font-family: 'Bounded', var(--font-heading);
    font-size: 45px;
    line-height: 54px;
    font-weight: 600;
    color: #2C2C2C;
    margin: 0 0 24px 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.section-choose-vnzh__subtitle {
    font-family: var(--font-main);
    font-size: 18px;
    line-height: 25.2px;
    font-weight: 400;
    color: #000000;
    max-width: 808px;
    margin: 0 0 40px 0;
}

.section-choose-vnzh__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.section-choose-vnzh__cta-btn {
    height: 70px;
    padding: 0 45px;
    background: #FB724E;
    border: none;
    border-radius: 40px;
    color: #FFFFFF;
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.15s ease;
}

.section-choose-vnzh__cta-btn:hover {
    background: #D9532F;
    transform: translateY(-2px);
}

.section-choose-vnzh__cta-arrow {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #FB724E;
    border: none;
    margin-left: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

.section-choose-vnzh__cta-arrow:hover {
    background: #D9532F;
    transform: translateY(-2px);
}

/* ==========================================================================
   #RESPONSIVE ADAPTATIONS: SECTIONS 4 & 5
   ========================================================================== */

/* Tablet Landscape (< 1280px) */
@media (max-width: 1279px) {
    .diff-card__inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .diff-card__title {
        font-size: 36px;
        line-height: 44px;
    }

    .diff-card__photo {
        max-width: 600px;
    }
}

/* Tablet Portrait (< 992px) */
@media (max-width: 991px) {
    .diff-card__criteria-grid {
        grid-template-columns: 1fr;
    }

    .diff-card__intro {
        font-size: 22px;
        line-height: 30px;
    }

    .section-choose-vnzh__title {
        font-size: 36px;
        line-height: 44px;
    }
}

/* Mobile Devices (< 768px) */
@media (max-width: 767px) {
    /* Section 4 Mobile */
    .section-diff {
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .section-diff__container {
        width: calc(100% - 30px);
    }

    .diff-card {
        padding: 40px 16px 24px 16px;
        border-radius: 20px;
    }

    .diff-card__tab {
        top: -42px;
        left: 20px;
        height: 42px;
        font-size: 16px;
        padding: 0 20px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .diff-card__title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .diff-card__photo {
        margin-bottom: 6px;
        border-radius: 16px;
    }

    .diff-card__photo img {
        border-radius: 16px;
    }

    .diff-card__right-panel {
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    .diff-card__intro {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 18px;
    }

    .diff-card__criteria-grid {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
    }

    .diff-criterion {
        border: 1px solid #ECE7E2;
        height: auto;
        min-height: 60px;
        padding: 10px 14px;
        border-radius: 14px;
    }

    .diff-criterion__text {
        font-size: 15px;
        line-height: 20px;
    }

    .diff-card__cta {
        margin-top: 10px;
        gap: 8px;
    }

    .diff-card__cta-btn {
        height: 52px;
        font-size: 16px;
        padding: 0 26px;
    }

    .diff-card__cta-arrow {
        width: 52px;
        height: 52px;
    }

    .diff-card__cta-arrow svg {
        width: 16px;
        height: 16px;
    }

    /* Section 5 Mobile */
    .section-choose-vnzh {
        min-height: auto;
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .section-choose-vnzh__fan-wrap {
        position: relative;
        height: 320px;
        margin-bottom: 15px;
    }

    .sec5-fan-card {
        top: 20px;
        width: 180px;
        height: 250px;
        margin-left: -90px;
        border-radius: 16px;
        transform-origin: center 540px;
    }

    .section-choose-vnzh__container {
        width: calc(100% - 30px);
        padding-top: 0;
        padding-bottom: 0;
        margin: 0 auto;
    }

    .section-choose-vnzh__tag {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
    }

    .section-choose-vnzh__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 14px;
    }

    .section-choose-vnzh__subtitle {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 24px;
    }

    .section-choose-vnzh__cta {
        gap: 8px;
    }

    .section-choose-vnzh__cta-btn {
        height: 52px;
        font-size: 16px;
        padding: 0 26px;
    }

    .section-choose-vnzh__cta-arrow {
        width: 52px;
        height: 52px;
    }

    .section-choose-vnzh__cta-arrow svg {
        width: 16px;
        height: 16px;
    }
}

/* ==========================================================================
   #NEW DESIGN: SECTION 6 - НАПРАВЛЕНИЯ (ЧЕТЫРЕ ПУТИ К ЖИЗНИ ЗА ГРАНИЦЕЙ)
   ========================================================================== */

.section-directions {
    position: relative;
    width: 100%;
    margin-top: 58px;
    padding-top: 52px;
    margin-bottom: 100px;
    box-sizing: border-box;
}

.section-directions__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 0 auto;
    box-sizing: border-box;
}

.directions-card {
    position: relative;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 60px 60px 60px 60px;
    box-sizing: border-box;
}

/* Tab Badge */
.directions-card__tab {
    position: absolute;
    top: -52px;
    left: 60px;
    height: 52px;
    background: #FFFFFF;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    color: #000000;
    white-space: nowrap;
}

.directions-card__tab::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -30px;
    width: 30px;
    height: 30px;
    background: radial-gradient(circle at top left, transparent 29.5px, #FFFFFF 30px);
    pointer-events: none;
}

.directions-card__tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -30px;
    width: 30px;
    height: 30px;
    background: radial-gradient(circle at top right, transparent 29.5px, #FFFFFF 30px);
    pointer-events: none;
}

.directions-card__title {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 54px;
    font-weight: 700;
    color: #2C2C2C;
    margin: 0 0 45px 0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.directions-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.directions-item {
    background: #F6F1ED;
    border-radius: 20px;
    padding: 28px 28px 28px 28px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.directions-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
}

.directions-item__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.directions-item__title {
    font-family: var(--font-heading);
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    color: #2C2C2C;
    margin: 0;
    text-transform: uppercase;
}

.directions-item__icon-wrap {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.directions-item__icon {
    width: 56px;
    height: 56px;
    display: block;
    border-radius: 8px;
}

.directions-item__desc {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    color: #000000;
    margin: 0 0 28px 0;
    flex-grow: 1;
}

.directions-item__actions {
    display: flex;
}

.directions-item__btn {
    height: 45px;
    padding: 0 28px;
    background: #FB724E;
    border-radius: 100px;
    color: #FFFFFF;
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.15s ease;
}

.directions-item__btn:hover {
    background: #e45f3c;
    transform: translateY(-2px);
}

/* ==========================================================================
   #RESPONSIVE ADAPTATIONS: SECTION 6
   ========================================================================== */

@media (max-width: 1400px) {
    .directions-card__title {
        font-size: 38px;
        line-height: 46px;
    }
    .directions-item__title {
        font-size: 19px;
    }
    .directions-item {
        padding: 24px 20px 24px 20px;
    }
    .directions-item__btn {
        padding: 0 22px;
        font-size: 15px;
    }
}

@media (max-width: 1199px) {
    .section-directions__container {
        width: calc(100% - 60px);
    }
    .directions-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .directions-card {
        padding: 40px 30px;
    }
}

@media (max-width: 767px) {
    .section-directions {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .section-directions__container {
        width: calc(100% - 30px);
    }
    .directions-card {
        border-radius: 16px;
        padding: 36px 16px 24px;
    }
    .directions-card__tab {
        top: -42px;
        left: 16px;
        height: 42px;
        padding: 0 20px;
        font-size: 16px;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }
    .directions-card__tab::before {
        left: -14px;
        width: 14px;
        height: 14px;
        border-bottom-right-radius: 14px;
        box-shadow: 4px 4px 0 4px #FFFFFF;
    }
    .directions-card__tab::after {
        right: -14px;
        width: 14px;
        height: 14px;
        border-bottom-left-radius: 14px;
        box-shadow: -4px 4px 0 4px #FFFFFF;
    }
    .directions-card__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 24px;
    }
    .directions-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .directions-item {
        min-height: auto;
        padding: 22px 18px 20px;
        border-radius: 16px;
    }
    .directions-item__top {
        margin-bottom: 14px;
    }
    .directions-item__title {
        font-size: 19px;
        line-height: 24px;
    }
    .directions-item__icon-wrap,
    .directions-item__icon {
        width: 48px;
        height: 48px;
    }
    .directions-item__desc {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .directions-item__btn {
        height: 44px;
        width: auto;
        padding: 0 28px;
        font-size: 15px;
    }
}

/* ==========================================================================
   #NEW DESIGN: SECTION 7 - ДЛЯ КОГО (КТО МОЖЕТ ПОЛУЧИТЬ ВИД НА ЖИТЕЛЬСТВО)
   ========================================================================== */

.section-who {
    position: relative;
    width: 100%;
    margin-top: 120px;
    margin-bottom: 140px;
    box-sizing: border-box;
}

.section-who__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 660px 1fr;
    gap: 40px;
    align-items: center;
    box-sizing: border-box;
}

/* Left Column */
.sec7-left {
    position: relative;
    min-height: 630px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
}

.sec7-arc-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 630px;
    pointer-events: none;
    z-index: 1;
}

.sec7-arc-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.sec7-mask-path {
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    transition: stroke-dashoffset 3.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.sec7-arc-container.is-animated .sec7-mask-path {
    stroke-dashoffset: 0;
}

.sec7-arc-path {
    /* Visible path retains dashed pattern via stroke-dasharray="12 12" */
}

.sec7-node {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
    z-index: 2;
}

.sec7-arc-container.is-animated .sec7-node {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.sec7-arc-container.is-animated .sec7-node--airplane {
    transition-delay: 0.1s;
}
.sec7-arc-container.is-animated .sec7-node--passport {
    transition-delay: 0.8s;
}
.sec7-arc-container.is-animated .sec7-node--photo-2 {
    transition-delay: 1.5s;
}
.sec7-arc-container.is-animated .sec7-node--house {
    transition-delay: 2.2s;
}
.sec7-arc-container.is-animated .sec7-node--photo-1 {
    transition-delay: 2.9s;
}
.sec7-arc-container.is-animated .sec7-node--pin {
    transition-delay: 3.5s;
}

.sec7-circle {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    overflow: hidden;
}

.sec7-circle--icon {
    width: 44px;
    height: 44px;
    background: #FFFFFF;
    border: 1.5px solid rgba(251, 114, 78, 0.2);
}

.sec7-circle--photo-lg {
    width: 166px;
    height: 166px;
    border: 4px solid #FFFFFF;
}

.sec7-circle--photo-lg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sec7-circle--photo-sm {
    width: 106px;
    height: 106px;
    border: 3px solid #FFFFFF;
}

.sec7-circle--photo-sm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sec7-node--pin svg {
    filter: drop-shadow(0 4px 8px rgba(251, 114, 78, 0.3));
}

.sec7-left__content {
    position: relative;
    z-index: 2;
    padding-top: 15px;
}

.sec7-left__tag {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.sec7-left__title {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 54px;
    font-weight: 700;
    color: #2C2C2C;
    margin: 0 0 45px 0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.sec7-left__cta {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 10px;
}

.sec7-left__cta-btn {
    height: 70px;
    padding: 0 42px;
    background: #FB724E;
    border-radius: 100px;
    color: #FFFFFF;
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.15s ease;
}

.sec7-left__cta-btn:hover {
    background: #D9532F;
    transform: translateY(-2px);
}

.sec7-left__cta-arrow {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #FB724E;
    border: none;
    margin-left: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

.sec7-left__cta-arrow:hover {
    background: #D9532F;
    transform: translateY(-2px);
}

.sec7-mobile-cta {
    display: none;
}

/* Right Column: 2x2 Grid */
.sec7-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.sec7-card {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 32px 36px 28px 36px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 277px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sec7-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.sec7-card__header {
    display: flex;
    align-items: center;
    gap: 20px;
}

.sec7-card__icon-wrap {
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background: #F6F1ED;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sec7-card__icon {
    width: 57px;
    height: 57px;
    border-radius: 50%;
    display: block;
}

.sec7-card__title {
    font-family: var(--font-heading);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
    color: #2C2C2C;
    margin: 0;
    text-transform: uppercase;
}

.sec7-card__divider {
    position: relative;
    width: 100%;
    height: 1px;
    background: #FB724E;
    margin: 20px 0 20px 0;
}

.sec7-card__divider::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #FB724E;
}

.sec7-card__desc {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    color: #000000;
    margin: 0 0 15px 0;
    flex-grow: 1;
}

.sec7-card__number {
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: 700;
    color: #FB724E;
    text-align: right;
    margin-top: auto;
}

/* ==========================================================================
   #RESPONSIVE ADAPTATIONS: SECTION 7
   ========================================================================== */

@media (max-width: 1400px) {
    .section-who__container {
        grid-template-columns: 560px 1fr;
        gap: 30px;
    }
    .sec7-left {
        min-height: 550px;
    }
    .sec7-left__arc {
        width: 550px;
        height: 550px;
    }
    .sec7-left__title {
        font-size: 38px;
        line-height: 46px;
    }
    .sec7-card {
        padding: 26px 24px 22px 24px;
    }
    .sec7-card__title {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .section-who__container {
        display: flex;
        flex-direction: column;
        width: calc(100% - 60px);
        gap: 35px;
    }
    .sec7-left {
        min-height: auto;
        width: 100%;
    }
    .sec7-arc-container,
    .sec7-left__arc {
        display: none;
    }
    .sec7-grid {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }
}

@media (max-width: 767px) {
    .section-who {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .section-who__container {
        width: calc(100% - 30px);
        gap: 24px;
    }
    .sec7-left__tag {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .sec7-left__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 24px;
    }
    .sec7-left__cta {
        display: none;
    }
    .sec7-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .sec7-card {
        padding: 22px 20px 18px 20px;
        border-radius: 16px;
        min-height: auto;
    }
    .sec7-card__header {
        gap: 14px;
    }
    .sec7-card__icon-wrap,
    .sec7-card__icon {
        width: 48px;
        height: 48px;
    }
    .sec7-card__title {
        font-size: 18px;
        line-height: 22px;
    }
    .sec7-card__divider {
        margin: 14px 0 16px 0;
    }
    .sec7-card__desc {
        font-size: 15px;
        line-height: 1.4;
    }
    .sec7-card__number {
        font-size: 16px;
    }
    .sec7-mobile-cta {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 10px;
    }
    .sec7-mobile-cta .sec7-left__cta-btn {
        height: 52px;
        padding: 0 26px;
        font-size: 16px;
    }
    .sec7-mobile-cta .sec7-left__cta-arrow {
        width: 52px;
        height: 52px;
    }
    .sec7-mobile-cta .sec7-left__cta-arrow svg {
        width: 16px;
        height: 16px;
    }
}

/* ==========================================================================
   #NEW DESIGN: SECTION 8 - НОВОСТИ / БУДЬТЕ НА ШАГ ВПЕРЕДИ (FIGMA FRAME 76:618)
   ========================================================================== */

.section-news {
    position: relative;
    width: 100%;
    margin-top: 120px;
    margin-bottom: 120px;
    box-sizing: border-box;
}

.section-news__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 0 auto;
    box-sizing: border-box;
}

.section-news__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 50px;
}

.section-news__tag {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.section-news__title {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 54px;
    font-weight: 700;
    color: #2C2C2C;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.section-news__subtitle {
    font-family: var(--font-main);
    font-size: 18px;
    line-height: 25.2px;
    font-weight: 400;
    color: #000000;
    max-width: 828px;
    margin: 0;
}

/* Grid of Cards */
.section-news__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.news-card {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 15px 15px 25px 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 483px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.news-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.news-card__img-wrap {
    position: relative;
    width: 100%;
    height: 199px;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 20px;
}

.news-card__img-link {
    display: block;
    width: 100%;
    height: 100%;
}

.news-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
}

.news-card:hover .news-card__img {
    transform: scale(1.08);
}

.news-card__category {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 6px 14px;
    font-family: var(--font-main);
    font-size: 13px;
    font-weight: 600;
    color: #2C2C2C;
    text-transform: uppercase;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.news-card__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.news-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.news-card__date {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #7C7C7C;
}

.news-card__title {
    font-family: var(--font-main);
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #2C2C2C;
    margin: 0 0 24px 0;
    letter-spacing: -0.01em;
}

.news-card__title a {
    color: #2C2C2C;
    text-decoration: none;
    transition: color 0.2s ease;
}

.news-card__title a:hover {
    color: #FB724E;
}

.news-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
}

.news-card__author-box {
    flex: 1;
    min-width: 0;
}

/* Author block styling within news card */
.news-card__author-box .block__author {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 62px;
    padding: 8px 14px;
    border: 1px solid #ECE7E2;
    border-radius: 12px;
    box-sizing: border-box;
}

.news-card__author-box .block__author img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.news-card__author-box .block__author-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.news-card__author-box .block__author-info a {
    font-family: var(--font-main);
    font-size: 14px;
    font-weight: 600;
    color: #2C2C2C;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
}

.news-card__author-box .block__author-position {
    font-family: var(--font-main);
    font-size: 12px;
    font-weight: 400;
    color: #7C7C7C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
    margin-top: 2px;
}

/* Read time box */
.news-card__read-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 62px;
    padding: 0 16px;
    border: 1px solid #ECE7E2;
    border-radius: 12px;
    box-sizing: border-box;
    flex-shrink: 0;
    font-family: var(--font-main);
    font-size: 14px;
    font-weight: 500;
    color: #2C2C2C;
    white-space: nowrap;
}

.news-card__read-box--mobile {
    display: none;
}

.news-card__read-box--desktop {
    display: flex;
}

/* Footer Row */
.section-news__footer-row {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-news__cta {
    display: flex;
    align-items: center;
    gap: 0;
}

.section-news__cta-btn {
    height: 70px;
    padding: 0 45px;
    background: #FB724E;
    border: none;
    border-radius: 40px;
    color: #FFFFFF;
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.15s ease;
}

.section-news__cta-btn:hover {
    background: #D9532F;
    transform: translateY(-2px);
}

.section-news__cta-arrow {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #FB724E;
    border: none;
    margin-left: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

.section-news__cta-arrow:hover {
    background: #D9532F;
    transform: translateY(-2px);
}

.section-news__mobile-nav {
    display: none;
}

/* Responsive Breakpoints */
@media (max-width: 1400px) {
    .section-news__title {
        font-size: 38px;
        line-height: 46px;
    }
    .section-news__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 1199px) {
    .section-news__container {
        width: calc(100% - 60px);
    }
    .section-news__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .section-news {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .section-news__container {
        width: calc(100% - 30px);
    }

    .section-news__tag {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
    }

    .section-news__title {
        font-size: 26px;
        line-height: 32px;
    }

    .section-news__subtitle {
        font-size: 15px;
        line-height: 22px;
    }

    .section-news__grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding: 4px 15px 16px 15px;
        margin: 0 -15px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .section-news__grid::-webkit-scrollbar {
        display: none;
    }

    .news-card {
        flex: 0 0 310px;
        scroll-snap-align: start;
        padding: 12px;
        border-radius: 18px;
        min-height: auto;
    }

    .news-card__img-wrap {
        height: 170px;
        border-radius: 12px;
        margin-bottom: 14px;
    }

    .news-card__category {
        bottom: 10px;
        right: 10px;
        font-size: 12px;
        padding: 5px 12px;
    }

    .news-card__meta {
        margin-bottom: 10px;
    }

    .news-card__date {
        font-size: 14px;
    }

    .news-card__read-box--mobile {
        display: inline-flex;
        height: auto;
        padding: 0;
        border: none;
        font-size: 14px;
        gap: 6px;
    }

    .news-card__read-box--desktop {
        display: none;
    }

    .news-card__title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 18px;
    }

    .news-card__footer {
        margin-top: auto;
    }

    .news-card__author-box {
        width: 100%;
    }

    .news-card__author-box .block__author {
        width: 100%;
        height: 54px;
        padding: 6px 12px;
    }

    .news-card__author-box .block__author img {
        width: 36px;
        height: 36px;
    }

    .news-card__author-box .block__author-info a {
        font-size: 13px;
    }

    .news-card__author-box .block__author-position {
        font-size: 11px;
    }

    .section-news__footer-row {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .section-news__cta {
        gap: 8px;
    }

    .section-news__cta-btn {
        height: 52px;
        font-size: 16px;
        padding: 0 26px;
    }

    .section-news__cta-arrow {
        width: 52px;
        height: 52px;
    }

    .section-news__cta-arrow svg {
        width: 16px;
        height: 16px;
    }

    .section-news__mobile-nav {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .section-news__nav-btn {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0;
        box-sizing: border-box;
    }

    .section-news__nav-btn--prev {
        border: 1.5px solid #2C2C2C;
        background: transparent;
    }

    .section-news__nav-btn--next {
        border: none;
        background: #FB724E;
    }
}

/* ==========================================================================
   #NEW DESIGN: SECTION 9 - ОТЗЫВЫ (FIGMA FRAME 76:618, y=7226..7800)
   ========================================================================== */

.section-reviews {
    position: relative;
    width: 100%;
    margin-top: 58px;
    padding-top: 52px;
    margin-bottom: 100px;
    box-sizing: border-box;
}

.section-reviews__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 0 auto;
    box-sizing: border-box;
}

.reviews-card-container {
    position: relative;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 60px 60px 60px 60px;
    box-sizing: border-box;
}

/* Fillet Tab Badge */
.reviews-card-container__tab {
    position: absolute;
    top: -52px;
    left: 60px;
    height: 52px;
    background: #FFFFFF;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    color: #000000;
    white-space: nowrap;
}

.reviews-card-container__tab::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -30px;
    width: 30px;
    height: 30px;
    background: radial-gradient(circle at top left, transparent 29.5px, #FFFFFF 30px);
    pointer-events: none;
}

.reviews-card-container__tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -30px;
    width: 30px;
    height: 30px;
    background: radial-gradient(circle at top right, transparent 29.5px, #FFFFFF 30px);
    pointer-events: none;
}

/* Header */
.reviews-card-container__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 45px;
}

.reviews-card-container__title {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 54px;
    font-weight: 700;
    color: #2C2C2C;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.reviews-card-container__nav {
    display: flex;
    align-items: center;
    gap: 10px;
}

.reviews-nav-btn {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    transition: transform 0.15s ease, opacity 0.2s ease;
    padding: 0;
}

.reviews-nav-btn:hover {
    transform: scale(1.05);
}

.reviews-nav-btn--prev {
    background: #F6F1ED;
}

.reviews-nav-btn--next {
    background: #FB724E;
}

.reviews-card-container__mobile-nav {
    display: none;
}

/* Slider Track */
.reviews-slider {
    width: 100%;
    overflow: hidden;
}

.reviews-slider__track {
    display: flex;
    gap: 21px;
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
}

.review-item {
    flex: 0 0 474px;
    width: 474px;
    background: #FFFFFF;
    border: 1px solid #ECE7E2;
    border-radius: 20px;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 293px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.review-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.review-item__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

.review-item__user {
    display: flex;
    align-items: center;
    gap: 16px;
}

.review-item__avatar {
    width: 70px;
    height: 70px;
    border-radius: 12px;
    object-fit: cover;
    flex-shrink: 0;
}

.review-item__user-meta {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.review-item__stars {
    display: flex;
    align-items: center;
    gap: 3px;
}

.review-item__stars svg {
    width: 16px;
    height: 16px;
}

.review-item__name {
    font-family: var(--font-main);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #2C2C2C;
}

.review-item__badge {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.review-item__badge img {
    height: 18px;
    width: auto;
    display: block;
    object-fit: contain;
}

.review-item__text {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #2C2C2C;
    margin: 22px 0 20px 0;
    flex-grow: 1;
}

.review-item__footer {
    display: flex;
    align-items: center;
}

.review-item__link {
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 500;
    color: #2C2C2C;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: color 0.2s ease;
}

.review-item__link:hover {
    color: #FB724E;
}

/* Responsive Adaptations: Section 9 */
@media (max-width: 1400px) {
    .reviews-card-container__title {
        font-size: 38px;
        line-height: 46px;
    }
    .reviews-card-container {
        padding: 45px 40px;
    }
    .review-item {
        padding: 24px;
    }
    .review-item__avatar {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 1199px) {
    .section-reviews__container {
        width: calc(100% - 60px);
    }
}

@media (max-width: 767px) {
    .section-reviews {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .section-reviews__container {
        width: calc(100% - 30px);
    }

    .reviews-card-container {
        border-radius: 16px;
        padding: 36px 16px 24px 16px;
    }

    .reviews-card-container__tab {
        top: -42px;
        left: 16px;
        height: 42px;
        padding: 0 20px;
        font-size: 16px;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }

    .reviews-card-container__tab::before {
        left: -14px;
        width: 14px;
        height: 14px;
        border-bottom-right-radius: 14px;
        box-shadow: 4px 4px 0 4px #FFFFFF;
    }

    .reviews-card-container__tab::after {
        right: -14px;
        width: 14px;
        height: 14px;
        border-bottom-left-radius: 14px;
        box-shadow: -4px 4px 0 4px #FFFFFF;
    }

    .reviews-card-container__header {
        margin-bottom: 24px;
    }

    .reviews-card-container__title {
        font-size: 26px;
        line-height: 32px;
    }

    .reviews-card-container__nav {
        display: none;
    }

    .reviews-slider {
        overflow: visible;
    }

    .reviews-slider__track {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 14px;
        padding: 4px 2px 14px 2px;
        margin: 0;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .reviews-slider__track::-webkit-scrollbar {
        display: none;
    }

    .review-item {
        flex: 0 0 295px;
        scroll-snap-align: start;
        padding: 20px 18px 18px 18px;
        border-radius: 16px;
        min-height: auto;
    }

    .review-item__avatar {
        width: 54px;
        height: 54px;
    }

    .review-item__name {
        font-size: 17px;
    }

    .review-item__badge img {
        height: 15px;
    }

    .review-item__text {
        font-size: 14px;
        line-height: 21px;
        margin: 16px 0 16px 0;
    }

    .review-item__link {
        font-size: 15px;
    }

    .reviews-card-container__mobile-nav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        margin-top: 14px;
    }

    .reviews-card-container__mobile-nav .reviews-nav-btn {
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }
}

/* ==========================================================================
   #NEW DESIGN: SECTION 10 - FAQ / ОТВЕТЫ НА ВОПРОСЫ (FIGMA FRAME 76:618)
   ========================================================================== */

.section-faq {
    position: relative;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 120px;
    box-sizing: border-box;
}

.section-faq__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 0 auto;
    box-sizing: border-box;
}

.section-faq__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 50px;
}

.section-faq__tag {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.section-faq__title {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 54px;
    font-weight: 700;
    color: #2C2C2C;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.section-faq__subtitle {
    font-family: var(--font-main);
    font-size: 18px;
    line-height: 25.2px;
    font-weight: 400;
    color: #000000;
    max-width: 766px;
    margin: 0;
}

/* FAQ 2-Column Grid */
.section-faq__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: start;
}

.faq-card {
    background: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    transition: box-shadow 0.25s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.faq-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.faq-card__header {
    width: 100%;
    min-height: 80px;
    padding: 15px 20px 15px 35px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    text-align: left;
    box-sizing: border-box;
}

.faq-card__question {
    font-family: var(--font-main);
    font-size: 19px;
    line-height: 26px;
    font-weight: 600;
    color: #2C2C2C;
    flex-grow: 1;
}

.faq-card__icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: #F6F1ED;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.3s ease, background 0.25s ease;
}

.faq-card__icon svg {
    transition: transform 0.3s ease;
}

.faq-card.active .faq-card__icon {
    background: #FB724E;
}

.faq-card.active .faq-card__icon svg {
    transform: rotate(180deg);
}

.faq-card.active .faq-card__icon svg path {
    stroke: #FFFFFF;
}

.faq-card__body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.faq-card.active .faq-card__body {
    max-height: 1000px;
}

.faq-card__content {
    padding: 0 35px 25px 35px;
    font-family: var(--font-main);
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #2C2C2C;
}

.faq-card__content p {
    margin: 0 0 12px 0;
}

.faq-card__content p:last-child {
    margin-bottom: 0;
}

/* Responsive Breakpoints: Section 10 */
@media (max-width: 1400px) {
    .section-faq__title {
        font-size: 38px;
        line-height: 46px;
    }
}

@media (max-width: 1199px) {
    .section-faq__container {
        width: calc(100% - 60px);
    }
    .section-faq__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .section-faq__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .section-faq {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .section-faq__container {
        width: calc(100% - 30px);
    }

    .section-faq__tag {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
    }

    .section-faq__title {
        font-size: 26px;
        line-height: 32px;
    }

    .section-faq__subtitle {
        font-size: 15px;
        line-height: 22px;
    }

    .section-faq__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .faq-card {
        border-radius: 16px;
    }

    .faq-card__header {
        min-height: 68px;
        padding: 12px 14px 12px 20px;
        gap: 12px;
    }

    .faq-card__question {
        font-size: 16px;
        line-height: 22px;
    }

    .faq-card__icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .faq-card__content {
        padding: 0 20px 20px 20px;
        font-size: 14px;
        line-height: 22px;
    }
}

/* ==========================================================================
   #NEW DESIGN: SECTION 11 - TELEGRAM BANNER (FIGMA FRAME 76:618 & 83:2954)
   ========================================================================== */

.section-telegram {
    position: relative;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 100px;
    box-sizing: border-box;
}

.section-telegram__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 0 auto;
    box-sizing: border-box;
}

.sec11-card {
    position: relative;
    display: flex;
    align-items: stretch;
    background: transparent;
    border-radius: 30px;
    box-sizing: border-box;
}

.sec11-content {
    background: #FB724E;
    position: relative;
    border-radius: 30px;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .sec11-card {
        width: 100%;
        max-width: 1800px;
        height: 616px;
        margin: 0 auto;
        display: block;
    }

    .sec11-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 870px;
        height: 616px;
        background: #FB724E;
        -webkit-clip-path: path('M 30 0 L 785 0 C 796 0 805 9 805 20 L 805 45 C 805 56 814 65 825 65 L 849 65 C 860 65 869 74 869 85 L 869 285 C 869 300 858 310 843 315 C 828 320 818 328 818 340 L 818 586 A 30 30 0 0 1 788 616 L 30 616 A 30 30 0 0 1 0 586 L 0 30 A 30 30 0 0 1 30 0 Z');
        clip-path: path('M 30 0 L 785 0 C 796 0 805 9 805 20 L 805 45 C 805 56 814 65 825 65 L 849 65 C 860 65 869 74 869 85 L 869 285 C 869 300 858 310 843 315 C 828 320 818 328 818 340 L 818 586 A 30 30 0 0 1 788 616 L 30 616 A 30 30 0 0 1 0 586 L 0 30 A 30 30 0 0 1 30 0 Z');
        padding: 60px 60px 65px 60px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        box-sizing: border-box;
        z-index: 2;
    }

    .sec11-photo-wrap {
        position: absolute;
        top: 0;
        left: 840px;
        width: 960px;
        height: 616px;
        -webkit-clip-path: path('M 191 0 L 930 0 A 30 30 0 0 1 960 30 L 960 586 A 30 30 0 0 1 930 616 L 30 616 A 30 30 0 0 1 0 586 L 0 340 C 0 328 10 320 25 315 C 40 310 51 300 51 285 L 51 85 C 51 74 60 65 71 65 L 151 65 C 162 65 171 56 171 45 L 171 20 C 171 9 180 0 191 0 Z');
        clip-path: path('M 191 0 L 930 0 A 30 30 0 0 1 960 30 L 960 586 A 30 30 0 0 1 930 616 L 30 616 A 30 30 0 0 1 0 586 L 0 340 C 0 328 10 320 25 315 C 40 310 51 300 51 285 L 51 85 C 51 74 60 65 71 65 L 151 65 C 162 65 171 56 171 45 L 171 20 C 171 9 180 0 191 0 Z');
        overflow: hidden;
        z-index: 1;
    }

    .sec11-notch {
        position: absolute;
        top: 8px;
        left: 818px;
        width: 161px;
        height: 48px;
        background: transparent;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
        pointer-events: none;
    }

    .sec11-notch::before,
    .sec11-notch::after {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1919px) {
    .section-telegram__container {
        height: calc(616px * (100vw - 120px) / 1800);
    }
    .sec11-card {
        transform: scale(calc((100vw - 120px) / 1800));
        transform-origin: top left;
    }
}

/* Watermark */
.sec11-watermark {
    position: absolute;
    top: 42px;
    left: 65px;
    width: 65px;
    height: 64px;
    opacity: 0.22;
    pointer-events: none;
    z-index: 1;
}

.sec11-watermark svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Tag Pill */
.sec11-tag {
    width: 161px;
    height: 48px;
    background: #FB724E;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    color: #FFFFFF;
    text-transform: uppercase;
    white-space: nowrap;
}

.sec11-bottom-tab {
    display: none;
}

/* Heading */
.sec11-title {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 54px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    margin: 0 0 38px 0;
    position: relative;
    z-index: 2;
}

/* Subtitle */
.sec11-desc {
    font-family: var(--font-main);
    font-size: 18px;
    line-height: 25.2px;
    font-weight: 400;
    color: #FFFFFF;
    max-width: 520px;
    margin: 0 0 50px 0;
    position: relative;
    z-index: 2;
}

/* CTA Button */
.sec11-btn {
    display: inline-flex;
    align-items: center;
    gap: 0;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease;
    align-self: flex-start;
    position: relative;
    z-index: 2;
}

.sec11-btn:hover {
    transform: translateY(-2px);
}

.sec11-btn__text {
    height: 70px;
    padding: 0 42px;
    background: #FFFFFF;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
}

.sec11-btn__arrow {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #FFFFFF;
    margin-left: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.2s ease;
}

.sec11-btn:hover .sec11-btn__text,
.sec11-btn:hover .sec11-btn__arrow {
    background: #EAEAEA;
    color: #000000;
}

/* Right Photo Box */
@media (max-width: 1199px) {
    .sec11-photo-wrap {
        flex: 1;
        margin-left: 0;
        border-radius: 0 30px 30px 0;
        overflow: hidden;
        height: 616px;
        position: relative;
        z-index: 1;
    }
}

.sec11-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
}

/* Responsive Section 11 */
@media (max-width: 1199px) {
    .sec11-card {
        flex-direction: column;
        min-height: auto;
    }
    .sec11-content {
        position: relative;
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
        height: auto;
        -webkit-clip-path: none;
        clip-path: none;
        border-radius: 20px;
        padding: 40px 30px;
    }
    .sec11-photo-wrap {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 380px;
        -webkit-clip-path: none;
        clip-path: none;
        margin-left: 0;
        margin-top: 16px;
        border-radius: 20px;
    }
    .sec11-notch {
        position: absolute;
        top: -16px;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: auto;
        background: transparent;
        border-radius: 0;
    }
    .sec11-notch::before,
    .sec11-notch::after {
        display: none;
    }
    .sec11-tag {
        height: 38px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .section-telegram {
        margin-top: 40px;
        margin-bottom: 50px;
        padding-top: 24px;
    }
    .section-telegram__container {
        width: calc(100% - 30px);
    }
    .sec11-card {
        flex-direction: column;
    }
    .sec11-content {
        padding: 36px 20px 30px 20px;
        text-align: center;
        align-items: center;
    }
    .sec11-watermark {
        display: none;
    }
    .sec11-notch {
        position: absolute;
        top: -16px;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: auto;
        z-index: 10;
    }
    .sec11-tag {
        display: flex;
        align-items: center;
        justify-content: center;
        position: static;
        transform: none;
        height: 32px;
        padding: 0 18px;
        font-size: 13px;
        border-radius: 16px;
    }
    .sec11-title {
        font-size: 21px;
        line-height: 25.2px;
        margin-bottom: 16px;
        text-align: center;
    }
    .sec11-desc {
        font-size: 15px;
        line-height: 21px;
        text-align: center;
        margin-bottom: 24px;
        max-width: 290px;
    }
    .sec11-btn {
        align-self: center;
    }
    .sec11-btn__text {
        height: 50px;
        padding: 0 24px;
        font-size: 14px;
    }
    .sec11-btn__arrow {
        width: 50px;
        height: 50px;
        margin-left: 6px;
    }
    .sec11-btn__arrow svg {
        width: 18px;
        height: 18px;
    }
    .sec11-photo-wrap {
        height: auto;
        margin-top: 14px;
        border-radius: 20px;
        background: transparent;
        overflow: visible;
        position: relative;
        z-index: 1;
    }
    .sec11-photo {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 0;
    }
    .sec11-bottom-tab {
        display: block;
        position: absolute;
        bottom: -22px;
        left: 50%;
        transform: translateX(-50%);
        width: 180px;
        height: 22px;
        background: #FB724E;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
        z-index: 5;
    }
    .sec11-bottom-tab::before {
        content: '';
        position: absolute;
        top: 0;
        left: -14px;
        width: 14px;
        height: 14px;
        background: radial-gradient(circle at bottom left, transparent 13.5px, #FB724E 14px);
        pointer-events: none;
    }
    .sec11-bottom-tab::after {
        content: '';
        position: absolute;
        top: 0;
        right: -14px;
        width: 14px;
        height: 14px;
        background: radial-gradient(circle at bottom right, transparent 13.5px, #FB724E 14px);
        pointer-events: none;
    }
}

/* ==========================================================================
   #NEW DESIGN: FOOTER (PIXEL PERFECT FIGMA FRAME 76:618 & 83:2954)
   ========================================================================== */

.footer {
    position: relative;
    width: 100%;
    background: #F6F1ED;
    padding-top: 60px;
    padding-bottom: 60px;
    box-sizing: border-box;
}

.footer__container {
    width: calc(100% - 120px);
    max-width: 1800px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Main 4-Column Row */
.footer__main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}

/* Brand Column */
.footer__col--brand {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 160px;
}

.footer__logo {
    display: inline-block;
    transition: opacity 0.2s ease;
}

.footer__logo:hover {
    opacity: 0.85;
}

.footer__logo img {
    width: 158px;
    height: 48px;
    display: block;
}

.footer__langs {
    display: flex;
    gap: 8px;
    margin-top: 40px;
}

.footer__langs--mobile {
    display: none;
}

.footer__lang-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 31px;
    border-radius: 30px;
    background: #FFFFFF;
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    transition: background 0.2s ease, font-weight 0.2s ease;
}

.footer__lang-pill.active {
    font-weight: 600;
}

.footer__lang-pill:hover {
    background: #ECE7E2;
}

/* Nav Columns */
.footer__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer__nav-list a {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer__nav-list a:hover {
    color: #FB724E;
}

/* Contacts Column */
.footer__col--contacts {
    display: flex;
    flex-direction: column;
}

.footer__socials-row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 22px;
}

.footer__socials {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer__social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    transition: transform 0.2s ease;
}

.footer__social-icon:hover {
    transform: scale(1.1);
}

.footer__social-icon img {
    width: 28px;
    height: 28px;
    display: block;
}

.footer__contact-info {
    display: flex;
    flex-direction: column;
}

.footer__phone {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 21.6px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    margin-bottom: 8px;
    transition: color 0.2s ease;
}

.footer__phone:hover {
    color: #FB724E;
}

.footer__email {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 21.6px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    margin-bottom: 16px;
    transition: color 0.2s ease;
}

.footer__email:hover {
    color: #FB724E;
}

.footer__address {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 400;
    color: #000000;
    max-width: 350px;
}

/* Divider Line */
.footer__divider {
    height: 1px;
    background: #D9D2CB;
    width: 100%;
    margin-bottom: 36px;
}

/* Bottom Row */
.footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.footer__copyright {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 400;
    color: #666666;
    max-width: 550px;
}

.footer__badges {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer__badges img {
    height: 36px;
    width: auto;
    display: block;
}

.footer__legal {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
}

.footer__legal a {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer__legal a:hover {
    color: #FB724E;
}

/* Responsive Footer */
@media (max-width: 1199px) {
    .footer__container {
        width: calc(100% - 60px);
    }
    .footer__main {
        flex-wrap: wrap;
        gap: 30px;
    }
    .footer__col--brand {
        flex: 0 0 100%;
        min-height: auto;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .footer__langs {
        margin-top: 0;
    }
    .footer__bottom {
        flex-wrap: wrap;
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer__container {
        width: calc(100% - 30px);
    }
    .footer__main {
        display: block;
        margin-bottom: 30px;
    }
    .footer__col--brand {
        margin-bottom: 24px;
    }
    .footer__langs {
        display: none;
    }
    .footer__main .footer__col--nav:nth-of-type(2) {
        float: left;
        width: 50%;
        margin-bottom: 28px;
    }
    .footer__main .footer__col--nav:nth-of-type(3) {
        float: right;
        width: 50%;
        margin-bottom: 28px;
    }
    .footer__col--contacts {
        clear: both;
        width: 100%;
    }
    .footer__socials-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    .footer__langs--mobile {
        display: flex;
        gap: 8px;
    }
    .footer__lang-pill {
        font-size: 14px;
    }
    .footer__phone,
    .footer__email,
    .footer__address {
        font-size: 14px;
        line-height: 19.6px;
    }
    .footer__phone {
        margin-bottom: 6px;
    }
    .footer__email {
        margin-bottom: 12px;
    }
    .footer__address {
        margin-bottom: 24px;
    }
    .footer__divider {
        margin-bottom: 24px;
    }
    .footer__bottom {
        flex-direction: column;
        gap: 20px;
    }
    .footer__legal {
        order: 1;
        gap: 8px;
    }
    .footer__legal a {
        font-size: 15px;
        line-height: 19.2px;
    }
    .footer__badges {
        order: 2;
        gap: 12px;
        margin-bottom: 4px;
    }
    .footer__copyright {
        order: 3;
        font-size: 13px;
        line-height: 18px;
    }
}

.footer::before,
.footer::after {
    display: none !important;
    background-image: none !important;
    content: none !important;
}