/* ============================
   TARIFF PAGE STYLES (NEW DESIGN FROM FIGMA)
   ============================ */

/* Tariff Page Container */
.tariff_page_container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 25px;
    padding-top: 115px;
    box-sizing: border-box;
}

/* Header Section */
.tariff_header_section {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 80px;
}

.tariff_title_wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tariff_main_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1;
    color: #3D392A;
    margin: 0;
}

.tariff_subtitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #A6A6A6;
    margin: 0;
    max-width: 900px;
}

/* Period Selector */
.tariff_period_selector {
    display: flex;
    background: #FAFAFA;
    border-radius: 8px;
    padding: 4px;
    gap: 0;
    height: 60px;
    box-sizing: border-box;
}

.period_btn {
    flex: 1;
    padding: 16px 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: #A6A6A6;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.period_btn:hover {
    color: #3D392A;
}

.period_btn.active {
    background: #FFFEF8;
    border: 1px solid #FECC17;
    color: #FECC17;
}

/* Tariff Cards Layout */
.tariff_new_cards_layout {
    display: flex;
    gap: 20px;
    margin-bottom: 80px;
}

.tariff_new_cards_column {
    width: 537px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 8px 0;
}

.tariff_new_details_column {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    justify-content: space-between;
    padding-bottom: 5px;
}

/* Tariff Card */
.tariff_new_card {
    position: relative;
    height: 145px;
    overflow: visible;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* SVG Background */
.tariff_card_svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: all 0.3s ease;
}

/* По умолчанию все карточки серые */
.tariff_new_card .tariff_card_bg {
    fill: #F6F6F6;
    transition: all 0.3s ease;
}

/* Активная карточка - жёлтая с градиентом */
.tariff_new_card.active.start .tariff_card_bg {
    fill: url(#gradient_start_start);
}

.tariff_new_card.active.standard .tariff_card_bg {
    fill: url(#gradient_start_standard);
}

.tariff_new_card.active.business .tariff_card_bg {
    fill: url(#gradient_start_business);
}

/* Тень только при наведении */
.tariff_new_card:hover {
    transform: translateY(-4px);
}

.tariff_new_card:hover .tariff_card_svg {
    filter: drop-shadow(0px 8px 20px rgba(254, 204, 23, 0.25));
}

/* Активная карточка тоже имеет лёгкую тень */
.tariff_new_card.active {
    transform: translateY(-2px);
}

.tariff_new_card.active .tariff_card_svg {
    filter: drop-shadow(0px 4px 12px rgba(254, 204, 23, 0.15));
}

/* При наведении на активную карточку - увеличиваем тень */
.tariff_new_card.active:hover {
    transform: translateY(-6px);
}

.tariff_new_card.active:hover .tariff_card_svg {
    filter: drop-shadow(0px 10px 24px rgba(254, 204, 23, 0.3));
}

/* Card Content Container */
.tariff_new_card_content {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 19px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Left Side - Title and Price */
.tariff_new_card_left {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tariff_new_card_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
    color: #3D392A;
    margin: 0;
}

.tariff_new_card_price {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.tariff_new_price_from {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
}

.price_amount {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    color: #3D392A;
}

.tariff_new_price_period {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
}

/* Right Side - Discount Info */
.tariff_new_card_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    min-height: 95px;
    flex: 1;
    padding-left: 20px;
    padding-right: 19px;
}

.tariff_new_discount_amount {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    margin: 0;
    opacity: 1;
}

.tariff_new_card_discount_info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    margin-top: auto;
}

.tariff_new_discount_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #3D392A;
    margin: 0;
    opacity: 0.7;
}

.tariff_new_discount_period {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #3D392A;
    margin: 0;
    opacity: 0.7;
}

/* Tariff Details */
.tariff_new_details_content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tariff_new_details_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 22px;
    line-height: 1.2;
    color: #3D392A;
    margin: 0;
}

.tariff_new_features_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tariff_new_features_list li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #A6A6A6;
}

.tariff_new_details_footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
}

.tariff_new_savings_info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.tariff_new_savings_label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #A6A6A6;
    margin: 0;
}

.tariff_new_savings_price {
    font-family: 'Montserrat', sans-serif;
    line-height: 1;
    margin: 0;
}

.tariff_new_price_large {
    font-weight: 800;
    font-size: 22px;
    color: #3D392A;
}

.tariff_new_price_small {
    font-weight: 600;
    font-size: 18px;
    color: #A6A6A6;
}

.tariff_new_savings_note {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #A6A6A6;
    opacity: 0.7;
    margin: 0;
}

.tariff_new_btn_connect {
    background: #FECC17;
    border: none;
    border-radius: 12px;
    padding: 20px 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 353px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tariff_new_btn_connect:hover {
    background: #FFD84D;
    transform: translateY(-2px);
    box-shadow: 0px 8px 24px rgba(254, 204, 23, 0.3);
}

/* Separate Licenses Section */
.separate_licenses_section {
    max-width: 1280px;
    margin: 0 auto 80px;
    padding: 0 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.licenses_header_wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.licenses_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.licenses_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1;
    color: #3D392A;
    margin: 0;
    height: 42px;
}

.licenses_period_selector {
    display: flex;
    background: #FAFAFA;
    border-radius: 8px;
    padding: 4px;
    gap: 0;
    align-self: stretch;
    height: 60px;
    box-sizing: border-box;
}

.license_period_btn {
    flex: 1 1 0;
    padding: 16px 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: #A6A6A6;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.license_period_btn:hover {
    color: #3D392A;
}

.license_period_btn.active {
    background: #FFFEF8;
    border: 1px solid #FECC17;
    outline: 1px solid #FECC17;
    outline-offset: -1px;
    color: #FECC17;
}

.licenses_grid {
    display: flex;
    gap: 12px;
    width: 100%;
}

.license_card {
    flex: 1 1 0;
    background: #F6F6F6;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 326px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.license_card_ellipse {
    position: absolute;
    width: 262px;
    height: 294px;
    left: 329px;
    top: -208px;
    background: #FFCC13;
    box-shadow: 164px 164px 164px;
    border-radius: 9999px;
    filter: blur(82px);
    z-index: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.license_card:hover {
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

.license_card:hover .license_card_ellipse {
    opacity: 1;
}

.license_card_content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    z-index: 1;
}

.license_card_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.2;
    color: #3D392A;
    margin: 0;
    align-self: stretch;
}

.license_options {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-self: stretch;
}

.license_option {
    padding: 12px;
    border-radius: 8px;
    background: transparent;
    transition: background 0.2s ease;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.option_text {
    flex: 1 1 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1;
}

.option_prefix {
    font-weight: 500;
    color: #A6A6A6;
}

.option_price {
    font-weight: 600;
    color: #3D392A;
}

.option_label {
    font-weight: 500;
    color: #A6A6A6;
}

.btn_connect_license {
    background: transparent;
    border: none;
    padding: 12px 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #A6A6A6;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
}

.license_card:hover .btn_connect_license {
    color: #3D392A;
}

.btn_connect_text_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2px;
}

.btn_connect_text {
    white-space: nowrap;
}

.btn_connect_underline {
    width: 100%;
    height: 1px;
    background: #3D392A;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.license_card:hover .btn_connect_underline {
    transform: scaleX(1);
}

.btn_connect_arrow {
    position: relative;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.license_card:hover .btn_connect_arrow {
    opacity: 1;
}

/* Partner Program Section */
.partner_program_section {
    max-width: 1280px;
    margin: 0 auto 80px;
    padding: 40px 25px;
    box-sizing: border-box;
    background: linear-gradient(135deg, #F6F6F6 0%, #FAFAFA 100%);
    border-radius: 12px;
}

.partner_content {
    display: flex;
    gap: 60px;
}

.partner_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.partner_badge {
    display: inline-block;
    padding: 8px 16px;
    background: #FECC17;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #3D392A;
    letter-spacing: 0.5px;
    width: fit-content;
}

.partner_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.3;
    color: #3D392A;
    margin: 0;
}

.partner_stat {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.partner_stat_icon {
    width: 48px;
    height: 48px;
    background: #FECC17;
    border-radius: 50%;
    flex-shrink: 0;
}

.partner_stat_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #3D392A;
    margin: 0;
}

.partner_form_wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.partner_form_description {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #A6A6A6;
    margin: 0;
}

.partner_form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.partner_phone_input {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    transition: all 0.3s ease;
}

.partner_phone_input:focus {
    outline: none;
    border-color: #FECC17;
    box-shadow: 0px 0px 0px 3px rgba(254, 204, 23, 0.1);
}

.partner_submit_btn {
    background: #FECC17;
    border: none;
    border-radius: 8px;
    padding: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    cursor: pointer;
    transition: all 0.3s ease;
}

.partner_submit_btn:hover {
    background: #FFD84D;
    transform: translateY(-2px);
    box-shadow: 0px 8px 24px rgba(254, 204, 23, 0.3);
}

.partner_checkbox_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.partner_checkbox_label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.4;
    color: #ACA8A5;
}

.partner_checkbox_label a {
    color: #ACA8A5;
    text-decoration: underline;
}

.form_error_message {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #FF4444;
    margin-top: -8px;
}

/* Responsive Styles for Tariff Page */
@media (max-width: 1280px) {
    .tariff_page_container,
    .separate_licenses_section,
    .partner_program_section {
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .tariff_new_cards_layout {
        flex-direction: column;
    }
    
    .tariff_new_cards_column {
        width: 100%;
    }
    
    .tariff_new_details_column {
        padding: 20px 0;
    }
    
    .tariff_new_btn_connect {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .licenses_header_wrapper {
        gap: 30px;
    }
    
    .licenses_header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    
    .licenses_title {
        width: 100%;
        height: auto;
    }
    
    .licenses_grid {
        flex-direction: column;
        width: 100%;
    }
    
    .license_card {
        height: auto;
        min-height: 326px;
    }
    
    .partner_content {
        flex-direction: column;
        gap: 40px;
    }
}

/* ============================
   MOBILE STYLES (390px - EXACT FIGMA MATCH)
   ============================ */
@media (max-width: 768px) {
    /* Container - Figma: w-390, px-12 */
    .tariff_page_container {
        margin: 0 auto;
        padding: 70px 12px 60px 12px;
    }
    
    .tariff_page_container,
    .separate_licenses_section,
    .cost_calculator_section,
    .related_services_section,
    .additional_features_section,
    .try_free_section {
        padding-left: 12px;
        padding-right: 12px;
        margin-left: auto;
        margin-right: auto;
    }
    
    /* Header Section - Figma: gap-20px */
    .tariff_header_section {
        gap: 20px;
        margin-bottom: 20px;
    }
    
    .tariff_title_wrapper {
        gap: 12px;
    }
    
    /* Title - Figma: H4 22px ExtraBold */
    .tariff_main_title,
    .licenses_title {
        font-size: 22px;
        font-weight: 800;
        line-height: 1;
    }
    
    /* Subtitle - Figma: 14px Medium #A6A6A6 */
    .tariff_subtitle {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
        color: #A6A6A6;
    }
    
    /* Period Selector - Figma: w-366, bg-neutral-50, p-4, overflow-x-auto */
    .tariff_period_selector {
        width: 100%;
        max-width: 366px;
        background: #FAFAFA;
        border-radius: 8px;
        padding: 4px;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
    }
    
    .tariff_period_selector::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }
    
    /* Period Button - Figma: w-160, px-24, py-12, text-14 SemiBold */
    .period_btn {
        flex: 0 0 auto;
        min-width: 160px;
        padding: 12px 24px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 8px;
        white-space: nowrap;
    }
    
    /* Cards Layout - Figma: gap-12 */
    .tariff_new_cards_layout {
        gap: 20px;
        margin-bottom: 0px;
    }
    
    .tariff_new_cards_column {
        gap: 12px;
        padding: 0;
    }
    
    /* Hide details column on mobile */
    .tariff_new_details_column {
        display: none;
    }
    
    /* Tariff Card - Figma: h-93, w-366, rounded-12 */
    .tariff_new_card {
        height: 93px;
        min-height: 93px;
        max-height: 93px;
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
        background: #F6F6F6;
    }
    
    /* Hide SVG on mobile - use CSS gradient */
    .tariff_card_svg {
        display: none;
    }
    
    /* Active card - Figma: gradient yellow */
    .tariff_new_card.active {
        background: linear-gradient(90deg, #FECC17 0%, #FFD84D 100%);
        box-shadow: 0px 8px 24px rgba(254, 204, 23, 0.25);
    }
    
    /* Card Content - Figma: flex row, justify-between, px-12, py-12 */
    .tariff_new_card_content {
        height: 100%;
        padding: 12px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0;
    }
    
    /* Left Side - Figma: flex-col, gap-20 */
    .tariff_new_card_left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        flex-shrink: 0;
    }
    
    /* Title - Figma: 18px ExtraBold */
    .tariff_new_card_title {
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        margin: 0;
    }
    
    /* Price Container - Figma: flex, gap-8, items-center */
    .tariff_new_card_price {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    /* Price "от" - Figma: 12px Medium */
    .tariff_new_price_from {
        font-size: 12px;
        font-weight: 500;
    }
    
    /* Price Amount - Figma: 18px SemiBold */
    .price_amount {
        font-size: 18px;
        font-weight: 600;
    }
    
    /* Price Period - Figma: 12px Medium */
    .tariff_new_price_period {
        font-size: 12px;
        font-weight: 500;
    }
    
    /* Right Side - Figma: flex-col, gap-20, items-end, w-150, text-right */
    .tariff_new_card_right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 20px;
        width: 150px;
        min-width: 150px;
        min-height: auto;
        padding: 0;
        text-align: right;
        flex-shrink: 0;
    }
    
    /* Discount Amount - Figma: 12px SemiBold */
    .tariff_new_discount_amount {
        font-size: 12px;
        font-weight: 600;
        margin: 0;
        text-align: right;
    }
    
    /* Discount Info */
    .tariff_new_card_discount_info {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0;
        margin-top: 0;
    }
    
    /* Discount Text - Figma: 12px Medium opacity-70 */
    .tariff_new_discount_text,
    .tariff_new_discount_period {
        font-size: 12px;
        font-weight: 500;
        opacity: 0.7;
        line-height: 1.4;
        text-align: right;
        margin: 0;
    }
    
    /* ============================
       SEPARATE LICENSES SECTION
       ============================ */
    .separate_licenses_section {
        margin-bottom: 60px;
        gap: 20px;
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
    
    .licenses_header_wrapper {
        gap: 20px;
        display: flex;
        flex-direction: column;
    }
    
    .licenses_header {
        width: 100%;
    }
    
    .licenses_title {
        font-size: 22px;
        font-weight: 800;
        line-height: 1;
        margin: 0;
    }
    
    /* Period Selector - Figma: w-366, scrollable */
    .licenses_period_selector {
        width: 100%;
        max-width: 366px;
        background: #FAFAFA;
        border-radius: 8px;
        padding: 4px;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .licenses_period_selector::-webkit-scrollbar {
        display: none;
    }
    
    .license_period_btn {
        flex: 0 0 auto;
        min-width: 160px;
        padding: 12px 24px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 8px;
        white-space: nowrap;
    }
    
    /* License Cards Grid - Figma: flex-col, gap-12 */
    .licenses_grid {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }
    
    /* License Card - Figma: w-366, p-20, rounded-12 */
    .license_card {
        width: 100%;
        height: auto;
        padding: 20px;
        border-radius: 12px;
        background: #F6F6F6;
        border: 1px solid #E5E5E5;
        display: flex;
        flex-direction: column;
        gap: 16px;
        position: relative;
        overflow: hidden;
    }
    
    /* Ellipse - желтая подсветка при клике/активном состоянии */
    .license_card_ellipse {
        position: absolute;
        width: 262px;
        height: 294px;
        right: -225px;
        top: -208px;
        background: #FFCC13;
        box-shadow: 164px 164px 164px;
        border-radius: 9999px;
        filter: blur(82px);
        pointer-events: none;
        z-index: 0;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    /* Подсветка появляется при клике/активном состоянии */
    .license_card:active .license_card_ellipse,
    .license_card.active .license_card_ellipse {
        opacity: 1;
    }
    
    .license_card_content {
        display: flex;
        flex-direction: column;
        gap: 20px;
        position: relative;
        z-index: 1;
    }
    
    /* License Title - Figma: 18px ExtraBold, line-height 1.2 */
    .license_card_title {
        font-size: 18px;
        font-weight: 800;
        line-height: 1.2;
        color: #3D392A;
        margin: 0;
    }
    
    /* License Options - Figma: flex-col, gap-4 */
    .license_options {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    
    /* License Option - Figma: py-12 */
    .license_option {
        padding: 12px 0;
        display: flex;
        align-items: center;
    }
    
    /* Option Text - Figma: 16px */
    .option_text {
        font-size: 14px;
        line-height: 1;
        display: flex;
        align-items: center;
        gap: 4px;
        flex-wrap: wrap;
    }
    
    .option_price {
        font-weight: 600;
        color: #3D392A;
    }
    
    .option_prefix,
    .option_label {
        font-weight: 500;
        color: #A6A6A6;
    }
    
    /* Connect Button - Figma: h-44, py-12 */
    .btn_connect_license {
        height: 44px;
        padding: 12px 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        background: transparent;
        border: none;
        cursor: pointer;
        position: relative;
        z-index: 1;
    }
    
    .btn_connect_text_wrapper {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    
    .btn_connect_text {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #A6A6A6;
        white-space: nowrap;
    }
    
    .btn_connect_underline {
        width: 100%;
        height: 1px;
        background: #3D392A;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }
    
    .btn_connect_arrow {
        flex-shrink: 0;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .license_card:hover .btn_connect_text {
        color: #3D392A;
    }
    
    .license_card:hover .btn_connect_underline {
        transform: scaleX(1);
    }
    
    .license_card:hover .btn_connect_arrow {
        opacity: 1;
    }
    
    /* ============================
       CALCULATOR SECTION
       ============================ */
    .cost_calculator_section {
        margin-bottom: 60px;
        width: 100%;
        max-width: 366px;
        padding: 0 12px !important;
    }
    
    .cost_calculator_title {
        font-size: 22px;
        font-weight: 800;
        margin-bottom: 20px;
    }
    
    .cost_calculator_content {
        flex-direction: column;
        gap: 12px;
    }
    
    .calculator_input_panel,
    .calculator_result_panel {
        width: 100%;
        padding-top: 0 !important;
    }
    
    /* Question Box - Figma: p-20, rounded-12 */
    .calculator_question_box {
        padding: 20px;
        border-radius: 12px;
        gap: 24px;
    }
    
    .calculator_progress_text {
        font-size: 12px;
    }
    
    /* Question - Figma: 18px ExtraBold */
    .calculator_question {
        font-size: 18px;
        font-weight: 800;
        line-height: 1.2;
    }
    
    .calculator_radio_label {
        padding: 16px 12px;
        gap: 12px;
        border-radius: 8px;
    }
    
    .radio_text {
        font-size: 14px;
    }
    
    .calculator_next_btn {
        width: 100%;
        height: 44px;
        border-radius: 12px;
        padding: 12px 16px;
    }
    
    /* Result Box Top - Figma: bg-#f6f6f6, border-#e5e5e5, p-20, gap-16, rounded-12 */
    .calculator_result_box {
        padding: 20px;
        border-radius: 12px;
    }
    
    .calculator_result_box_top {
        background: #F6F6F6;
        border: 1px solid #E5E5E5;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    
    /* Result Label - Figma: 18px ExtraBold #3d392a */
    .calculator_result_label {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        color: #3D392A;
        margin: 0;
    }
    
    /* Result Price Container - Figma: gap-8 */
    .calculator_result_price {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    
    /* Main Price - Figma: 18px для числа, 14px SemiBold для "мес" */
    .result_price_main {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        color: #3D392A;
    }
    
    .result_price_main .price_period {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
    }
    
    /* Year Price - Figma: 14px SemiBold #a6a6a6, text-right */
    .result_price_year {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        color: #A6A6A6;
        text-align: right;
    }
    
    /* Result Bottom - Figma: bg-#fecc17, h-122, rounded-12, shadow */
    .calculator_result_box_bottom {
        background: #FECC17;
        height: 122px;
        border-radius: 12px;
        padding: 20px;
        overflow: hidden;
        position: relative;
        box-shadow: 0px 12px 29px rgba(255, 204, 19, 0.25);
        display: flex;
        align-items: center;
    }
    
    /* Connect Wrapper - Figma: w-264, gap-8 */
    .calculator_connect_wrapper {
        width: 264px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px;
        position: relative;
        z-index: 2;
    }
    
    /* Connect Button - Figma: h-44, py-12, gap-10 */
    .calculator_connect_btn {
        height: 44px;
        padding: 12px 0;
        background: transparent;
        border: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        cursor: pointer;
    }
    
    .calculator_connect_text_wrapper {
        display: flex;
        flex-direction: column;
        gap: 2px;
        align-items: flex-start;
    }
    
    /* Connect Text - Figma: 14px SemiBold #3d392a */
    .calculator_connect_text {
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
        color: #3D392A;
        white-space: nowrap;
    }
    
    /* Underline - Figma: h-1, bg-#3d392a */
    .calculator_connect_underline {
        width: 100%;
        height: 1px;
        background: #3D392A;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }
    
    .calculator_connect_btn:hover .calculator_connect_underline {
        transform: scaleX(1);
    }
    
    /* Arrow Icon */
    .calculator_connect_btn svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        color: #3D392A;
    }
    
    /* Result Note - Figma: 12px Medium #3d392a opacity-50 */
    .calculator_result_note {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #A6A6A6;
        opacity: 1;
        margin: 0;
    }
    
    /* Result Icon - Figma: absolute, right side, w-261, h-266 */
    .calculator_result_icon {
        position: absolute !important;
        right: -116px !important;
        top: -87px !important;
        width: 298px !important;
        height: 273px !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }
    
    .calculator_result_icon img {
        width: 100%;
        height: 100%;
        object-position: 50% 50%;
    }
    
    /* ============================
       RELATED SERVICES - Figma: gap-12
       ============================ */
    .related_services_section {
        margin-bottom: 60px;
        width: 100%;
        max-width: 366px;
        padding: 0 12px !important;
    }
    
    .related_services_container {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }
    
    /* Service Card - Figma: bg-#f6f6f6, border-#e5e5e5, p-20, rounded-12, overflow-clip */
    .related_service_card {
        background: #F6F6F6;
        border: 1px solid #E5E5E5;
        border-radius: 12px;
        padding: 20px;
        width: 100%;
        height: auto;
        min-height: 190px;
        overflow: hidden;
        position: relative;
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }
    
    /* Service Content - Figma: flex-col, gap-20, grow */
    .service_card_content {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
        min-width: 0;
        position: relative;
        z-index: 2;
    }
    
    /* Text Wrapper - Figma: gap-8 between title and text */
    .service_card_content > div {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }
    
    /* Service Title - Figma: 18px ExtraBold #3d392a, line-height normal */
    .service_card_title {
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
        color: #3D392A;
        margin: 0;
    }
    
    /* Service Text - Figma: 14px Medium #a6a6a6, line-height normal */
    .service_card_text {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #A6A6A6;
        margin: 0;
    }
    
    /* Service Link Button - Figma: h-44, py-12, gap-10, NO underline */
    .service_card_link {
        height: 44px;
        padding: 12px 0;
        background: transparent;
        border: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    /* Link Text - Figma: 14px SemiBold #a6a6a6, NO underline */
    .service_card_link span {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        color: #A6A6A6;
        white-space: nowrap;
    }
    
    /* Link Icon - Figma: 20x20, color #a6a6a6 */
    .service_card_link svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        color: #A6A6A6;
        stroke: #A6A6A6;
    }
    
    /* Illustration - Figma mobile: size-197x197, overflow visible */
    .service_card_illustration {
        position: absolute;
        width: 197px;
        height: 197px;
        z-index: 1;
        pointer-events: none;
    }
    
    /* First card (Аренда) - Figma mobile: right side positioning */
    .related_service_card:first-child .service_card_illustration {
        right: -173px;
        top: 83%;
        transform: translateY(-50%);
    }
    
    /* Second card (Земля) - Figma mobile: right side positioning */
    .related_service_card:last-child .service_card_illustration {
        right: -161px;
        top: 85%;
        transform: translateY(-50%);
    }
    
    .service_card_illustration img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        display: block;
    }
    
    /* ============================
       ADDITIONAL FEATURES
       ============================ */
    .additional_features_section {
        margin-bottom: 60px;
        padding: 0 12px;
    }
    
    .additional_features_container {
        gap: 20px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    
    /* Title - Figma: 22px ExtraBold #3d392a */
    .additional_features_title {
        font-size: 22px;
        font-weight: 800;
        line-height: 1;
        color: #3D392A;
        margin-bottom: 0;
        text-align: left;
        width: 100%;
    }
    
    .additional_features_grid {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }
    
    .additional_features_row {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }
    
    /* Feature Card - Figma: h-282, rounded-12, bg-#f6f6f6 */
    .feature_card,
    .feature_card_narrow,
    .feature_card_wide {
        width: 100%;
        max-width: 100%;
        height: 282px;
        min-height: 282px;
        border-radius: 12px;
        background: #F6F6F6;
        border: 1px solid #E5E5E5;
        position: relative;
        overflow: hidden;
        padding: 0;
    }
    
    /* Feature Content - Figma: absolute, top-193, left-50%, w-326 */
    .feature_card_content {
        position: absolute;
        top: 193px;
        left: 50%;
        transform: translateX(-50%);
        width: 326px;
        max-width: calc(100% - 32px);
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
        z-index: 10;
        text-align: left;
    }
    
    /* Feature Title - Figma: 18px ExtraBold */
    .feature_card_title {
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        color: #3D392A;
        margin: 0;
    }
    
    /* Feature Text - Figma: 14px Medium #a6a6a6 */
    .feature_card_text {
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        color: #A6A6A6;
        margin: 0;
    }
    
    /* Screenshots positioning */
    .feature_card_screenshot {
        position: absolute;
        z-index: 1;
        border-radius: 12px; /* Updated from Figma context which shows rounded corners on images */
        box-shadow: none;
        border: 1px solid #EFEFEF;
    }
    
    /* Card 1 - Подборки: left-102, top--98, w-411, h-258 */
    .feature_screenshot_selections {
        left: 102px;
        top: -98px;
        width: 411px;
        height: 258px;
    }
    
    /* Card 2 - Аналитика: left-calc(50%+77), top-calc(50%-74.5), w-262, h-199 */
    .feature_screenshot_analytics {
        left: calc(50% + 77px);
        top: calc(50% - 74.5px);
        transform: translate(-50%, -50%);
        width: 262px;
        height: 199px;
        border-radius: 6px;
    }
    
    /* Card 3 - История: left-calc(50%+67.5), top-0, w-245 */
    .feature_screenshot_history {
        left: calc(50% + 67.5px);
        top: 0;
        transform: translateX(-50%);
        width: 245px;
        height: auto; /* Height not specified in css block but inferred from aspect ratio or content */
        border: none;
        background: transparent;
        box-shadow: none;
    }
    
    /* Fix for history card internal image structure from Figma if needed, 
       but based on current HTML it's likely an img tag. 
       Figma shows complex structure for history, assuming we use the exported image */
       
    /* Card 4 - Запуск: left-96, top-0, w-294, h-192 */
    .feature_screenshot_launch {
        left: 96px;
        top: 0;
        width: 294px;
        height: 192px;
    }
    
    /* Show SVGs */
    .feature_card_svg {
        display: block;
        z-index: 0;
    }
    
    /* SVG Positioning for Mobile - based on Figma 390px layout */
    
    /* Card 1 - Подборки */
    .feature_card_svg_selections_1 { left: -5px !important; top: -44px !important; }
    .feature_card_svg_selections_2 { left: 66px !important; top: -44px !important; }
    .feature_card_svg_selections_3 { left: 137px !important; top: -44px !important; }
    
    /* Card 2 - Аналитика */
    .feature_card_svg_analytics_1 { left: 187px !important; top: -158px !important; }
    .feature_card_svg_analytics_2 { left: -135px !important; top: 63px !important; }
    
    /* Card 3 - История */
    .feature_card_svg_history_1 { left: -79px !important; top: -45px !important; }
    .feature_card_svg_history_2 { left: 20px !important; top: 54px !important; }
    .feature_card_svg_history_3 { left: 128px !important; top: -63px !important; }
    
    /* Card 4 - Запуск */
    .feature_card_svg_launch_1 { left: -23px !important; top: -37px !important; }
    .feature_card_svg_launch_2 { left: 144px !important; top: -25px !important; }
    .feature_card_svg_launch_3 { left: -55px !important; top: 130px !important; }

    /* Hide ellipses on hover logic for mobile (no hover) */
    .feature_card_svg_ellipse_hover { display: none; }
    
    /* ============================
       TRY FREE SECTION
       ============================ */
    .try_free_section {
        margin-bottom: 0;
        padding: 0 12px;
    }
    
    .try_free_container {
        width: 100%;
        height: 659px;
        border-radius: 16px;
        border: 1px solid #F6F6F6;
        background: #FFFFFF;
        overflow: hidden;
        margin: 0 auto;
    }
    
    .try_free_background {
        position: absolute;
        left: 50%;
        top: -46px;
        transform: translateX(-50%);
        width: 426px;
        height: 334px;
        z-index: 1;
        display: block;
    }
    
    .try_free_content {
        position: absolute;
        left: 16px;
        top: 307px;
        width: 334px;
        z-index: 2;
        padding: 0;
        background: transparent;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    
    /* Badge - Figma: absolute, rotated */
    .try_free_badge {
        position: absolute;
        left: 203.84px;
        top: 21.33px;
        transform: rotate(-6.411deg);
        background: #FECC17;
        border-radius: 30px;
        padding: 8px 16px;
        font-size: 14px;
        font-weight: 600;
        z-index: 3;
    }
    
    /* Title - Figma: 30px ExtraBold */
    .try_free_title {
        font-size: 30px;
        font-weight: 800;
        line-height: 1;
        margin: 0;
    }
    
    .try_free_benefits {
        width: 100%;
        gap: 8px;
    }
    
    .try_free_benefit_item {
        padding: 8px;
        gap: 12px;
        border-radius: 8px;
    }
    
    /* Benefit Text - Figma: 12px SemiBold */
    .benefit_text {
        font-size: 12px;
        font-weight: 600;
    }
    
    .try_free_actions {
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }
    
    /* Try Free Button - Figma: h-44, w-full */
    .try_free_btn {
        width: 100%;
        height: 44px;
        border-radius: 12px;
    }
    
    .try_free_demo_link {
        width: 100%;
        height: 44px;
        justify-content: center;
    }
    
    .partner_title {
        font-size: 24px;
    }
}

/* ============================
   COST CALCULATOR SECTION
   ============================ */
.cost_calculator_section {
    max-width: 1280px;
    margin: 0px auto 60px;
    padding: 0 25px;
    box-sizing: border-box;
}

.cost_calculator_container {
    display: flex;
    flex-direction: column;
}

.cost_calculator_content {
    display: flex;
    gap: 12px;
}

.calculator_input_panel {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.calculator_result_panel {
    flex: 1;
    padding-top: 41px;
}

.cost_calculator_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    line-height: 1;
    color: #3D392A;
    margin: 0 0 20px 0;
}

.calculator_question_header {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.calculator_progress {
    margin-bottom: 0;
}

.calculator_progress_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #A6A6A6;
}

.calculator_current_question {
    color: #3D392A;
    font-weight: 600;
}

.calculator_question_content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.calculator_question_box {
    background: #F6F6F6;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.calculator_result_panel {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.calculator_result_box {
    border-radius: 12px;
    padding: 27px;
    position: relative;
}

.calculator_result_box_top {
    background: #F6F6F6;
    border: 1px solid #E5E5E5;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.calculator_result_box_bottom {
    background: #FECC17;
    box-shadow: 0px 12px 29px rgba(255, 204, 19, 0.25);
    height: 133px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.calculator_question {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 1;
    color: #3D392A;
    margin: 0;
}

.calculator_radio_group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 0;
}

.calculator_radio_label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    position: relative;
    padding: 16px 12px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.calculator_radio_label:hover {
    border-color: #FECC17;
}

.calculator_radio {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio_custom {
    width: 16px;
    height: 16px;
    border: 2px solid #A6A6A6;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.calculator_radio:checked + .radio_custom {
    border-color: #FECC17;
}

.calculator_radio:checked + .radio_custom::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #FECC17;
    border-radius: 50%;
}

.calculator_radio:checked ~ .radio_text {
    color: #3D392A;
}

.calculator_radio_label.radio_selected {
    border-color: #FECC17;
    background: #FFFFFF;
}

.radio_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    flex: 1;
}

.calculator_next_btn {
    background: #FECC17;
    border: none;
    border-radius: 12px;
    padding: 20px 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.calculator_next_btn:hover {
    background: #FFD84D;
    transform: translateY(-2px);
    box-shadow: 0px 8px 24px rgba(254, 204, 23, 0.3);
}

.calculator_result_label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 1;
    color: #3D392A;
    margin: 0;
}

.calculator_result_price {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.result_price_main {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 22px;
    line-height: 1;
    color: #3D392A;
}

.result_price_main .price_period {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
}

.result_price_year {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #A6A6A6;
    text-align: right;
}

.calculator_connect_wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 264px;
    position: relative;
    z-index: 2;
}

.calculator_connect_btn {
    background: transparent;
    border: none;
    padding: 12px 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    height: 44px;
}

.calculator_connect_text_wrapper {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
}

.calculator_connect_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #3D392A;
    white-space: nowrap;
}

.calculator_connect_underline {
    width: 100%;
    height: 1px;
    background: #3D392A;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.calculator_connect_btn:hover .calculator_connect_underline {
    transform: scaleX(1);
}

.calculator_connect_btn svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #3D392A;
}

.calculator_connect_btn:hover {
    opacity: 0.8;
}

.calculator_result_note {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #A6A6A6;
    margin: 0;
    opacity: 1;
}

.calculator_result_icon {
    position: absolute;
    right: 0;
    top: -97px;
    width: 261px;
    height: 266px;
    z-index: 1;
    pointer-events: none;
}

.calculator_result_icon img {
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
}

.calculator_field {
    margin-bottom: 24px;
}

.calculator_subfield {
    margin-top: 24px;
}

.calculator_question_hint {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #A6A6A6;
    margin: 0 0 20px 0;
}

.calculator_select_group {
    margin-bottom: 24px;
}

.calculator_select {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    background: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%233D392A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 50px;
}

.calculator_select:focus {
    outline: none;
    border-color: #FECC17;
    box-shadow: 0px 0px 0px 3px rgba(254, 204, 23, 0.1);
}

.calculator_input_group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.calculator_input_label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    color: #3D392A;
}

.calculator_input_hint {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #A6A6A6;
    margin: 0;
}

.calculator_number_input {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    background: #FFFFFF;
    transition: all 0.3s ease;
}

.calculator_number_input:focus {
    outline: none;
    border-color: #FECC17;
    box-shadow: 0px 0px 0px 3px rgba(254, 204, 23, 0.1);
}

.calculator_number_input::placeholder {
    color: #A6A6A6;
}

.calculator_checkbox_group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 300px;
    overflow-y: auto;
    padding-right: 8px;
}

.calculator_checkbox_group::-webkit-scrollbar {
    width: 6px;
}

.calculator_checkbox_group::-webkit-scrollbar-track {
    background: #F6F6F6;
    border-radius: 3px;
}

.calculator_checkbox_group::-webkit-scrollbar-thumb {
    background: #A6A6A6;
    border-radius: 3px;
}

.calculator_checkbox_group::-webkit-scrollbar-thumb:hover {
    background: #3D392A;
}

.calculator_checkbox_label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    position: relative;
}

.calculator_checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox_custom {
    width: 20px;
    height: 20px;
    border: 2px solid #A6A6A6;
    border-radius: 4px;
    position: relative;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.calculator_checkbox:checked + .checkbox_custom {
    border-color: #FECC17;
    background: #FECC17;
}

.calculator_checkbox:checked + .checkbox_custom::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 5px;
    height: 10px;
    border: solid #3D392A;
    border-width: 0 2px 2px 0;
}

.checkbox_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
}

/* Dropdown for platforms selection */
.calculator_dropdown_wrapper {
    position: relative;
    width: 100%;
}

.calculator_dropdown_trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.calculator_dropdown_trigger:hover {
    border-color: #FECC17;
}

.calculator_dropdown_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #A6A6A6;
}

.calculator_dropdown_arrow {
    transition: transform 0.2s ease;
}

.calculator_dropdown_wrapper.open .calculator_dropdown_arrow {
    transform: rotate(180deg);
}

.calculator_dropdown_list {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    padding: 8px 0;
    max-height: 250px;
    overflow-y: auto;
    z-index: 100;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.calculator_dropdown_wrapper.open .calculator_dropdown_list {
    display: block;
}

.calculator_dropdown_item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.calculator_dropdown_item:hover {
    background-color: #F6F6F6;
}

.calculator_dropdown_list::-webkit-scrollbar {
    width: 6px;
}

.calculator_dropdown_list::-webkit-scrollbar-track {
    background: #F6F6F6;
    border-radius: 3px;
}

.calculator_dropdown_list::-webkit-scrollbar-thumb {
    background: #A6A6A6;
    border-radius: 3px;
}

.calculator_navigation {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    margin-top: 0;
}

.calculator_prev_btn {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    padding: 12px 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    cursor: pointer;
    transition: all 0.3s ease;
    width: auto;
    min-width: 100px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calculator_prev_btn:hover {
    background: #F6F6F6;
    border-color: #FECC17;
}

.calculator_next_btn {
    background: #FECC17;
    border: none;
    border-radius: 12px;
    padding: 12px 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 190px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calculator_navigation:has(.calculator_prev_btn[style*="display: none"]) .calculator_next_btn {
    width: 190px;
}

.calculator_next_btn:hover {
    background: #FFD84D;
    transform: translateY(-2px);
    box-shadow: 0px 8px 24px rgba(254, 204, 23, 0.3);
}

/* ============================
   RELATED SERVICES SECTION
   ============================ */
.related_services_section {
    max-width: 1280px;
    margin: 0 auto 80px;
    padding: 0 25px;
    box-sizing: border-box;
}

.related_services_container {
    display: flex;
    gap: 12px;
}

.related_service_card {
    flex: 1;
    background: #F6F6F6;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    height: 184px;
    position: relative;
    overflow: hidden;
}

.related_service_card:hover {
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

.service_card_content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    padding-right: 160px;
}

.service_card_content > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.service_card_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #3D392A;
    margin: 0;
}

.service_card_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #A6A6A6;
    margin: 0;
}

.service_card_link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #A6A6A6;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    background: transparent;
    border: none;
    width: fit-content;
    height: 44px;
    cursor: pointer;
}

.service_card_link span {
    color: #A6A6A6;
}

.service_card_link:hover span {
    color: #3D392A;
}

.service_card_link:hover svg {
    color: #3D392A;
    stroke: #3D392A;
}

.service_card_link svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #A6A6A6;
    stroke: #A6A6A6;
}

.service_card_illustration {
    width: 197px;
    height: 197px;
    flex-shrink: 0;
    position: absolute;
    right: -31px;
    top: 0%;
    z-index: 1;
    pointer-events: none;
}

.service_illustration_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* ============================
   ADDITIONAL FEATURES SECTION
   ============================ */
.additional_features_section {
    max-width: 1280px;
    margin: 0 auto 80px;
    padding: 0 25px;
    box-sizing: border-box;
    overflow: visible;
    position: relative;
}

.additional_features_container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    overflow: visible;
}

.additional_features_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1;
    color: #3D392A;
    margin: 0;
}

.additional_features_grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: visible;
}

.additional_features_row {
    display: flex;
    gap: 12px;
    width: 100%;
    position: relative;
    overflow: visible;
    min-height: 200px;
}

.feature_card {
    background: #F6F6F6;
    border-radius: 12px;
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 200px;
}

.feature_card_narrow {
    width: 533px;
    flex-shrink: 0;
}

.feature_card_wide {
    width: 680px;
    flex-shrink: 0;
}

/* SVG geometric shapes (always visible) */
.feature_card_svg {
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

/* Card 1 - Подборки квартир: Vector 218 (Stroke) at x=-5 y=-44, x=66 y=-44, x=137 y=-44 */
.feature_card_svg_selections_1 {
    top: 0px;
    left: -5px;
    width: 93px;
    height: 200px;
    z-index: 2 !important;
    opacity: 1 !important;
}

.feature_card_svg_selections_2 {
    top: 0px;
    left: 66px;
    width: 101px;
    height: 200px;
    z-index: 2 !important;
    opacity: 1 !important;
}

.feature_card_svg_selections_3 {
    top: 0px;
    left: 137px;
    width: 101px;
    height: 200px;
    z-index: 2 !important;
    opacity: 1 !important;
}

/* Ellipse hover SVG for Card 1 - Подборки квартир */
.feature_card_svg_ellipse_hover {
    top: 0px;
    left: 0px;
    width: 476px;
    height: 200px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* Yellow glow on hover */
.feature_card_selections:hover .feature_card_svg_ellipse_hover {
    opacity: 1;
}

.feature_card_selections:hover .feature_card_svg_ellipse_hover ellipse {
    fill: #FECC17 !important;
}

.feature_card_selections:hover .feature_card_svg_ellipse_hover g {
    opacity: 1 !important;
}

.feature_card_selections:hover .feature_card_svg_ellipse_hover .ellipse_hover_group {
    opacity: 1 !important;
}

/* Card 2 - Аналитика: Polygon 3 at x=187 y=125, Polygon 4 at x=148 y=346 */
.feature_card_svg_analytics_1 {
    top: 81px;
    left: 0px;
    z-index: 2 !important;
    opacity: 1 !important;
}

.feature_card_svg_analytics_2 {
    top: 0px;
    left: 148px;
    z-index: 2 !important;
    opacity: 1 !important;
}

/* Ellipse hover SVG for Card 2 - Аналитика */
.feature_card_svg_analytics_ellipse_hover {
    top: 0px;
    left: 0px;
    width: 476px;
    height: 200px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

/* Yellow glow on hover for Analytics card */
.feature_card_analytics:hover .feature_card_svg_analytics_ellipse_hover {
    opacity: 1 !important;
}

.feature_card_analytics:hover .feature_card_svg_analytics_ellipse_hover .ellipse_hover_shape {
    fill: #FECC17 !important;
}

.feature_card_analytics:hover .feature_card_svg_analytics_ellipse_hover .ellipse_hover_group {
    opacity: 1 !important;
}

.feature_card_analytics:hover .feature_card_svg_analytics_ellipse_hover g {
    opacity: 1 !important;
}

/* Hide polygons on hover for Analytics card */
.feature_card_analytics:hover .feature_card_svg_analytics_1,
.feature_card_analytics:hover .feature_card_svg_analytics_2 {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Card 3 - История: Треугольники (Polygons) */
.feature_card_svg_history_1 {
    top: 0px;
    left: 0px;
    z-index: 2 !important;
    opacity: 1 !important;
}

.feature_card_svg_history_2 {
    top: 0px;
    left: 127px;
    z-index: 2 !important;
    opacity: 1 !important;
}

.feature_card_svg_history_3 {
    top: 51px;
    left: 21px;
    z-index: 2 !important;
    opacity: 1 !important;
}

/* Ellipse hover SVG for Card 3 - История */
.feature_card_svg_history_ellipse_hover {
    top: 0px;
    left: 0px;
    width: 476px;
    height: 200px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

/* Yellow glow on hover for History card */
.feature_card_history:hover .feature_card_svg_history_ellipse_hover {
    opacity: 1 !important;
}

.feature_card_history:hover .feature_card_svg_history_ellipse_hover .ellipse_hover_shape {
    fill: #FECC17 !important;
}

.feature_card_history:hover .feature_card_svg_history_ellipse_hover .ellipse_hover_group {
    opacity: 1 !important;
}

.feature_card_history:hover .feature_card_svg_history_ellipse_hover g {
    opacity: 1 !important;
}

/* Hide triangles on hover for History card */
.feature_card_history:hover .feature_card_svg_history_1,
.feature_card_history:hover .feature_card_svg_history_2,
.feature_card_history:hover .feature_card_svg_history_3 {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Card 4 - Запуск: Ellipse 10 at x=168 y=58, Ellipse 11 at x=427 y=116, Ellipse 12 at x=228 y=130 */
.feature_card_svg_launch_1 {
    top: 0px;
    left: 0px;
    z-index: 2 !important;
    opacity: 1 !important;
}

.feature_card_svg_launch_2 {
    top: 0px;
    left: 146px;
    z-index: 2 !important;
    opacity: 1 !important;
}

.feature_card_svg_launch_3 {
    top: 130px;
    left: 0px;
    z-index: 2 !important;
    opacity: 1 !important;
}

/* Ellipse hover SVG for Card 4 - Запуск */
.feature_card_svg_launch_ellipse_hover {
    top: 0px;
    left: 0px;
    width: 476px;
    height: 200px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

/* Yellow glow on hover for Launch card */
.feature_card_launch:hover .feature_card_svg_launch_ellipse_hover {
    opacity: 1 !important;
}

.feature_card_launch:hover .feature_card_svg_launch_ellipse_hover .ellipse_hover_shape {
    fill: #FECC17 !important;
}

.feature_card_launch:hover .feature_card_svg_launch_ellipse_hover .ellipse_hover_group {
    opacity: 1 !important;
}

.feature_card_launch:hover .feature_card_svg_launch_ellipse_hover g {
    opacity: 1 !important;
}

/* Hide ellipses on hover for Launch card */
.feature_card_launch:hover .feature_card_svg_launch_1,
.feature_card_launch:hover .feature_card_svg_launch_2,
.feature_card_launch:hover .feature_card_svg_launch_3 {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Hide SVG shapes on hover (except ellipse hover) */
.feature_card:hover
.feature_card_svg:not(.feature_card_svg_ellipse_hover):not(.feature_card_svg_history_ellipse_hover):not(.feature_card_svg_analytics_ellipse_hover):not(.feature_card_svg_launch_ellipse_hover) {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.feature_card:hover {
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

.feature_card_content {
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Card 1 - Подборки квартир: x=20, y=75, width=240, height=72 */
.feature_card_selections .feature_card_content {
    left: 20px;
    top: 75px;
    width: 240px;
}

/* Card 2 - Аналитика: x=20, y=64, width=240, height=72 */
.feature_card_analytics .feature_card_content {
    left: 20px;
    top: 64px;
    width: 240px;
}

/* Card 3 - История: x=20, y=54, width=240, height=92 */
.feature_card_history .feature_card_content {
    left: 20px;
    top: 54px;
    width: 240px;
}

/* Card 4 - Запуск: x=20, y=64, width=240, height=72 */
.feature_card_launch .feature_card_content {
    left: 20px;
    top: 64px;
    width: 240px;
}

.feature_card_title_wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.feature_card_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #3D392A;
    margin: 0 0 8px 0;
}

.feature_beta_badge {
    display: inline-block;
    padding: 4px 8px;
    background: #FECC17;
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    color: #3D392A;
    letter-spacing: 0.5px;
}

.feature_card_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #A6A6A6;
    margin: 0;
}

.feature_card_screenshot {
    position: absolute;
    z-index: 1;
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

/* Card 1 - Подборки квартир: x=290, y=-98, width=411, height=258 */
.feature_screenshot_selections {
    left: 290px;
    top: -98px;
    width: 411px;
    height: 258px;
}

/* Card 2 - Аналитика: x=324, y=-73, width=425, height=323 */
.feature_screenshot_analytics {
    left: 251px;
    top: -49px;
    width: 485px;
    height: 395px;
}

/* Card 3 - История: x=372, y=26, width=245, height=194 */
.feature_screenshot_history {
    left: 297px;
    top: 26px;
    width: 245px;
    height: 194px;
}

/* Card 4 - Запуск: x=283, y=29, width=294, height=192 */
.feature_screenshot_launch {
    left: 392px;
    top: 29px;
    width: 354px;
    height: 192px;
    z-index: 2;
}

.feature_screenshot_launch img{
    left: -59px;
}

.feature_screenshot_analytics img{
    left: -38px;
    top: -51px;
}

.feature_screenshot_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

/* ============================
   TRY FREE SECTION
   ============================ */
.try_free_section {
    max-width: 1280px;
    margin: 0 auto 80px;
    padding: 0 25px;
    box-sizing: border-box;
    position: relative;
}

.try_free_container {
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    border-radius: 16px;
    padding: 0;
    position: relative;
    overflow: hidden;
    min-height: 380px;
    height: 380px;
    width: 1230px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 31.14%);
    z-index: 2;
}

.try_free_content {
    position: relative;
    z-index: 2;
    padding: 60px;
    width: 887px;
    display: flex;
    max-width: 887px;
    height: 380px;
    flex-direction: column;
    gap: 24px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 31.14%);
}

.try_free_badge {
    position: absolute;
    left: 506px;
    top: 30px;
    background: #FECC17;
    border-radius: 30px;
    padding: 8px 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    text-align: center;
    transform: rotate(9.481deg);
    z-index: 3;
    white-space: nowrap;
}

.try_free_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1;
    color: #3D392A;
    margin: 0;
    text-align: start;
}

.try_free_benefits {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 437px;
}

.try_free_benefit_item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
    border-radius: 8px;
}

.try_free_benefit_item_highlighted {
    background: #F5F5F5;
}

.benefit_icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: block;
}

.benefit_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    margin: 0;
}

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

.try_free_btn {
    background: #FECC17;
    border: none;
    border-radius: 12px;
    padding: 12px 16px;
    height: 44px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3D392A;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}

.try_free_btn:hover {
    background: #FFD84D;
    transform: translateY(-2px);
    box-shadow: 0px 8px 24px rgba(254, 204, 23, 0.3);
}

.try_free_demo_link {
    display: flex;
    flex-direction: column;
    color: #A6A6A6;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.try_free_demo_link span {
    align-self: center;
}

.try_free_demo_link:hover {
    color: #3D392A;
}

.try_free_demo_link_underline {
    display: block;
    height: 1px;
    background: #3D392A;
    width: 100%;
    min-width: 100%;
    margin-top: 2px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.try_free_demo_link:hover .try_free_demo_link_underline {
    transform: scaleX(1);
}

.try_free_background {
    position: absolute;
    left: 579px;
    top: -19px;
    width: 664px;
    height: 397px;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.try_free_building {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.try_free_building_bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.try_free_building_overlay {
    position: absolute;
    inset: 0;
    width: 101.48%;
    height: 100.45%;
    left: 0;
    top: -0.22%;
    object-fit: cover;
    object-position: center;
}

.try_free_floating_docs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.floating_doc {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.floating_doc img {
    display: block;
    max-width: none;
}

.floating_doc.doc1 {
    left: 152px;
    top: 214px;
    transform: rotate(28.017deg);
    width: 142.964px;
    height: 226.177px;
    overflow: hidden;
    border-radius: 5.288px;
    z-index: 44;
}

.floating_doc.doc1 img {
    width: 492.31%;
    height: 175.04%;
    left: -6.41%;
    top: -25.45%;
    position: absolute;
    object-fit: cover;
}

.floating_doc.doc2 {
    left: 581px;
    top: 66px;
    transform: rotate(322.83deg);
    width: 82.172px;
    height: 130px;
    overflow: hidden;
    border-radius: 3.03px;
}

.floating_doc.doc2 img {
    width: 492.31%;
    height: 175.04%;
    left: -110.26%;
    top: -25.45%;
    position: absolute;
    object-fit: cover;
}

.floating_doc.doc3 {
    left: 489px;
    top: 238px;
    transform: rotate(338.99deg);
    width: 140.093px;
    height: 221.634px;
    filter: blur(2.5px);
    overflow: hidden;
    border-radius: 5.166px;
}

.floating_doc.doc3 img {
    width: 492.31%;
    height: 175.04%;
    left: -214.1%;
    top: -25.45%;
    position: absolute;
    object-fit: cover;
}

/* Responsive Styles for New Sections */
@media (max-width: 1024px) {
    .cost_calculator_content {
        flex-direction: column;
    }
    
    .related_services_container {
        flex-direction: column;
    }
    
    .additional_features_row {
        flex-direction: column;
    }
    
    .feature_card_narrow,
    .feature_card_wide {
        width: 100%;
        max-width: 100%;
    }
    
    .feature_card {
        height: auto;
        min-height: 200px;
        overflow: hidden;
    }
    
    .feature_screenshot_selections,
    .feature_screenshot_analytics,
    .feature_screenshot_history,
    .feature_screenshot_launch {
        margin-right: 0;
        margin-top: 0;
        width: 100%;
        max-width: 400px;
        height: auto;
        aspect-ratio: 16/10;
    }
    
    .try_free_actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .calculator_field {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .cost_calculator_title,
    .additional_features_title,
    .try_free_title {
        font-size: 22px;
    }
    
    .calculator_question_box,
    .calculator_result_box {
        padding: 24px;
    }
    
    .related_service_card {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .service_card_illustration {
        width: 100%;
        height: 200px;
    }
    
    .try_free_container {
        padding: 40px 24px;
    }
    
    .try_free_background {
        display: none;
    }
    
    /* ============================
       ADDITIONAL FEATURES MOBILE - EXACT FIGMA COPY
       ============================ */
    .additional_features_section {
        padding: 0 12px !important;
        margin-bottom: 60px !important;
    }
    
    .additional_features_container {
        width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .additional_features_title {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 22px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        color: #3D392A !important;
        margin: 0 !important;
        text-align: left !important;
        width: 100% !important;
    }

    .additional_features_grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .additional_features_row {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        min-height: auto !important;
    }

    /* All cards base styles */
    .feature_card,
    .feature_card_narrow,
    .feature_card_wide {
        width: 100% !important;
        height: 282px !important;
        min-height: 282px !important;
        border-radius: 12px !important;
        background: #F6F6F6 !important;
        border: 1px solid #E5E5E5 !important;
        position: relative !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    /* Default content positioning */
    .feature_card_content {
        position: absolute !important;
        left: 50% !important;
        width: 326px !important;
        max-width: calc(100% - 40px) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: flex-start !important;
        z-index: 20 !important;
        text-align: left !important;
    }

    /* Card 1 - Подборки: top-193px, translateX only */
    .feature_card_selections .feature_card_content {
        top: 193px !important;
        transform: translateX(-50%) !important;
    }

    /* Cards 2,3,4 - top calc(50%+88px), translate both X and Y */
    .feature_card_analytics .feature_card_content,
    .feature_card_history .feature_card_content,
    .feature_card_launch .feature_card_content {
        top: calc(50% + 88px) !important;
        transform: translate(-50%, -50%) !important;
    }

    .feature_card_title {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        color: #3D392A !important;
        margin: 0 !important;
    }

    .feature_card_text {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        color: #A6A6A6 !important;
        margin: 0 !important;
    }

    /* Beta badge */
    .feature_beta_badge {
        background: #FECC17 !important;
        border-radius: 30px !important;
        padding: 2px 8px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 8px !important;
        font-weight: 600 !important;
        color: #3D392A !important;
    }

    .feature_card_title_wrapper {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }

    /* Screenshots - base */
    .feature_card_screenshot {
        position: absolute !important;
        z-index: 5 !important;
        overflow: hidden !important;
    }

    /* Card 1 - Подборки: container */
    .feature_screenshot_selections {
        left: 102px !important;
        top: -98px !important;
        width: 411px !important;
        height: 258px !important;
        border-radius: 12px !important;
        border: 1px solid #EFEFEF !important;
    }
    
    /* Card 1 - Подборки: image inside */
    .feature_screenshot_selections .feature_screenshot_img {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 111.82% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
    }

    /* Card 2 - Аналитика: container */
    .feature_screenshot_analytics {
        left: calc(50% + 77px) !important;
        top: calc(50% - 74.5px) !important;
        transform: translate(-50%, -50%) !important;
        width: 262px !important;
        height: 199px !important;
        border-radius: 6px !important;
        border: 1px solid #EFEFEF !important;
    }
    
    /* Card 2 - Аналитика: image inside */
    .feature_screenshot_analytics .feature_screenshot_img {
        position: absolute !important;
        left: -12.47% !important;
        top: -0.08% !important;
        width: 112.47% !important;
        height: 100.16% !important;
        max-width: none !important;
        object-fit: cover !important;
    }

    /* Card 3 - История: container */
    .feature_screenshot_history {
        left: calc(50% + 67.5px) !important;
        top: 0 !important;
        transform: translateX(-50%) !important;
        width: 245px !important;
        height: auto !important;
        border-radius: 12px !important;
        border: 0.653px solid #EFEFEF !important;
        background: white !important;
    }
    
    /* Card 3 - История: image inside (SVG) */
    .feature_screenshot_history .feature_screenshot_img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* Card 4 - Запуск: container */
    .feature_screenshot_launch {
        left: 96px !important;
        top: 0 !important;
        width: 294px !important;
        height: 192px !important;
        border-radius: 12px !important;
        border: 1px solid #EFEFEF !important;
    }
    
    /* Card 4 - Запуск: image inside */
    .feature_screenshot_launch .feature_screenshot_img {
        position: absolute !important;
        left: -29.08% !important;
        top: -32.26% !important;
        width: 155.09% !important;
        height: 134% !important;
        max-width: none !important;
        object-fit: cover !important;
    }
    
    /* SVG decorations - hide on mobile for cleaner look matching Figma */
    .feature_card_svg {
        position: absolute !important;
        z-index: 2 !important;
        pointer-events: none !important;
    }
    
    /* Card 1 SVGs */
    .feature_card_svg_selections_1 { left: -5px !important; top: 0px !important; }
    .feature_card_svg_selections_2 { left: 66px !important; top: 0px !important; }
    .feature_card_svg_selections_3 { left: 137px !important; top: 0px !important; }
    
    /* Card 2 SVGs */
    .feature_card_svg_analytics_1 {left: 0px !important;top: 75px !important;}
    .feature_card_svg_analytics_2 {left: -135px !important;top: 195px !important;}
    
    /* Card 3 SVGs */
    .feature_card_svg_history_1 {left: 5px !important;top: 1px !important;}
    .feature_card_svg_history_2 {left: 20px !important;top: 99px !important;}
    .feature_card_svg_history_3 { left: 128px !important; top: -63px !important; }
    
    /* Card 4 SVGs */
    .feature_card_svg_launch_1 {left: -23px !important;top: 0px !important;}
    .feature_card_svg_launch_2 { left: 144px !important; top: -25px !important; }
    .feature_card_svg_launch_3 {left: 0px !important;top: 147px !important;}

    /* Hide hover effects on mobile */
    .feature_card_svg_ellipse_hover,
    .feature_card_svg_analytics_ellipse_hover,
    .feature_card_svg_history_ellipse_hover,
    .feature_card_svg_launch_ellipse_hover { 
        display: none !important; 
    }
    
    /* ============================
       TRY FREE SECTION - EXACT FIGMA MOBILE COPY
       ============================ */
    .try_free_section {
        margin-bottom: 60px !important;
        padding: 0 12px !important;
    }
    
    .try_free_container {
        width: 100% !important;
        height: 659px !important;
        border-radius: 16px !important;
        border: 1px solid #F6F6F6 !important;
        background: #FFFFFF !important;
        overflow: hidden !important;
        margin: 0 !important;
        position: relative !important;
        padding: 0 !important;
    }
    
    /* Background image - Figma: absolute, h-334, top--47, w-426 */
    .try_free_background {
        position: absolute !important;
        left: 50% !important;
        top: -47px !important;
        transform: translateX(-50%) !important;
        width: 426px !important;
        height: 334px !important;
        z-index: 1 !important;
        display: block !important;
        pointer-events: none !important;
    }
    
    .try_free_building {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .try_free_building_bg,
    .try_free_building_overlay {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    
    /* Floating documents */
    .try_free_floating_docs {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }
    
    .floating_doc {
        position: absolute !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .floating_doc img {
        display: block !important;
        max-width: none !important;
    }
    
    /* Doc 1 - left side, rotated 28deg */
    .floating_doc.doc1 {
        left: calc(50% - 136.77px) !important;
        top: 167px !important;
        transform: translateX(-50%) rotate(28.017deg) !important;
        width: 142.964px !important;
        height: 226.177px !important;
        overflow: hidden !important;
        border-radius: 5.288px !important;
        z-index: 4 !important;
    }
    
    .floating_doc.doc1 img {
        width: 492.31% !important;
        height: 175.04% !important;
        left: -6.41% !important;
        top: -25.45% !important;
        position: absolute !important;
        object-fit: cover !important;
    }
    
    /* Doc 2 - right top, rotated -37deg */
    .floating_doc.doc2 {
        left: calc(50% + 121.01px) !important;
        top: 14px !important;
        transform: translateX(-50%) rotate(-37.17deg) !important;
        width: 82.172px !important;
        height: 130px !important;
        overflow: hidden !important;
        border-radius: 3.03px !important;
        z-index: 3 !important;
    }
    
    .floating_doc.doc2 img {
        width: 492.31% !important;
        height: 175.04% !important;
        left: -110.26% !important;
        top: -25.45% !important;
        position: absolute !important;
        object-fit: cover !important;
    }
    
    /* Doc 3 - right bottom, blurred, rotated -21deg */
    .floating_doc.doc3 {
        left: calc(50% + 128.12px) !important;
        top: 218px !important;
        transform: translateX(-50%) rotate(-21.01deg) !important;
        width: 140.093px !important;
        height: 221.634px !important;
        filter: blur(2.5px) !important;
        overflow: hidden !important;
        border-radius: 5.166px !important;
        z-index: 2 !important;
    }
    
    .floating_doc.doc3 img {
        width: 492.31% !important;
        height: 175.04% !important;
        left: -214.1% !important;
        top: -25.45% !important;
        position: absolute !important;
        object-fit: cover !important;
    }
    
    /* Gradient overlay - from transparent to white */
    .try_free_container::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        top: 50px !important;
        width: 100% !important;
        height: 608px !important;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 22%, #ffffff 39%) !important;
        z-index: 3 !important;
        pointer-events: none !important;
    }
    
    /* Content - Figma: absolute, left-15, top-306, w-334 */
    .try_free_content {
        position: absolute !important;
        left: 15px !important;
        top: 306px !important;
        width: 334px !important;
        z-index: 10 !important;
        padding: 0 !important;
        background: transparent !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }
    
    /* Badge - Figma: absolute, rotated -6.4deg */
    .try_free_badge {
        position: absolute !important;
        left: 219px !important;
        top: 327px !important;
        transform: rotate(-6.411deg) !important;
        background: #FECC17 !important;
        border-radius: 30px !important;
        padding: 8px 16px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        color: #3D392A !important;
        z-index: 11 !important;
        white-space: nowrap !important;
    }
    
    /* Title - Figma: 30px ExtraBold */
    .try_free_title {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        color: #3D392A !important;
        margin: 0 !important;
    }
    
    /* Benefits list */
    .try_free_benefits {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
    }
    
    .try_free_benefit_item {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 8px !important;
        border-radius: 8px !important;
        background: transparent !important;
    }
    
    .try_free_benefit_item_highlighted {
        background: #FAFAFA !important;
    }
    
    .benefit_icon {
        width: 20px !important;
        height: 20px !important;
        flex-shrink: 0 !important;
    }
    
    /* Benefit Text - Figma: 12px SemiBold */
    .benefit_text {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        color: #3D392A !important;
        margin: 0 !important;
        text-align: left;
    }
    
    /* Actions */
    .try_free_actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    /* Try Free Button - Figma: h-44, w-full, yellow */
    .try_free_btn {
        width: 100% !important;
        height: 44px !important;
        background: #FECC17 !important;
        border: none !important;
        border-radius: 12px !important;
        padding: 12px 16px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        color: #3D392A !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Demo link - Figma: h-44, gray with underline */
    .try_free_demo_link {
        width: 100% !important;
        height: 44px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .try_free_demo_link_underline {
        display: block !important;
        height: 1px !important;
        background: #3D392A !important;
        width: 100% !important;
        margin-top: 2px !important;
        transform: scaleX(0) !important;
        transform-origin: left !important;
        transition: transform 0.3s ease !important;
    }
    
    .try_free_demo_link:hover .try_free_demo_link_underline {
        transform: scaleX(1) !important;
    }
}

/* ============================
   TARIFF CONNECT MODAL
   ============================ */
.tariff_connect_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
}

.tariff_connect_modal.active {
    display: flex;
}

.tariff_connect_modal_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
}

.tariff_connect_modal_content {
    position: relative;
    background: #fff;
    border: 1px solid #EDEDED;
    border-radius: 20px;
    padding: 20px 20px 24px 20px;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.tariff_connect_modal_close {
    position: absolute;
    top: 4px;
    right: 4px;
    background: #F6F6F6;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    transition: background 0.3s ease;
}

.tariff_connect_modal_close:hover {
    background: #EDEDED;
}

.tariff_connect_modal_title {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #3D392A;
    margin: 0 0 20px 0;
    line-height: 1.0;
    padding-right: 60px;
}

.tariff_connect_modal_subtitle {
    font-size: 14px;
    color: #666;
    margin: 0 0 20px 0;
    line-height: 1.3;
}

.tariff_connect_modal_form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tariff_connect_form_group {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tariff_connect_label {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #A6A6A6;
    margin-bottom: 0;
}

.tariff_connect_input {
    width: 100%;
    padding: 12px;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    height: 44px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #3D392A;
    background: #fff;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
    outline: none;
}

.tariff_connect_input:focus {
    outline: none;
    border-color: #FECC17;
}

.tariff_connect_input::placeholder {
    color: #A6A6A6;
}

.tariff_connect_checkboxes {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tariff_connect_checkbox_label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
}

.tariff_connect_checkbox_label input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    opacity: 0;
    margin: 0;
}

.tariff_connect_checkbox_custom {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1px solid #FECC17;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
    margin-top: 2px;
}

.tariff_connect_checkbox_label input[type="checkbox"]:checked + .tariff_connect_checkbox_custom {
    background: #FECC17;
}

.tariff_connect_checkbox_label input[type="checkbox"]:checked + .tariff_connect_checkbox_custom::after {
    content: '';
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%233D392A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
}

.tariff_connect_checkbox_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #A6A6A6;
}

.tariff_connect_checkbox_text a {
    color: #A6A6A6;
    text-decoration: underline;
}

.tariff_connect_submit_btn {
    width: fit-content;
    padding: 12px 16px;
    background: #FECC17;
    border: none;
    border-radius: 12px;
    height: 44px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #3D392A;
    cursor: pointer;
    transition: background 0.3s ease;
    margin-top: 0;
}

.tariff_connect_submit_btn:hover {
    background: #FFD84D;
}


/* Mobile styles for modal */
@media (max-width: 600px) {
    .tariff_connect_modal_content {
        padding: 20px 16px 24px 16px;
        border-radius: 16px;
        max-width: calc(100% - 24px);
        margin: 12px;
    }
    
    .tariff_connect_modal_title {
        font-size: 20px;
        padding-right: 50px;
    }
    
    .tariff_connect_modal_close {
        top: 4px;
        right: 4px;
        width: 40px;
        height: 40px;
    }
    
    .tariff_connect_modal_form {
        gap: 16px;
    }
    
    .tariff_connect_input {
        height: 44px;
    }
    
    .tariff_connect_submit_btn {
        width: 100%;
        height: 48px;
    }
}

/* Clickable feature cards */
.feature_card_clickable {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feature_card_clickable:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

/* Clickable service cards */
.service_card_clickable {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.service_card_clickable:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

.service_card_clickable .service_card_link {
    cursor: pointer;
}

/* Clickable license cards */
.license_card_clickable {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.license_card_clickable:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

/* --- FAQ SECTION --- */
.tariff_faq_section {
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 80px;
    padding: 0 25px;
    position: relative;
}

.tariff_faq_container {
    max-width: 1280px;
    margin: 0 auto;
}

.tariff_faq_title {
    font-weight: 800;
    font-size: 38px;
    line-height: 1.1;
    margin-bottom: 40px;
    color: #3D392A;
}

.tariff_faq_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}

.tariff_faq_column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tariff_faq_item {
    background: #F6F6F6;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    padding: 24px;
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.tariff_faq_item_open {
    background: #FFFFFF;
    padding-bottom: 24px;
}

.tariff_faq_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.tariff_faq_question {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    color: #3D392A;
    margin: 0;
    flex: 1;
}

.tariff_faq_icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
    cursor: pointer;
    pointer-events: auto;
    z-index: 2;
}

.tariff_faq_icon path {
    pointer-events: auto;
}

.tariff_faq_item_open .tariff_faq_icon {
    transform: rotate(0deg);
}

.tariff_faq_answer {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #E5E5E5;
    display: none;
}

.tariff_faq_item_open .tariff_faq_answer {
    display: block;
}

.tariff_faq_answer p {
    font-size: 14px;
    font-weight: 500;
    color: #A6A6A6;
    line-height: 1.3;
    margin: 0;
}

.tariff_faq_decor {
    position: absolute;
    right: -1.41px;
    top: -61px;
    width: 275px;
    height: 283.412px;
    opacity: 0;
    transform: rotate(0deg);
    mix-blend-mode: darken;
    z-index: 1;
    transition: opacity 0.3s ease;
}

.tariff_faq_item_open .tariff_faq_decor {
    opacity: 1;
}

.tariff_faq_decor img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* FAQ Mobile Styles */
@media (max-width: 768px) {
    .tariff_faq_section {
        padding: 0 12px;
        margin-bottom: 60px;
    }

    .tariff_faq_title {
        font-size: 22px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .tariff_faq_grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .tariff_faq_column {
        gap: 8px;
    }

    .tariff_faq_item {
        padding: 24px;
    }

    .tariff_faq_question {
        font-size: 14px;
    }

    .tariff_faq_answer p {
        font-size: 14px;
    }
}