/*
 * Business Park AQJOL — homepage mobile layout only.
 * Figma target: 393 × 852, content width 361px.
 * Loaded from welcome.blade.php only for screens <= 760px so desktop remains untouched.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400&display=swap');

@media screen and (max-width: 760px) {
    .site-body {
        overflow-x: hidden;
    }

    /* 01 · Mobile hero */
    .home-hero {
        width: 100% !important;
        height: 100svh !important;
        min-height: 720px !important;
        max-height: none !important;
        overflow: hidden !important;
        background: #a6d2f5 !important;
    }

    .home-hero__swiper,
    .home-hero__swiper .swiper-wrapper,
    .home-hero__slide {
        width: 100% !important;
        height: 100% !important;
    }

    .home-hero__slide {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        box-sizing: border-box !important;
        padding: 152px 16px 0 !important;
        background-color: #a6d2f5 !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        /* Scale every hero image from its width, not its source height, so mixed aspect ratios keep the same visual zoom. */
        background-size: 195% auto !important;
        filter: none !important;
    }

    .home-hero__slide.swiper-slide-active {
        filter: none !important;
    }

    .home-hero__title {
        position: relative !important;
        z-index: 2 !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 34px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-transform: uppercase !important;
    }

    .home-hero__title span,
    .home-hero__title span:first-child {
        display: inline !important;
        text-align: left !important;
    }

    .home-hero__title span + span::before {
        content: ' ';
    }

    .home-hero__description {
        position: relative !important;
        z-index: 3 !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 12px 0 0 !important;
        color: #2A2A2A !important;
        font-family: 'Inter Tight', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }

    .home-hero__description p {
        margin: 0 !important;
    }

    .home-hero__description br {
        display: none !important;
    }

    .home-hero__primary-button,
    .home-hero__secondary-button {
        position: relative !important;
        z-index: 4 !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        height: 66px !important;
        min-height: 66px !important;
        flex: 0 0 66px !important;
        box-sizing: border-box !important;
        padding: 6px 20px !important;
        transform: none !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-hero__primary-button {
        margin: 36px 0 0 !important;
        color: #FFFFFF !important;
        background: #1F1F1F !important;
    }

    .home-hero__secondary-button {
        margin: 20px 0 0 !important;
        color: #1F1F1F !important;
        background: #FFFFFF !important;
    }

    .home-hero__secondary-button--single {
        margin-top: 36px !important;
    }

    .home-hero__primary-button img,
    .home-hero__secondary-button img {
        width: 15px !important;
        height: 14px !important;
        flex: 0 0 15px !important;
    }

    /* Header: 361 × 52, 16px side margins. Reduced mobile top offset by half. */
    .site-header {
        padding-top: 30px !important;
    }

    .site-header__frame {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .site-header__navigation {
        position: relative !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 16px !important;
        border: 1px solid rgba(255, 255, 255, 0.34) !important;
        background: rgba(255, 255, 255, 0.16) !important;
    }

    .site-header__logo {
        width: auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: flex-start !important;
        border: 0 !important;
        background: transparent !important;
    }

    .site-header__logo img {
        width: 198px !important;
        height: 16px !important;
        display: block !important;
    }

    .site-header__menu,
    .site-header__investors {
        display: none !important;
    }

    .site-header__navigation::after {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 32px;
        height: 12px;
        background:
            linear-gradient(#1F1F1F, #1F1F1F) left top / 32px 1px no-repeat,
            linear-gradient(#1F1F1F, #1F1F1F) left bottom / 32px 1px no-repeat;
        content: '';
        transform: translateY(-50%);
        pointer-events: none;
    }

    /* Figma pagination: one short active pill + compact inactive dots. */
    .home-hero__pagination,
    .home-hero__swiper .home-hero__pagination,
    .home-hero__pagination.swiper-pagination-bullets,
    .home-hero__pagination.swiper-pagination-horizontal {
        left: 50% !important;
        right: auto !important;
        bottom: 16px !important;
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        transform: translateX(-50%) !important;
    }

    .home-hero__dot {
        width: 8px !important;
        height: 8px !important;
        min-width: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.32) !important;
    }

    .home-hero__dot.is-active {
        width: 32px !important;
        min-width: 32px !important;
        background: rgba(255, 255, 255, 0.44) !important;
    }

    .home-hero__dot::after {
        border-radius: inherit !important;
        background: #FFFFFF !important;
    }

    /* 02 · Mobile metrics — Figma 393px: 16px sides, 96px top, 2×2 grid, 40px bottom. */
    .home-metrics {
        width: 100% !important;
        background: #FFFFFF !important;
    }

    .home-metrics__grid {
        position: relative !important;
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 96px 0 40px !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: 65px 65px !important;
        column-gap: 0 !important;
        row-gap: 41px !important;
    }

    /* 1px / 30% divider exactly 20px between both metric rows. */
    .home-metrics__grid::after {
        position: absolute !important;
        top: 181px !important;
        left: 0 !important;
        width: 100% !important;
        height: 1px !important;
        background: rgba(31, 31, 31, 0.30) !important;
        content: '' !important;
        pointer-events: none !important;
    }

    .home-metrics__item,
    .home-metrics__item:first-child,
    .home-metrics__item:nth-child(2n+1) {
        width: auto !important;
        height: 65px !important;
        min-height: 65px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        border-left: 0 !important;
        overflow: visible !important;
    }

    .home-metrics__item:nth-child(2n) {
        padding-left: 16px !important;
        border-left: 1px solid rgba(31, 31, 31, 0.30) !important;
    }

    .home-metrics__value {
        margin: 0 !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 30px !important;
        font-weight: 700 !important;
        line-height: 40px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .home-metrics__value sup {
        font-size: 0.5em !important;
        line-height: 1 !important;
        vertical-align: super !important;
    }

    .home-metrics__label {
        width: 100% !important;
        margin: 0 !important;
        color: #1F1F1F !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
        letter-spacing: 0 !important;
    }

    /* Figma mobile CTA: 393×66, content group centered (220px text + 10px gap + 10.8px arrow). */
    .home-metrics__cta {
        width: 100% !important;
        height: 66px !important;
        min-height: 66px !important;
        margin: 0 !important;
        padding: 24px 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        background: #1F1F1F !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
    }

    .home-metrics__cta > span {
        display: block !important;
        width: 220px !important;
        flex: 0 0 220px !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0.02em !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .home-metrics__cta img,
    .home-metrics__cta svg {
        width: 10.8px !important;
        height: 10px !important;
        flex: 0 0 10.8px !important;
        object-fit: fill !important;
    }

    /* 03 · Mobile comfort — Figma 393px: 96px top, 361×108 heading, 40px gap, stacked feature rows. */
    .home-comfort__heading {
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 96px 0 40px !important;
        box-sizing: border-box !important;
    }

    .home-comfort__title {
        width: 100% !important;
        min-height: 108px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 34px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-comfort__title span {
        display: block !important;
        margin: 0 !important;
    }

    .home-comfort__grid {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .home-comfort__feature,
    .home-comfort__feature:nth-child(2n),
    .home-comfort__feature:nth-child(4n) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.40) !important;
    }

    .home-comfort__feature h3 {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .home-comfort__feature p {
        width: 100% !important;
        margin: 12px 0 0 !important;
        overflow: visible !important;
        color: #FFFFFF !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
    }


    /* Mobile comfort: keep 8.5 m on one line; show 3 cards first, reveal the rest on demand. */
    .home-comfort__feature:first-child h3 br {
        display: none !important;
    }

    .home-comfort__feature:nth-child(n + 4) {
        display: none !important;
    }

    .home-comfort--expanded .home-comfort__feature:nth-child(n + 4) {
        display: block !important;
    }

    .home-comfort__more {
        width: 100% !important;
        height: 66px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #FFFFFF !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    .home-comfort__more[hidden] {
        display: none !important;
    }

    /* Keep the existing "Все характеристики комплекса" CTA visible on mobile. */
    .home-comfort__cta {
        display: flex !important;
    }
}


/* 04 · Mobile technical — Figma 393px. Same reveal mechanics as comfort: show 3 first. */
@media (max-width: 760px) {
    .home-technical {
        width: 100% !important;
        margin: 0 !important;
        background: #1F1F1F !important;
        color: #FFFFFF !important;
    }

    .home-technical__heading {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 96px 16px 40px !important;
        box-sizing: border-box !important;
    }

    .home-technical__heading h2 {
        width: 100% !important;
        max-width: 361px !important;
        min-height: 72px !important;
        margin: 0 auto !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-technical__grid {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        border: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
        box-sizing: border-box !important;
    }

    .home-technical__feature,
    .home-technical__feature:nth-child(2n),
    .home-technical__feature:nth-child(3n) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 40px 16px !important;
        box-sizing: border-box !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    }

    .home-technical__feature h3 {
        width: 100% !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: normal !important;
    }

    .home-technical__feature p {
        width: 100% !important;
        margin: 12px 0 0 !important;
        color: #FFFFFF !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        white-space: pre-wrap !important;
    }

    .home-technical__feature:nth-child(n + 4) {
        display: none !important;
    }

    .home-technical--expanded .home-technical__feature:nth-child(n + 4) {
        display: block !important;
    }

    .home-technical__more {
        width: 100% !important;
        height: 66px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: rgba(255, 255, 255, 0.20) !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    .home-technical__more[hidden] {
        display: none !important;
    }

    .home-technical__cta {
        width: 100% !important;
        max-width: none !important;
        height: 70px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #FFFFFF !important;
        font-size: 12px !important;
        line-height: 18px !important;
    }

    /* 06 · Для кого подойдут помещения — mobile Figma */
    .home-business-types {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 96px 0 0 !important;
        box-sizing: border-box !important;
        background: #FFFFFF !important;
    }

    .home-business-types__title {
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        margin: 0 auto !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-business-types__title span {
        display: contents !important;
        margin: 0 !important;
    }

    .home-business-types__title span + span::before {
        content: none !important;
        display: none !important;
    }

    .home-business-types__grid {
        width: 100% !important;
        margin: 40px 0 0 !important;
        display: block !important;
    }

    .home-business-types__card {
        width: 100% !important;
        height: 412px !important;
        margin: 0 !important;
        position: relative !important;
        overflow: hidden !important;
        background: #D7D7D7 !important;
    }

    .home-business-types__card > img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
    }

    .home-business-types__glass {
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 50% !important;
        background:
            linear-gradient(to top, rgba(31, 31, 31, 0.52) 0%, rgba(31, 31, 31, 0.34) 44%, rgba(31, 31, 31, 0.10) 74%, rgba(31, 31, 31, 0) 100%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(0.94) brightness(1.03) !important;
        backdrop-filter: blur(18px) saturate(0.94) brightness(1.03) !important;
        -webkit-mask-image: linear-gradient(to top, #000 0%, #000 54%, rgba(0, 0, 0, 0.62) 78%, transparent 100%) !important;
        mask-image: linear-gradient(to top, #000 0%, #000 54%, rgba(0, 0, 0, 0.62) 78%, transparent 100%) !important;
    }

    .home-business-types__glass::before {
        inset: 38% -10% -18% !important;
        filter: blur(18px) !important;
        opacity: 0.45 !important;
    }

    .home-business-types__content {
        right: 16px !important;
        bottom: 40px !important;
        left: 16px !important;
    }

    .home-business-types__content h3 {
        width: 100% !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: pre-line !important;
    }

    .home-business-types__content p {
        width: 100% !important;
        margin: 12px 0 0 !important;
        color: #FFFFFF !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        white-space: pre-line !important;
    }

    .home-business-types__card:nth-child(n + 4) {
        display: none !important;
    }

    .home-business-types--expanded .home-business-types__card:nth-child(n + 4) {
        display: block !important;
    }

    .home-business-types__more {
        width: 100% !important;
        height: 72px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #E9E9E9 !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    .home-business-types__more[hidden] {
        display: none !important;
    }

    /* 07 · Этапы строительства и запуска — mobile Figma */
    .home-construction {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        background: #1F1F1F !important;
        color: #FFFFFF !important;
    }

    .home-construction__heading {
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 96px 0 40px !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    }

    .home-construction__heading h2 {
        width: 100% !important;
        min-height: 108px !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-construction__heading h2 span {
        display: block !important;
        margin: 0 !important;
    }

    .home-construction__heading h2 span + span {
        margin-top: 0 !important;
    }

    .home-construction__slider {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .home-construction__slider > .swiper-wrapper {
        height: auto !important;
    }

    .home-construction__slide {
        width: 100% !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto 328px 128px !important;
        background: #1F1F1F !important;
        filter: none !important;
    }

    .home-construction__content {
        display: contents !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
    }

    .home-construction__meta {
        grid-row: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 40px 16px 0 !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        column-gap: 16px !important;
        row-gap: 24px !important;
        align-items: center !important;
    }

    .home-construction__meta h3 {
        display: contents !important;
        margin: 0 !important;
    }

    .home-construction__period {
        grid-column: 1 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-construction__stage-title {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-construction__meta:not(.has-period) .home-construction__stage-title {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .home-construction__counter {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: start !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 4px !important;
        color: #858585 !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
    }

    .home-construction__content > p {
        grid-row: 2 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 12px 16px 40px !important;
        box-sizing: border-box !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-construction__media {
        grid-row: 3 !important;
        width: 100% !important;
        height: 328px !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: #B8C6CA !important;
    }

    .home-construction__media img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .home-construction__navigation {
        grid-row: 4 !important;
        width: 100% !important;
        height: 128px !important;
        margin: 0 !important;
        padding: 40px 16px 36px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        background: #1F1F1F !important;
    }

    .home-construction__navigation button {
        width: 52px !important;
        height: 52px !important;
        flex: 0 0 52px !important;
        padding: 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.72) !important;
        border-radius: 50% !important;
        color: #FFFFFF !important;
        background: transparent !important;
    }

    .home-construction__navigation button:disabled {
        color: #858585 !important;
        border-color: rgba(255, 255, 255, 0.34) !important;
        opacity: 1 !important;
    }

    .home-construction__navigation svg {
        width: 22px !important;
        height: 22px !important;
    }


    /* 08 · Стать резидентом за 4 шага — mobile Figma */
    .home-residency-background {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: #77745A !important;
    }

    .home-residency-background > img {
        position: absolute !important;
        z-index: 0 !important;
        inset: 0 0 auto 0 !important;
        width: 100% !important;
        height: 416px !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: scale(1.08) !important;
        transform-origin: center center !important;
    }

    .home-residency-background__glass {
        position: absolute !important;
        z-index: 1 !important;
        inset: 0 0 auto 0 !important;
        width: 100% !important;
        height: 416px !important;
        overflow: hidden !important;
        background: linear-gradient(180deg, rgba(31, 31, 31, 0.14) 0%, rgba(31, 31, 31, 0.28) 100%) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    .home-residency-background__glass::before,
    .home-residency-background__glass::after {
        display: none !important;
    }

    .home-residency-background__content {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #FFFFFF !important;
    }

    .home-residency-background__header {
        position: relative !important;
        width: 100% !important;
        height: 416px !important;
        margin: 0 !important;
    }

    .home-residency-background__header h2 {
        position: absolute !important;
        top: 48px !important;
        right: 16px !important;
        left: 16px !important;
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        min-height: 108px !important;
        margin: 0 auto !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    /* Mobile: use one continuous title/intro string so admin line splits, spans or <br>
       never force word wrapping. Desktop markup remains untouched. */
    .home-residency-background__header h2 > span,
    .home-residency-background__header > p > span {
        display: none !important;
    }

    .home-residency-background__header h2 > br,
    .home-residency-background__header > p > br {
        display: none !important;
    }

    .home-residency-background__header h2::before {
        content: attr(data-mobile-text) !important;
        display: block !important;
        white-space: normal !important;
    }

    .home-residency-background__header > p::before {
        content: attr(data-mobile-text) !important;
        white-space: normal !important;
    }

    .home-residency-background__header > p {
        display: none !important;
    }

    .home-residency-background__steps {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100vw !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        counter-reset: residency-mobile-step !important;
        background: linear-gradient(180deg, #79733F 0%, #716E44 34%, #777452 66%, #797761 100%) !important;
    }

    .home-residency-background__step {
        position: relative !important;
        width: 100% !important;
        height: 160px !important;
        min-height: 160px !important;
        margin: 0 !important;
        padding: 40px 16px !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.30) !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: 70px minmax(0, 1fr) !important;
        grid-template-rows: 32px auto !important;
        column-gap: 0 !important;
        row-gap: 12px !important;
        align-content: center !important;
        align-items: start !important;
        overflow: hidden !important;
        background: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        counter-increment: residency-mobile-step !important;
    }

    .home-residency-background__step:nth-child(1) {
        background: rgba(124, 118, 61, 0.34) !important;
    }

    .home-residency-background__step:nth-child(2) {
        background: rgba(112, 109, 67, 0.20) !important;
    }

    .home-residency-background__step:nth-child(3) {
        background: rgba(119, 116, 82, 0.22) !important;
    }

    .home-residency-background__step:nth-child(4) {
        background: rgba(122, 119, 96, 0.24) !important;
    }

    .home-residency-background__step::before,
    .home-residency-background__step::after {
        display: none !important;
    }

    .home-residency-background__step > div {
        display: contents !important;
    }

    .home-residency-background__step > div > span {
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
        align-self: center !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 0 !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
    }

    .home-residency-background__step > div > span::before {
        content: counter(residency-mobile-step) !important;
        display: block !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 64px !important;
        font-weight: 700 !important;
        line-height: 64px !important;
        letter-spacing: 0 !important;
    }

    .home-residency-background__step h3 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: start !important;
        width: 100% !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-residency-background__step > p {
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: start !important;
        width: 100% !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
    }

    .home-residency-background__cta {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100vw !important;
        max-width: none !important;
        height: 66px !important;
        margin: 0 0 0 calc(50% - 50vw) !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        color: #FFFFFF !important;
        background: #77755F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
    }

    .home-residency-background__cta:hover {
        background: #77755F !important;
    }

    .home-residency-background__cta img {
        width: 10.8px !important;
        height: 10px !important;
        display: block !important;
        flex: 0 0 auto !important;
        filter: brightness(0) invert(1) !important;
    }



    .home-team {
        background: #FFFFFF !important;
    }

    .home-team__inner {
        width: 100% !important;
        padding: 96px 16px 0 !important;
        box-sizing: border-box !important;
    }

    .home-team__title {
        width: 100% !important;
        max-width: 361px !important;
        margin: 0 0 40px !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 0 !important;
        font-weight: 700 !important;
        line-height: 0 !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .home-team__title::before {
        content: attr(data-mobile-first) "\A" attr(data-mobile-rest) !important;
        display: block !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: pre-line !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .home-team__grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        border-top: 1px solid rgba(31, 31, 31, 0.10) !important;
    }

    .home-team__card {
        display: grid !important;
        grid-template-columns: 100px minmax(0, 1fr) !important;
        column-gap: 16px !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 132px !important;
        padding: 16px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(31, 31, 31, 0.10) !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    .home-team__photo {
        position: relative !important;
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        margin: 0 !important;
        overflow: visible !important;
        background: #E5E5E5 !important;
        z-index: 1 !important;
    }

    .home-team__photo img {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 109px !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center bottom !important;
        transform: none !important;
        z-index: 2 !important;
    }

    .home-team__photo-placeholder {
        position: static !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        background: #E5E5E5 !important;
    }

    .home-team__info {
        min-width: 0 !important;
        min-height: 100px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 0 !important;
        text-align: left !important;
        background: transparent !important;
    }

    .home-team__info h3 {
        width: 100% !important;
        margin: 0 !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .home-team__info p {
        width: 100% !important;
        margin: 0 !important;
        color: rgba(31, 31, 31, 0.50) !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 16px !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .home-team__cta {
        width: calc(100% + 32px) !important;
        margin: 0 0 0 -16px !important;
        height: 66px !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        color: #1F1F1F !important;
        background: #FFFFFF !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(31, 31, 31, 0.10) !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    .home-team__cta img {
        width: 10.8px !important;
        height: 10px !important;
        display: block !important;
        flex: 0 0 auto !important;
    }


    /* 09 · Mobile investment — Figma 393px. Desktop stays untouched. */
    .home-investment {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 36px !important;
        overflow: hidden !important;
        background: #1F1F1F !important;
        color: #FFFFFF !important;
        box-sizing: border-box !important;
    }

    .home-investment__inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 96px 16px 0 !important;
        box-sizing: border-box !important;
    }

    /* Mobile title is one continuous phrase; no desktop span breaks/suffix. */
    .home-investment__title {
        width: 100% !important;
        max-width: 361px !important;
        min-height: 72px !important;
        margin: 0 auto !important;
        display: block !important;
        color: #FFFFFF !important;
        font-size: 0 !important;
        line-height: 0 !important;
        white-space: normal !important;
    }

    .home-investment__title > span {
        display: none !important;
    }

    .home-investment__title::before,
    .home-investment__title::after {
        display: block !important;
        width: 100% !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        /* Keep both prescribed lines inside the 361px image width on every mobile viewport. */
        font-size: min(39px, calc((100vw - 32px) / 9.25)) !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .home-investment__title::before {
        content: 'ИНВЕСТИРУЙТЕ В' !important;
    }

    .home-investment__title::after {
        content: 'ДОХОДНЫЙ АКТИВ' !important;
    }

    .home-investment__image {
        display: block !important;
        width: 100% !important;
        max-width: 361px !important;
        height: auto !important;
        aspect-ratio: 361 / 183.34 !important;
        margin: 40px auto 0 !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .home-investment__stats {
        position: relative !important;
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        height: 171px !important;
        margin: 40px auto 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: 65px 65px !important;
        column-gap: 0 !important;
        row-gap: 41px !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .home-investment__stats::after {
        position: absolute !important;
        top: 85px !important;
        left: 0 !important;
        width: 100% !important;
        height: 1px !important;
        background: rgba(255, 255, 255, 0.30) !important;
        content: '' !important;
        pointer-events: none !important;
    }

    .home-investment__stat,
    .home-investment__stat:first-child {
        width: auto !important;
        height: 65px !important;
        min-height: 65px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        border: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .home-investment__stat:nth-child(2n) {
        padding-left: 16px !important;
        border-left: 1px solid rgba(255, 255, 255, 0.30) !important;
    }

    .home-investment__stat strong {
        display: block !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 30px !important;
        font-weight: 700 !important;
        line-height: 40px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .home-investment__stat strong sup {
        font-size: 0.55em !important;
        line-height: 0 !important;
        vertical-align: super !important;
    }

    /* “6 ЛЕТ” is baseline text in the mobile Figma, not a superscript unit. */
    .home-investment__stat:nth-child(2) strong sup {
        font-size: 1em !important;
        line-height: inherit !important;
        vertical-align: baseline !important;
    }

    .home-investment__stat > span {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        color: #FFFFFF !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 0 !important;
        font-weight: 500 !important;
        line-height: 0 !important;
        letter-spacing: 0 !important;
    }

    .home-investment__stat > span::before {
        display: block !important;
        color: #FFFFFF !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
    }

    .home-investment__stat:nth-child(1) > span::before {
        content: 'Прогнозная доходность годовых' !important;
    }

    .home-investment__stat:nth-child(2) > span::before {
        content: 'Расчётный срок окупаемости' !important;
    }

    .home-investment__stat:nth-child(3) > span::before {
        content: 'Минимальный порог входа' !important;
    }

    .home-investment__stat:nth-child(4) > span::before {
        content: 'Арендная ставка' !important;
    }

    .home-investment__actions {
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        height: auto !important;
        margin: 40px auto 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        box-sizing: border-box !important;
    }

    .home-investment__button {
        width: 100% !important;
        height: 66px !important;
        min-height: 66px !important;
        margin: 0 !important;
        padding: 6px 20px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0.02em !important;
        text-align: center !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    .home-investment__button img {
        width: 10.8px !important;
        height: 10px !important;
        display: block !important;
        flex: 0 0 10.8px !important;
        object-fit: fill !important;
    }

    .home-investment__button--light {
        background: #FFFFFF !important;
        color: #1F1F1F !important;
    }

    .home-investment__button--dark {
        background: rgba(255, 255, 255, 0.20) !important;
        color: #FFFFFF !important;
    }

    /* Figma mobile label differs from the desktop download action. */
    .home-investment__button--dark > span {
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .home-investment__button--dark > span::before {
        content: attr(data-mobile-label) !important;
        display: inline !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
    }


    /* Mobile news starts cleanly: remove inherited desktop center divider and section seam. */
    .home-blog__inner::before {
        display: none !important;
        content: none !important;
    }

    .home-investment,
    .home-investment__actions,
    .home-investment + .home-blog,
    .home-blog {
        border-bottom: 0 !important;
        border-top: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }



    /* ====================================================================== */
    /* HOME / NEWS — mobile Figma 393px                                      */
    /* ====================================================================== */
    .home-blog {
        position: relative !important;
        width: 100% !important;
        margin: -1px 0 0 !important;
        padding: 97px 0 0 !important;
        background: #1F1F1F !important;
        color: #FFFFFF !important;
        box-sizing: border-box !important;
    }

    /* Mask the inherited 1px seam between the investment CTA and news on mobile. */
    .home-blog::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 2px !important;
        display: block !important;
        background: #1F1F1F !important;
        border: 0 !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }

    .home-blog__inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .home-blog__title {
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        min-height: 36px !important;
        margin: 0 auto 40px !important;
        padding: 0 !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-blog__grid {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .home-blog__grid::before {
        display: none !important;
        content: none !important;
    }

    .home-blog__card {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .home-blog__card:nth-child(even),
    .home-blog__card:nth-child(n + 3) {
        border-top: 0 !important;
    }

    .home-blog__image {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        aspect-ratio: 880 / 465 !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .home-blog__meta {
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        min-height: 56px !important;
        margin: 24px auto 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        box-sizing: border-box !important;
    }

    .home-blog__category {
        width: auto !important;
        min-width: 156px !important;
        min-height: 56px !important;
        margin: 0 !important;
        padding: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        box-sizing: border-box !important;
        border: 1px solid #343434 !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .home-blog__meta time {
        margin: 0 !important;
        padding: 0 !important;
        color: rgba(255, 255, 255, 0.50) !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .home-blog__card-title {
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        margin: 24px auto 0 !important;
        padding: 0 !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    .home-blog__description {
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        margin: 12px auto 40px !important;
        padding: 0 !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
    }


    /* ====================================================================== */
    /* HOME / CONTACT FORM — mobile Figma 393px                               */
    /* ====================================================================== */
    .home-contact {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #FFFFFF !important;
        color: #1F1F1F !important;
        box-sizing: border-box !important;
    }

    .home-contact__inner {
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .home-contact__left {
        width: 100% !important;
        margin: 0 !important;
        padding: 96px 16px 32px !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .home-contact__title {
        width: 100% !important;
        max-width: 361px !important;
        min-height: 44px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 44px !important;
        font-weight: 700 !important;
        line-height: 44px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .home-contact__subtitle {
        width: 100% !important;
        max-width: 361px !important;
        min-height: 26px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        color: rgba(31, 31, 31, 0.50) !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 26px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .home-contact__phone {
        width: 100% !important;
        max-width: 361px !important;
        min-height: 32px !important;
        margin: 24px auto 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .home-contact__phone-icon {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #1F1F1F !important;
        box-sizing: border-box !important;
        flex: 0 0 32px !important;
    }

    .home-contact__phone-icon img {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
        object-fit: contain !important;
    }

    .home-contact__form {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 0 24px !important;
        display: flex !important;
        flex-direction: column !important;
        border: 0 !important;
        border-top: 1px solid #D0D0D0 !important;
        box-sizing: border-box !important;
    }

    .home-contact__field,
    .home-contact__field:has(textarea) {
        width: 100% !important;
        min-height: 80px !important;
        height: 80px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        position: relative !important;
        border: 0 !important;
        border-bottom: 1px solid #D0D0D0 !important;
        box-sizing: border-box !important;
        cursor: text !important;
        overflow: hidden !important;
        flex: 0 0 80px !important;
    }

    .home-contact__field > span {
        position: absolute !important;
        top: 24px !important;
        left: 16px !important;
        right: 16px !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #1F1F1F !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        pointer-events: none !important;
        white-space: nowrap !important;
    }

    .home-contact__field:focus-within > span,
    .home-contact__field:has(input:not(:placeholder-shown)) > span,
    .home-contact__field:has(textarea:not(:placeholder-shown)) > span {
        top: 8px !important;
        left: 16px !important;
        right: 16px !important;
        color: rgba(31, 31, 31, 0.50) !important;
        font-size: 11px !important;
        line-height: 14px !important;
    }

    .home-contact__field:has(textarea) {
        border-bottom: 0 !important;
    }

    .home-contact__field input,
    .home-contact__field textarea {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 80px !important;
        height: 80px !important;
        margin: 0 !important;
        padding: 30px 16px 8px !important;
        border: 0 !important;
        outline: 0 !important;
        box-sizing: border-box !important;
        color: #1F1F1F !important;
        background: transparent !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 22px !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        resize: none !important;
    }

    .home-contact__submit {
        width: calc(100% - 32px) !important;
        max-width: 361px !important;
        min-height: 66px !important;
        height: 66px !important;
        margin: 0 auto !important;
        padding: 24px 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        border: 0 !important;
        background: #1F1F1F !important;
        color: #FFFFFF !important;
        box-sizing: border-box !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .home-contact__submit img {
        width: 10.8px !important;
        height: 10px !important;
        display: block !important;
        flex: 0 0 10.8px !important;
        object-fit: fill !important;
    }

    .home-contact__consent {
        width: calc(100% - 32px) !important;
        max-width: 300px !important;
        min-height: 28px !important;
        margin: 16px auto 0 !important;
        padding: 0 !important;
        border: 0 !important;
        color: #1F1F1F !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 14px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
    }

    .home-contact__consent a {
        color: inherit !important;
        text-decoration: underline !important;
    }

}

/* ========================================================================== */
/* HOME / FOOTER — mobile Figma 393px                                         */
/* ========================================================================== */
@media (max-width: 760px) {
    .site-footer {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #1F1F1F !important;
        color: #FFFFFF !important;
        border-radius: 0 0 20px 20px !important;
        box-sizing: border-box !important;
    }

    .site-footer__inner {
        width: 100% !important;
        max-width: 393px !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 24px 16px 32px !important;
        background: #1F1F1F !important;
        box-sizing: border-box !important;
    }

    .site-footer__top {
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    .site-footer__brand,
    .site-footer__links {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    .site-footer__logo {
        width: 100% !important;
        max-width: 361px !important;
        height: 28.08px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .site-footer__logo img {
        width: 100% !important;
        height: 28.08px !important;
        display: block !important;
        object-fit: fill !important;
    }

    .site-footer__tagline {
        display: none !important;
    }

    .site-footer__links {
        margin: 40px auto 0 !important;
    }

    .site-footer__nav {
        width: 100% !important;
        max-width: 361px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .site-footer__nav-column {
        display: contents !important;
    }

    .site-footer__nav a {
        width: 100% !important;
        min-height: 26px !important;
        margin: 0 !important;
        padding: 6px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        box-sizing: border-box !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 14px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        opacity: 1 !important;
        white-space: nowrap !important;
    }

    .site-footer__nav a br {
        display: none !important;
    }

    .site-footer__nav a::after {
        content: '' !important;
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        display: block !important;
        flex: 0 0 16px !important;
        background: url('../footer/nav-arrow.svg') center / 16px 16px no-repeat !important;
    }

    .site-footer__contacts {
        display: none !important;
    }

    .site-footer__mobile-contacts {
        width: 100% !important;
        max-width: 361px !important;
        margin: 56px auto 0 !important;
        padding: 0 0 36px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 16px !important;
        row-gap: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
        box-sizing: border-box !important;
    }

    .site-footer__mobile-contact {
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .site-footer__mobile-contact-icon,
    .site-footer__mobile-meeting-icon {
        width: 32px !important;
        height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #343434 !important;
        box-sizing: border-box !important;
        flex: 0 0 32px !important;
    }

    .site-footer__mobile-contact:first-child .site-footer__mobile-contact-icon img {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
    }

    .site-footer__mobile-contact:nth-child(2) .site-footer__mobile-contact-icon img {
        width: 17px !important;
        height: 14px !important;
        display: block !important;
    }

    .site-footer__mobile-contact-label {
        width: 100% !important;
        margin: 16px 0 0 !important;
        padding: 0 !important;
        color: rgba(255, 255, 255, 0.50) !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 11px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .site-footer__mobile-contact-value {
        width: 100% !important;
        margin: 8px 0 0 !important;
        padding: 0 !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 14px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .site-footer__mobile-meeting {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-height: 32px !important;
        margin: 40px 0 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .site-footer__mobile-meeting-icon img {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
    }

    .site-footer__mobile-meeting-label {
        margin: 0 !important;
        padding: 0 0 2px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.95) !important;
        color: #FFFFFF !important;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 14px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .site-footer__mobile-meeting-arrow {
        width: 14px !important;
        height: 14px !important;
        display: block !important;
        flex: 0 0 14px !important;
        object-fit: fill !important;
    }

    .site-footer__bottom {
        width: 100% !important;
        max-width: 361px !important;
        min-height: 0 !important;
        margin: 24px auto 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 24px !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    .site-footer__legal {
        order: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
    }

    .site-footer__bottom > p {
        order: 2 !important;
    }

    .site-footer__bottom p,
    .site-footer__legal a {
        margin: 0 !important;
        padding: 0 !important;
        color: rgba(255, 255, 255, 0.50) !important;
        font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
    }
}

/* ================================================================
   Mobile off-canvas menu — GSAP right drawer
   Mobile only. Desktop remains untouched because this stylesheet is
   loaded with media="screen and (max-width: 760px)".
   ================================================================ */

body.is-mobile-menu-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

.site-header__mobile-toggle {
    position: absolute !important;
    z-index: 4 !important;
    top: 50% !important;
    right: 20px !important;
    width: 32px !important;
    height: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

.site-header__mobile-toggle span {
    width: 32px !important;
    height: 1px !important;
    display: block !important;
    flex: 0 0 1px !important;
    background: #1F1F1F !important;
}

/* The original decorative hamburger is replaced by an actual button. */
.site-header__navigation::after {
    display: none !important;
    content: none !important;
}

.site-mobile-menu {
    position: fixed !important;
    z-index: 1000 !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100svh !important;
    height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    padding: max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
    color: #1F1F1F !important;
    background: #FFFFFF !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(100%, 0, 0);
    will-change: transform, opacity;
}

.site-mobile-menu.is-open {
    pointer-events: auto !important;
}

.site-mobile-menu__top {
    width: 100% !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 0 0 auto !important;
}

.site-mobile-menu__logo {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.site-mobile-menu__logo img {
    width: 198px !important;
    height: 16px !important;
    display: block !important;
}

.site-mobile-menu__close {
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

.site-mobile-menu__close span {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    width: 32px !important;
    height: 1px !important;
    display: block !important;
    background: #1F1F1F !important;
    transform-origin: center !important;
}

.site-mobile-menu__close span:first-child { transform: rotate(45deg) !important; }
.site-mobile-menu__close span:last-child { transform: rotate(-45deg) !important; }

.site-mobile-menu__nav {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 30px !important;
    margin-top: 56px !important;
}

.site-mobile-menu__nav > a,
.site-mobile-menu__language > button {
    min-height: 30px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    color: #1F1F1F !important;
    background: transparent !important;
    font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}

.site-mobile-menu__language {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.site-mobile-menu__language > button {
    gap: 10px !important;
}

.site-mobile-menu__language-chevron {
    width: 9px !important;
    height: 9px !important;
    display: block !important;
    border-right: 1.5px solid #1F1F1F !important;
    border-bottom: 1.5px solid #1F1F1F !important;
    transform: translateY(-2px) rotate(45deg);
    transform-origin: center !important;
}

.site-mobile-menu__language-list {
    height: 0;
    display: none;
    overflow: hidden;
    opacity: 0;
}

.site-mobile-menu__language-list a {
    display: block !important;
    margin-top: 15px !important;
    color: rgba(31, 31, 31, 0.58) !important;
    font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.site-mobile-menu__bottom {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    margin-top: auto !important;
}

.site-mobile-menu__phone {
    width: 100% !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    color: #1F1F1F !important;
    font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
}

.site-mobile-menu__whatsapp-icon {
    width: 32px !important;
    height: 32px !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 32px !important;
    border: 1px solid rgba(31, 31, 31, 0.78) !important;
    box-sizing: border-box !important;
}

.site-mobile-menu__whatsapp-icon img {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

.site-mobile-menu__investors {
    width: 100% !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    color: #FFFFFF !important;
    background: #1F1F1F !important;
    font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.site-mobile-menu__investors img {
    width: 10.8px !important;
    height: 10px !important;
    display: block !important;
}

@media (max-height: 690px) {
    .site-mobile-menu { padding-top: max(16px, env(safe-area-inset-top)) !important; }
    .site-mobile-menu__nav { margin-top: 32px !important; gap: 20px !important; }
    .site-mobile-menu__nav > a,
    .site-mobile-menu__language > button { font-size: 19px !important; line-height: 22px !important; }
    .site-mobile-menu__bottom { gap: 14px !important; }
}