/* Partners Page Styles - Optimized for Dark Theme and Gilroy Fonts */

/* Hero Section - Based on donor structure */
.HeroPage_component__XLXHr {
    position: relative;
    overflow: hidden;
    color: #16181d;
    font-family: 'Gilroy-regular';
    font-style: normal;
    padding: 56px 0;
    background-color: #ffffff;
}

.HeroPage_component__container__JODhR {
    position: relative;
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1144px;
    margin: 0 auto;
    padding: 0 16px;
}

.HeroPage_component__info__DvwI1 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 586px;
}

.Badge_component__6gZef.HeroPage_component__badge__RTyg7 {
    position: relative;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    align-self: anchor-center;
    max-width: fit-content;
    padding: 4px 16px;
    color: #16181d;
    font-family: 'Gilroy-medium';
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    background-color: #e4edfe;
    border-radius: 4px;
    margin: 0 0 8px 0;
}

.HeroPage_component__title__0t4TJ {
    z-index: 1;
    color: inherit;
    font-family: 'Gilroy-semibold';
    font-size: 48px;
    line-height: 110%;
    margin: 0;
}

.HeroPage_component__text__WhOV8 {
    position: relative;
    max-width: 556px;
    padding-bottom: 24px;
    color: #16181d;
    font-family: 'Gilroy-regular';
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    text-align: justify;
}

.HeroPage_component__buttons__eLew4 {
    position: relative;
    display: flex;
    gap: 16px;
}

/* Button Styles - Based on donor */
.Button_component__BKUdo {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    font-family: 'Gilroy-medium';
    font-size: 16px;
    line-height: 1.5;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 2px solid transparent;
    cursor: pointer;
    background: none;
    min-height: 48px;
}

.Button_component__BKUdo:not(.Button_component_second__gDKMQ) {
    background-color: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}

.Button_component__BKUdo:not(.Button_component_second__gDKMQ):hover {
    background-color: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

.Button_component_second__gDKMQ {
    background-color: transparent;
    color: #2563eb;
    border-color: #2563eb;
}

.Button_component_second__gDKMQ:hover {
    background-color: #2563eb;
    color: #ffffff;
}

.Button_component__icon__IyLrK {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* Video Container - Based on donor */
.HeroPage_component__box__TJJz_ {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 506px;
    max-width: 506px;
    min-height: 526px;
    max-height: 526px;
    border-radius: 16px;
}

.HeroPage_component__img__eUxrQ {
    position: relative;
}

.HeroPage_component__img_centerX__yOQ4u {
    right: unset;
    left: unset;
    margin-right: auto;
    margin-left: auto;
}

.HeroPage_component__img_centerY__VIIl_ {
    top: unset;
    bottom: unset;
    margin-top: auto;
    margin-bottom: auto;
}

.HeroPage_component__video__vuskm {
    min-width: 506px;
    max-width: 506px;
    min-height: 526px;
    max-height: 526px;
}

.HeroPage_component__video_horizontal__HpgdT {
    min-width: 490px;
    max-width: 490px;
    min-height: unset;
    border-radius: 24px;
}

/* Responsive Design */
@media only screen and (max-width: 1144px) {
    .HeroPage_component__container__JODhR {
        flex-direction: column;
        gap: 24px;
        padding: 32px 16px 24px;
    }

    .HeroPage_component__info__DvwI1 {
        gap: 8px;
        min-width: 100%;
    }

    .HeroPage_component__badge__RTyg7 {
        margin-bottom: 12px;
    }

    .HeroPage_component__title__0t4TJ {
        font-size: 32px;
        line-height: 120%;
        align-self: anchor-center;
    }

    .HeroPage_component__text__WhOV8 {
        padding-bottom: 16px;
        font-size: 16px;
        line-height: 28px;
        align-self: anchor-center;
        text-align: center;
    }

    .HeroPage_component__buttons__eLew4 {
        flex-direction: column;
        width: 100%;
    }

    .Button_component_wideOnlyMobile__5p8_t {
        width: 100%;
        justify-content: center;
    }

    .HeroPage_component__box__TJJz_ {
        min-width: 100%;
        max-width: 100%;
        min-height: unset;
        max-height: 100%;
        overflow: hidden;
    }

    .HeroPage_component__video__vuskm {
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        max-height: 100%;
    }

    .HeroPage_component__video_horizontal__HpgdT {
        border-radius: 16px;
    }
}

/* Professional Mobile Breakpoints - Following 7suu.com Standards */

/* Small Mobile: 320px - 392px - CENTERED LAYOUT */
@media only screen and (min-width: 320px) and (max-width: 392px) {
    .HeroPage_component__XLXHr {
        padding: 24px 0 16px;
        text-align: center;
    }

    .HeroPage_component__container__JODhR {
        padding: 40px;
        gap: 16px;
        text-align: center;
        align-items: center;
    }
    
    .HeroPage_component__info__DvwI1 {
        align-items: center;
        text-align: center;
    }

    .HeroPage_component__title__0t4TJ {
        font-size: 22px;
        line-height: 120%;
        margin-bottom: 8px;
        text-align: center;
    }

    .HeroPage_component__text__WhOV8 {
        font-size: 13px;
        line-height: 20px;
        padding-bottom: 16px;
        text-align: center;
        margin: 0 auto;
    }

    .Button_component__BKUdo {
        padding: 12px 16px;
        font-size: 13px;
        min-height: 44px;
        border-radius: 6px;
        justify-content: center;
    }
    
    .HeroPage_component__buttons__eLew4 {
        gap: 12px;
        justify-content: center;
        align-items: center;
    }
    
    .Badge_component__6gZef.HeroPage_component__badge__RTyg7 {
        padding: 3px 12px;
        font-size: 12px;
        margin: 0 auto 6px;
        display: flex;
        justify-content: center;
    }
}

/* Medium Mobile: 393px - 430px - CENTERED LAYOUT */
@media only screen and (min-width: 393px) and (max-width: 430px) {
    .HeroPage_component__XLXHr {
        padding: 28px 0 20px;
        text-align: center;
    }

    .HeroPage_component__container__JODhR {
        padding: 40px;
        gap: 20px;
        text-align: center;
        align-items: center;
    }
    
    .HeroPage_component__info__DvwI1 {
        align-items: center;
        text-align: center;
    }

    .HeroPage_component__title__0t4TJ {
        font-size: 24px;
        line-height: 115%;
        text-align: center;
    }

    .HeroPage_component__text__WhOV8 {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 18px;
        margin: 0 auto;
        text-align: justify;
    }

    .Button_component__BKUdo {
        padding: 12px 20px;
        font-size: 14px;
        min-height: 44px;
        justify-content: center;
    }
    
    .HeroPage_component__buttons__eLew4 {
        gap: 14px;
        justify-content: center;
    }
    
    .Badge_component__6gZef.HeroPage_component__badge__RTyg7 {
        margin: 0 auto 8px;
        display: flex;
        justify-content: center;
    }
}

/* Large Mobile: 431px - 767px - CENTERED LAYOUT */
@media only screen and (min-width: 431px) and (max-width: 767px) {
    .HeroPage_component__XLXHr {
        padding: 32px 0 24px;
        text-align: center;
    }
    
    .HeroPage_component__container__JODhR {
        padding: 16px;
        gap: 24px;
        text-align: center;
        align-items: center;
    }
    
    .HeroPage_component__info__DvwI1 {
        align-items: center;
        text-align: center;
    }

    .HeroPage_component__title__0t4TJ {
        font-size: 28px;
        line-height: 115%;
        text-align: center;
    }

    .HeroPage_component__text__WhOV8 {
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 20px;
        text-align: center;
        margin: 0 auto;
    }

    .Button_component__BKUdo {
        padding: 12px 24px;
        font-size: 15px;
        min-height: 48px;
        justify-content: center;
    }
    
    .HeroPage_component__buttons__eLew4 {
        gap: 16px;
        justify-content: center;
    }
    
    .Badge_component__6gZef.HeroPage_component__badge__RTyg7 {
        margin: 0 auto 10px;
        display: flex;
        justify-content: center;
    }
}

/* MOBILE SECTION TITLES - ALWAYS CENTERED */
@media only screen and (max-width: 767px) {
    .Title_component__WX4GB {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .Title_component__subtitle__2fk_h {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .LandingStickyTitleCards_component__title__bBHc5 {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* All content sections centered on mobile */
    .CustomersCard_component__x4ATv,
    .CustomersCard_component_noPadding__QDgH6 {
        text-align: center;
    }
}

/* Fallback for very small screens - HERO SECTION */
@media only screen and (max-width: 319px) {
    .HeroPage_component__XLXHr {
        padding: 20px 0 12px;
        text-align: center;
    }

    .HeroPage_component__container__JODhR {
        padding: 6px;
        gap: 12px;
        text-align: center;
        align-items: center;
    }
    
    .HeroPage_component__info__DvwI1 {
        align-items: center;
        text-align: center;
    }

    .HeroPage_component__title__0t4TJ {
        font-size: 20px;
        line-height: 125%;
        text-align: center;
    }

    .HeroPage_component__text__WhOV8 {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 12px;
        text-align: center;
        margin: 0 auto;
    }
    
    .Badge_component__6gZef.HeroPage_component__badge__RTyg7 {
        margin: 0 auto 4px;
        display: flex;
        justify-content: center;
    }

    .Button_component__BKUdo {
        padding: 10px 14px;
        font-size: 12px;
        min-height: 40px;
        justify-content: center;
    }
    
    .HeroPage_component__buttons__eLew4 {
        justify-content: center;
        gap: 10px;
    }
}

/* Dark mode support - Enhanced */
.dark .HeroPage_component__XLXHr {
    color: #ffffff;
    background-color: #111827;
}

.dark .Badge_component__6gZef.HeroPage_component__badge__RTyg7 {
    background-color: #1e3a8a;
    color: #ffffff;
}

.dark .HeroPage_component__text__WhOV8 {
    color: #e5e7eb;
}

.dark .HeroPage_component__title__0t4TJ {
    color: #ffffff;
}

.dark .Button_component_second__gDKMQ {
    color: #60a5fa;
    border-color: #60a5fa;
}

.dark .Button_component_second__gDKMQ:hover {
    background-color: #60a5fa;
    color: #1f2937;
}

.dark .Button_component__BKUdo:not(.Button_component_second__gDKMQ) {
    background-color: #3b82f6;
    border-color: #3b82f6;
}

.dark .Button_component__BKUdo:not(.Button_component_second__gDKMQ):hover {
    background-color: #2563eb;
    border-color: #2563eb;
}

/* Statistics Section - Enhanced for Dark Theme */
.StatisticsBlock_component___k_lW {
    padding: 30px 0;
    background-color: #f8fafc;
}

.StatisticsBlock_component__inner____lFs {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    list-style: none;
    margin-bottom: 0;
}

.StatisticsBlockBox_component__Kf0xj {
    text-align: center;
    flex: 1;
}

.StatisticsBlockBox_component__title__F97id {
    font-size: 64px;
    font-family: 'Gilroy-semibold';
    color: #2563eb;
    margin: 0 0 16px 0;
    line-height: 1.1;
}

.StatisticsBlockBox_component__text__Xse6P {
    font-size: 18px;
    font-family: 'Gilroy-regular';
    color: #374151;
    line-height: 1.5;
    margin: 0;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}

/* Spacer Components */
.Spacer_component__JBkN_ {
    display: block;
}

.Spacer_component_1__fIEGp {
    height: 5px;
}

.Spacer_component_4__QPAfj {
    height: 5px;
}

/* Partners Profitable Section - Enhanced Design */
.PartnersProfitable_component__41ZT0 {
    padding: 40px 0;
    background-color: #ffffff;
}

.PartnersProfitable_component__list__Nn8g7 {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
}

.PartnersProfitable_component__list_alt__Iwpip {
    padding: 0 16px;
}

.PartnersProfitable_component__item__Sys5p {
    flex: 1;
    max-width: 360px;
    padding: 40px 32px;
    border-radius: 20px;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
}

.PartnersProfitable_component__item_alt__NVOcZ {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.PartnersProfitable_component__item__Sys5p:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    border-color: #3b82f6;
}

.PartnersProfitable_component__item__Sys5p > div {
    margin-bottom: 24px;
}

.PartnersProfitable_component__item__Sys5p img {
    border-radius: 12px;
    max-width: 100%;
    height: auto;
}

.PartnersProfitable_component__name__K21py {
    font-size: 24px;
    font-family: 'Gilroy-semibold';
    color: #1f2937;
    margin: 0 0 16px 0;
    line-height: 1.3;
}

.PartnersProfitable_component__text__Eo5Bi {
    font-size: 16px;
    font-family: 'Gilroy-regular';
    color: #6b7280;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

.PartnersProfitable_component__text__Eo5Bi:last-of-type {
    margin-bottom: 24px;
}

.PartnersProfitable_component__link__LgM_5 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    font-size: 16px;
    font-family: 'Gilroy-medium';
    color: #2563eb;
    text-decoration: none;
    border: 2px solid #2563eb;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: auto;
}

.PartnersProfitable_component__link_alt__GwYNV:hover {
    background-color: #2563eb;
    color: #ffffff;
}

.PartnersProfitable_component__link__LgM_5 i {
    transition: transform 0.2s ease;
}

.PartnersProfitable_component__link__LgM_5:hover i {
    transform: translateX(4px);
}

/* Responsive Design for Statistics */
@media only screen and (max-width: 1024px) {
    .StatisticsBlock_component__inner____lFs {
        flex-direction: column;
        gap: 32px;
        text-align: center;
    }

    .StatisticsBlockBox_component__title__F97id {
        font-size: 48px;
    }

    .StatisticsBlockBox_component__text__Xse6P {
        font-size: 16px;
        max-width: 100%;
    }
}

/* Statistics Mobile Breakpoints - CENTERED */
@media only screen and (min-width: 320px) and (max-width: 392px) {
    .StatisticsBlock_component___k_lW {
        padding: 40px 0;
        text-align: center;
    }
    
    .StatisticsBlock_component__inner____lFs {
        padding: 0 8px;
        gap: 20px;
        text-align: center;
    }
    
    .StatisticsBlockBox_component__Kf0xj {
        text-align: center;
    }

    .StatisticsBlockBox_component__title__F97id {
        font-size: 32px;
        margin: 0 auto 8px;
        text-align: center;
    }

    .StatisticsBlockBox_component__text__Xse6P {
        font-size: 12px;
        line-height: 1.4;
        max-width: 280px;
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (min-width: 393px) and (max-width: 430px) {
    .StatisticsBlock_component___k_lW {
        padding: 10px 0;
        text-align: center;
    }
    .container {
        max-width: 415px;
    }
    
    .StatisticsBlock_component__inner____lFs {
        padding: 0 12px;
        gap: 24px;
        text-align: center;
    }
    
    .StatisticsBlockBox_component__Kf0xj {
        text-align: center;
    }

    .StatisticsBlockBox_component__title__F97id {
        font-size: 36px;
        margin: 0 auto 10px;
        text-align: center;
    }

    .StatisticsBlockBox_component__text__Xse6P {
        font-size: 13px;
        line-height: 1.4;
        max-width: 620px;
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (min-width: 431px) and (max-width: 767px) {
    .StatisticsBlock_component___k_lW {
        padding: 60px 0;
        text-align: center;
    }
    
    .StatisticsBlock_component__inner____lFs {
        padding: 0 16px;
        gap: 28px;
        text-align: center;
    }
    
    .StatisticsBlockBox_component__Kf0xj {
        text-align: center;
    }

    .StatisticsBlockBox_component__title__F97id {
        font-size: 42px;
        margin: 0 auto 12px;
        text-align: center;
    }

    .StatisticsBlockBox_component__text__Xse6P {
        font-size: 14px;
        line-height: 1.5;
        max-width: 280px;
        margin: 0 auto;
        text-align: center;
    }
}

/* Responsive Design for Partners Section */
@media only screen and (max-width: 1024px) {
    .PartnersProfitable_component__list__Nn8g7 {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .PartnersProfitable_component__item__Sys5p {
        max-width: 700px;
        width: 100%;
    }
}

/* Partners Section Mobile Breakpoints - CENTERED */
@media only screen and (min-width: 320px) and (max-width: 392px) {
    .PartnersProfitable_component__41ZT0 {
        padding: 32px 0;
        text-align: center;
    }
    
    .PartnersProfitable_component__list__Nn8g7 {
        gap: 16px;
        padding: 0 8px;
    }

    .PartnersProfitable_component__item__Sys5p {
        padding: 16px 12px;
        border-radius: 16px;
        max-width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .PartnersProfitable_component__item__Sys5p img {
        width: 120px !important;
        height: 120px !important;
        border-radius: 8px;
        margin: 0 auto;
        display: block;
    }

    .PartnersProfitable_component__name__K21py {
        font-size: 16px;
        line-height: 1.3;
        margin: 12px auto 8px;
        text-align: center;
    }

    .PartnersProfitable_component__text__Eo5Bi {
        font-size: 12px;
        line-height: 1.4;
        margin: 0 auto 12px;
        text-align: center;
    }
    
    .PartnersProfitable_component__link__LgM_5 {
        padding: 10px 16px;
        font-size: 12px;
        border-radius: 8px;
        min-height: 40px;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        display: flex;
    }
}

@media only screen and (min-width: 393px) and (max-width: 430px) {
    .PartnersProfitable_component__41ZT0 {
        padding: 40px 0;
        text-align: center;
    }
    
    .PartnersProfitable_component__list__Nn8g7 {
        gap: 20px;
        padding: 0 12px;
    }

    .PartnersProfitable_component__item__Sys5p {
        padding: 20px 16px;
        border-radius: 18px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .PartnersProfitable_component__item__Sys5p img {
        width: 140px !important;
        height: 140px !important;
        border-radius: 10px;
        margin: 0 auto;
        display: block;
    }

    .PartnersProfitable_component__name__K21py {
        font-size: 18px;
        margin: 14px auto 10px;
        text-align: center;
    }

    .PartnersProfitable_component__text__Eo5Bi {
        font-size: 13px;
        line-height: 1.5;
        margin: 0 auto 14px;
        text-align: justify;
    }
    
    .PartnersProfitable_component__link__LgM_5 {
        padding: 12px 18px;
        font-size: 13px;
        border-radius: 10px;
        min-height: 44px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 430px) and (max-width: 639px) {
    .container {
        max-width: 660px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media only screen and (min-width: 431px) and (max-width: 767px) {
    .PartnersProfitable_component__41ZT0 {
        padding: 40px 0;
        text-align: center;
    }
    
    .PartnersProfitable_component__list__Nn8g7 {
        gap: 24px;
        padding: 0 16px;
    }

    .PartnersProfitable_component__item__Sys5p {
        padding: 24px 20px;
        border-radius: 20px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .PartnersProfitable_component__item__Sys5p img {
        width: 160px !important;
        height: 160px !important;
        border-radius: 12px;
        margin: 0 auto;
        display: block;
    }

    .PartnersProfitable_component__name__K21py {
        font-size: 20px;
        margin: 16px auto 12px;
        text-align: center;
    }

    .PartnersProfitable_component__text__Eo5Bi {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 auto 16px;
        text-align: center;
    }
    
    .PartnersProfitable_component__link__LgM_5 {
        padding: 14px 24px;
        font-size: 14px;
        border-radius: 12px;
        min-height: 48px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
}

/* Fallback for very small screens */
@media only screen and (max-width: 319px) {
    .PartnersProfitable_component__41ZT0 {
        padding: 24px 0;
    }
    
    .PartnersProfitable_component__list__Nn8g7 {
        gap: 16px;
        padding: 0 8px;
    }

    .PartnersProfitable_component__item__Sys5p {
        padding: 12px 8px;
        border-radius: 12px;
    }
    
    .PartnersProfitable_component__item__Sys5p img {
        width: 100px !important;
        height: 100px !important;
        border-radius: 6px;
    }

    .PartnersProfitable_component__name__K21py {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 6px;
    }

    .PartnersProfitable_component__text__Eo5Bi {
        font-size: 11px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
    
    .PartnersProfitable_component__link__LgM_5 {
        padding: 8px 12px;
        font-size: 11px;
        border-radius: 6px;
        min-height: 36px;
    }
}

/* Support Section Styles */
.LandingStickyTitleCards_component__vENBO {
    padding: 40px 0;
    background-color: #ffffff;
}

.LandingStickyTitleCards_component__container__Gx8XO {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    gap: 80px;
    align-items: flex-start;
}

.LandingStickyTitleCards_component__box__Z3K4S {
    flex: 1;
}

.LandingStickyTitleCards_component__box_sticky__JbT0E {
    position: sticky;
    top: 100px;
}


.LandingStickyTitleCards_component__box_grow__lIJjv {
    flex: 2;
}

.LandingStickyTitleCards_component__title__bBHc5 {
    font-size: 48px;
    font-family: 'Gilroy-semibold';
    line-height: 1.1;
    color: #16181d;
    margin: 0;
    max-width: 400px;
}


/* Support Cards */
.Cards_component__HS2XJ {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    width: 100%;
}


.Cards_component__item__bkunW {
    padding: 36px 28px;
    border-radius: 20px;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
}

.Cards_component__item_four__801lA {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.Cards_component__item__bkunW:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    border-color: #3b82f6;
}

.Cards_component__icon_middle__oLbYm {
    margin-bottom: 24px;
    width: 94px;
    height: 94px;
    flex-shrink: 0;
}

.Cards_component__box__bHZpb {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: center;
}

.Cards_component__title__Ss1pV {
    font-size: 20px;
    font-family: 'Gilroy-semibold';
    color: #1f2937;
    margin: 0;
    line-height: 1.3;
}

.Cards_component__text__nG8x6 {
    font-size: 16px;
    font-family: 'Gilroy-regular';
    color: #6b7280;
    line-height: 1.5;
    margin: 0;
}

/* Responsive Design for Support Section */
@media only screen and (max-width: 1024px) {
    .LandingStickyTitleCards_component__container__Gx8XO {
        flex-direction: column;
        gap: 48px;
    }

    .LandingStickyTitleCards_component__box_sticky__JbT0E {
        position: static;
    }

    .LandingStickyTitleCards_component__title__bBHc5 {
        text-align: center;
        max-width: 100%;
        font-size: 40px;
    }
}

/* Support Section Mobile Breakpoints - CENTERED */
@media only screen and (min-width: 320px) and (max-width: 392px) {
    .LandingStickyTitleCards_component__vENBO {
        padding: 32px 0;
        text-align: center;
    }

    .LandingStickyTitleCards_component__container__Gx8XO {
        gap: 20px;
        padding: 0 8px;
        text-align: center;
    }

    .LandingStickyTitleCards_component__title__bBHc5 {
        font-size: 22px;
        line-height: 1.2;
        margin: 0 auto 16px;
        text-align: center;
    }

    .Cards_component__HS2XJ {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .Cards_component__item__bkunW {
        padding: 16px 12px;
        border-radius: 16px;
        text-align: center;
    }

    .Cards_component__icon_middle__oLbYm {
        width: 60px;
        height: 60px;
        margin: 0 auto 12px;
    }

    .Cards_component__title__Ss1pV {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    .Cards_component__text__nG8x6 {
        font-size: 12px;
        line-height: 1.4;
    }
}

@media only screen and (min-width: 393px) and (max-width: 430px) {
    .LandingStickyTitleCards_component__vENBO {
        padding: 40px 0;
        text-align: center;
    }

    .LandingStickyTitleCards_component__container__Gx8XO {
        gap: 24px;
        padding: 0 12px;
        text-align: center;
    }

    .LandingStickyTitleCards_component__title__bBHc5 {
        font-size: 26px;
        line-height: 1.2;
        margin: 0 auto 20px;
        text-align: center;
    }

    .Cards_component__HS2XJ {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .Cards_component__item__bkunW {
        padding: 18px 16px;
        border-radius: 18px;
    }

    .Cards_component__icon_middle__oLbYm {
        width: 70px;
        height: 70px;
        margin: 0 auto 16px;
    }

    .Cards_component__title__Ss1pV {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 10px;
        text-align: -webkit-center;
    }

    .Cards_component__text__nG8x6 {
        font-size: 13px;
        line-height: 1.4;
        text-align: -webkit-center;
    }
}

@media only screen and (min-width: 431px) and (max-width: 767px) {
    .LandingStickyTitleCards_component__vENBO {
        padding: 40px 0;
        text-align: center;
        justify-self: center;
    }

    .LandingStickyTitleCards_component__container__Gx8XO {
        gap: 28px;
        padding: 0 16px;
        text-align: center;
    }

    .LandingStickyTitleCards_component__title__bBHc5 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 auto;
        text-align: center;
    }

    .Cards_component__HS2XJ {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .Cards_component__item__bkunW {
        padding: 24px 20px;
        border-radius: 20px;
        align-items: anchor-center;
    }

    .Cards_component__icon_middle__oLbYm {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
    }

    .Cards_component__title__Ss1pV {
        font-size: 18px;
        margin-bottom: 12px;
        align-self: anchor-center;
    }

    .Cards_component__text__nG8x6 {
        font-size: 14px;
        line-height: 1.5;
    }
}

/* Fallback for very small screens */
@media only screen and (max-width: 319px) {
    .LandingStickyTitleCards_component__vENBO {
        padding: 24px 0;
    }

    .LandingStickyTitleCards_component__container__Gx8XO {
        gap: 20px;
        padding: 0 8px;
    }

    .LandingStickyTitleCards_component__title__bBHc5 {
        font-size: 20px;
        line-height: 1.25;
    }

    .Cards_component__HS2XJ {
        gap: 12px;
    }

    .Cards_component__item__bkunW {
        padding: 12px 8px;
        border-radius: 12px;
    }

    .Cards_component__icon_middle__oLbYm {
        width: 50px;
        height: 50px;
        margin: 0 auto 8px;
    }

    .Cards_component__title__Ss1pV {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .Cards_component__text__nG8x6 {
        font-size: 11px;
        line-height: 1.3;
    }
}

/* Success Stories Section */
.Title_component__WX4GB {
    position: relative;
    color: #16181d;
    font-family: 'Gilroy-semibold';
    font-size: 48px;
    font-style: normal;
    line-height: 56px;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 80px auto 0;
    max-width: 1144px;
    padding: 0 16px;
}

.Title_component_subtitled__8ZhCS {
    margin-bottom: 16px;
}

.Title_component_noPaddingTop__7zJN3 {
    margin-top: 0;
    padding-top: 80px;
}

.Title_component__subtitle__2fk_h {
    position: relative;
    color: #6B7280;
    font-family: 'Gilroy-regular';
    font-size: 20px;
    font-style: normal;
    line-height: 28px;
    text-align: center;
    max-width: 1144px;
    margin: 0 auto 64px;
    padding: 0 16px;
}

.CustomersCard_component__x4ATv {
    position: relative;
    max-width: 1144px;
    margin: 0 auto;
    padding: 0 16px;
}

.CustomersCard_component_noPadding__QDgH6 {
    padding: 0 16px;
}

.CustomersCardContainer_component__wLukR {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 24px;
    width: 100%;
}

.CustomersCardBox_component__b3NlZ {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.2s ease;
    text-decoration: none;
    color: inherit;
}

.CustomersCardBox_component__b3NlZ:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.CustomersCardBox_component_visible___hsyA {
    opacity: 1;
}

.CustomersCardBox_component__image__BN8lG {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-color: #f3f4f6;
}

.CustomersCardBox_component__image__BN8lG img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.CustomersCardBox_component__top__RDqn5 {
    display: flex;
    gap: 8px;
    padding: 24px 24px 16px;
    margin: 0;
    list-style: none;
}

.CustomersCardBox_component__caption__oPLqt {
    position: relative;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    max-width: fit-content;
    padding: 4px 12px;
    color: #6366f1;
    font-family: 'Gilroy-medium';
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    background-color: #e0e7ff;
    border-radius: 4px;
}

.CustomersCardBox_component__badge__kv2Y9 {
    background-color: #dcfce7;
    color: #16a34a;
}

.CustomersCardBox_component__title__zGCJe {
    position: relative;
    color: #16181d;
    font-family: 'Gilroy-semibold';
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    padding: 0 24px 24px;
    margin: 0;
}

/* Wide Card Styles */
.CustomersCardBoxWide_component__3Vb9T {
    grid-column: span 2;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.2s ease;
    text-decoration: none;
    color: inherit;
}

.CustomersCardBoxWide_component__3Vb9T:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.CustomersCardBoxWide_component_visible__A_UhX {
    opacity: 1;
}

.CustomersCardBoxWide_component__content__fAi1v {
    display: flex;
    height: 100%;
}

.CustomersCardBoxWide_component__image__RwUTv {
    /* flex: 1; */
    position: relative;
    background-color: #f3f4f6;
    overflow: hidden;
}

.CustomersCardBoxWide_component__image__RwUTv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.CustomersCardBoxWide_component__inner__0e1uG {
    /* flex: 1; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
}

.CustomersCardBoxWide_component__top__WMCjs {
    display: flex;
    gap: 8px;
    margin: 0 0 16px 0;
    list-style: none;
    padding: 0;
}

.CustomersCardBoxWide_component__caption__u4zfc {
    position: relative;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    max-width: fit-content;
    padding: 4px 12px;
    color: #6366f1;
    font-family: 'Gilroy-medium';
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    background-color: #e0e7ff;
    border-radius: 4px;
}

.CustomersCardBoxWide_component__title__m29g8 {
    color: #16181d;
    font-family: 'Gilroy-semibold';
    font-size: 27px;
    font-style: normal;
    line-height: 28px;
    margin: 0 0 16px 0;
}

.CustomersCardBoxWide_component__link__ARpWI {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6366f1;
    font-family: 'Gilroy-medium';
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    margin-top: auto;
}

.CustomersCardBoxWide_component__link__ARpWI svg {
    width: 20px;
    height: 20px;
    transition: transform 0.2s ease;
}

.CustomersCardBoxWide_component__3Vb9T:hover .CustomersCardBoxWide_component__link__ARpWI svg {
    transform: translateX(4px);
}

/* Responsive Design for Success Stories */
@media only screen and (max-width: 1024px) {
    .CustomersCardContainer_component__wLukR {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .CustomersCardBoxWide_component__3Vb9T {
        grid-column: span 2;
    }
    
    .Title_component__WX4GB {
        font-size: 40px;
        line-height: 48px;
        margin-top: 30px;
        padding-top: 30px;
    }
    
    .Title_component__subtitle__2fk_h {
        font-size: 18px;
        margin-bottom: 48px;
    }
}

/* Success Stories Mobile Breakpoints - CENTERED */
@media only screen and (min-width: 320px) and (max-width: 392px) {
    .Title_component__WX4GB {
        font-size: 22px;
        line-height: 28px;
        margin: 32px auto 12px;
        padding-top: 0px;
        text-align: center;
    }
    
    .Title_component__subtitle__2fk_h {
        font-size: 13px;
        line-height: 18px;
        margin: 0 auto 24px;
        padding: 0 8px;
        text-align: center;
    }
    
    .CustomersCard_component__x4ATv {
        padding: 0 12px;
    }
    
    .CustomersCardContainer_component__wLukR {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .CustomersCardBoxWide_component__3Vb9T {
        grid-column: span 1;
    }
    
    .CustomersCardBoxWide_component__content__fAi1v {
        flex-direction: column;
    }
    
    .CustomersCardBoxWide_component__image__RwUTv {
        height: 160px;
    }
    
    .CustomersCardBox_component__image__BN8lG {
        height: 140px;
    }
    
    .CustomersCardBox_component__top__RDqn5,
    .CustomersCardBoxWide_component__inner__0e1uG {
        padding: 16px 12px 12px;
        align-self: anchor-center;
        align-items: anchor-center;
    }
    
    .CustomersCardBox_component__title__zGCJe {
        padding: 0 12px 16px;
        font-size: 14px;
        line-height: 18px;
    }
    
    .CustomersCardBoxWide_component__title__m29g8 {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 12px;
    }
    
    .CustomersCardBox_component__caption__oPLqt,
    .CustomersCardBoxWide_component__caption__u4zfc {
        font-size: 10px;
        padding: 3px 8px;
    }
}

@media only screen and (min-width: 393px) and (max-width: 430px) {
    .Title_component__WX4GB {
        font-size: 26px;
        line-height: 32px;
        margin: 20px auto 14px;
        padding-top: 10px;
        text-align: center;
    }
    
    .Title_component__subtitle__2fk_h {
        font-size: 14px;
        line-height: 20px;
        margin: 0 auto 28px;
        padding: 0 12px;
        text-align: center;
    }
    
    .CustomersCard_component__x4ATv {
        padding: 0 16px;
    }
    
    .CustomersCardContainer_component__wLukR {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .CustomersCardBoxWide_component__3Vb9T {
        grid-column: span 1;
    }
    
    .CustomersCardBoxWide_component__content__fAi1v {
        flex-direction: column;
    }
    
    .CustomersCardBoxWide_component__image__RwUTv {
        height: 180px;
    }
    
    .CustomersCardBox_component__image__BN8lG {
        height: 160px;
    }
    
    .CustomersCardBox_component__top__RDqn5,
    .CustomersCardBoxWide_component__inner__0e1uG {
        padding: 18px 16px 14px;
        align-self: anchor-center;
        align-items: anchor-center;
    }
    
    .CustomersCardBox_component__title__zGCJe {
        padding: 0 16px 18px;
        font-size: 15px;
        line-height: 20px;
    }
    
    .CustomersCardBoxWide_component__title__m29g8 {
        font-size: 23px;
        line-height: 22px;
        margin-bottom: 14px;
    }
}

@media only screen and (min-width: 431px) and (max-width: 767px) {
    .Title_component__WX4GB {
        font-size: 32px;
        line-height: 38px;
        margin: 20px auto 16px;
        padding-top: 10px;
        text-align: center;
    }
    
    .Title_component__subtitle__2fk_h {
        font-size: 16px;
        line-height: 22px;
        margin: 0 auto 32px;
        padding: 0 16px;
        text-align: center;
    }
    
    .CustomersCard_component__x4ATv {
        padding: 0 16px;
    }
    
    .CustomersCardContainer_component__wLukR {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .CustomersCardBoxWide_component__3Vb9T {
        grid-column: span 1;
    }
    
    .CustomersCardBoxWide_component__content__fAi1v {
        flex-direction: column;
    }
    
    .CustomersCardBoxWide_component__image__RwUTv {
        height: 200px;
    }
    
    .CustomersCardBox_component__top__RDqn5,
    .CustomersCardBoxWide_component__inner__0e1uG {
        padding: 20px 18px 16px;
        align-self: center;
        align-items: anchor-center;
    }
    
    .CustomersCardBox_component__title__zGCJe {
        padding: 0 18px 20px;
        font-size: 16px;
        line-height: 22px;
        align-self: center;
    }
    
    .CustomersCardBoxWide_component__title__m29g8 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
    }
}

/* Fallback for very small screens */
@media only screen and (max-width: 319px) {
    .Title_component__WX4GB {
        font-size: 20px;
        line-height: 26px;
        margin-top: 24px;
        padding-top: 24px;
        margin-bottom: 10px;
    }
    
    .Title_component__subtitle__2fk_h {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 20px;
        padding: 0 8px;
    }
    
    .CustomersCard_component__x4ATv {
        padding: 0 8px;
    }
    
    .CustomersCardContainer_component__wLukR {
        gap: 10px;
    }
    
    .CustomersCardBox_component__image__BN8lG {
        height: 120px;
    }
    
    .CustomersCardBoxWide_component__image__RwUTv {
        height: 140px;
    }
    
    .CustomersCardBox_component__top__RDqn5,
    .CustomersCardBoxWide_component__inner__0e1uG {
        padding: 12px 8px 8px;
    }
    
    .CustomersCardBox_component__title__zGCJe {
        padding: 0 8px 12px;
        font-size: 13px;
        line-height: 16px;
    }
    
    .CustomersCardBoxWide_component__title__m29g8 {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

/* Industries Section - ALWAYS CENTERED */
.GridCards_component__qrd46 {
    position: relative;
    max-width: 1144px;
    margin: 64px auto 0;
    padding: 0 16px 64px;
}

.GridCards_component__container__C6e_d {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    width: 100%;
}

.Card_component__Jm5o0 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 32px;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    color: #16181d;
    min-height: 220px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    text-align: center;
}

.Card_component__Jm5o0:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    transform: translateY(-8px);
    border-color: #3b82f6;
}

.Card_component_second__Ukxyb {
    background-color: #ffffff;
}

.Card_component_third__i_h9W {
    padding: 32px 20px;
}

.GridCards_component__card__ucl_I {
    position: relative;
}

.Card_component__icon__EPn9l {
    margin: 0 auto 24px;
    flex-shrink: 0;
    display: block;
    width: 86px;
    height: 79px;
}

.Card_component__icon_second__fWlBH {
    color: #6366f1;
}

.Card_component__title__fkEA7 {
    position: relative;
    color: #16181d;
    font-family: 'Gilroy-semibold';
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    text-align: center;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.Card_component__title_second__4M34N {
    color: #16181d;
}

.Card_component__title_third__SiocP {
    font-size: 16px;
    line-height: 22px;
}

.Card_component__icon_arrow__9XwBW {
    font-family: 'Gilroy-regular';
    font-size: 16px;
    color: #3b82f6;
    opacity: 0.7;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.Card_component__Jm5o0:hover .Card_component__icon_arrow__9XwBW {
    opacity: 1;
    transform: translateX(4px);
}

/* Responsive Design for Industries */
@media only screen and (max-width: 1024px) {
    .GridCards_component__container__C6e_d {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

/* Industries Section Mobile Breakpoints */
@media only screen and (min-width: 320px) and (max-width: 392px) {
    .GridCards_component__qrd46 {
        padding: 0 12px 32px;
        margin-top: 32px;
    }
    
    .GridCards_component__container__C6e_d {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .Card_component__Jm5o0 {
        padding: 20px 12px;
        min-height: 120px;
        border-radius: 16px;
    }
    
    .Card_component__icon__EPn9l {
        margin-bottom: 8px;
        width: 28px;
        height: 36px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .Card_component__title__fkEA7 {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        justify-content: center;
    }
    
    .Card_component__icon_arrow__9XwBW {
        font-size: 14px;
        margin-left: 4px;
    }
}

@media only screen and (min-width: 393px) and (max-width: 430px) {
    .GridCards_component__qrd46 {
        padding: 0 16px 40px;
        margin-top: 40px;
    }
    
    .GridCards_component__container__C6e_d {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    
    .Card_component__Jm5o0 {
        padding: 24px 16px;
        min-height: 140px;
        border-radius: 18px;
    }
    
    .Card_component__icon__EPn9l {
        margin-bottom: 12px;
        width: 32px;
        height: 42px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .Card_component__title__fkEA7 {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        justify-content: center;
    }
    
    .Card_component__icon_arrow__9XwBW {
        font-size: 14px;
        margin-left: 6px;
    }
}

@media only screen and (min-width: 431px) and (max-width: 767px) {
    .GridCards_component__qrd46 {
        padding: 0 16px 48px;
        margin-top: 48px;
    }
    
    .GridCards_component__container__C6e_d {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .Card_component__Jm5o0 {
        padding: 28px 20px;
        min-height: 160px;
        border-radius: 20px;
    }
    
    .Card_component__icon__EPn9l {
        margin-bottom: 16px;
        width: 36px;
        height: 48px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .Card_component__title__fkEA7 {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        justify-content: center;
    }
    
    .Card_component__icon_arrow__9XwBW {
        font-size: 15px;
        margin-left: 6px;
    }
}

/* Fallback for very small screens */
@media only screen and (max-width: 319px) {
    .GridCards_component__qrd46 {
        padding: 0 8px 24px;
        margin-top: 24px;
    }
    
    .GridCards_component__container__C6e_d {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .Card_component__Jm5o0 {
        padding: 16px 8px;
        min-height: 100px;
        border-radius: 12px;
    }
    
    .Card_component__icon__EPn9l {
        margin-bottom: 6px;
        width: 24px;
        height: 32px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .Card_component__title__fkEA7 {
        font-size: 11px;
        line-height: 14px;
        text-align: center;
        justify-content: center;
    }
    
    .Card_component__icon_arrow__9XwBW {
        font-size: 12px;
        margin-left: 3px;
    }
}

/* Large screens - grid adjustments */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .GridCards_component__container__C6e_d {
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
    }
    
    .Card_component__Jm5o0 {
        padding: 36px 24px;
        min-height: 180px;
    }
    
    .Card_component__icon__EPn9l {
        width: 66px;
        height: 56px;
        margin-bottom: 18px;
    }
    
    .Card_component__title__fkEA7 {
        font-size: 17px;
        line-height: 22px;
    }
}

/* ========================================
   CONSOLIDATED DARK MODE STYLES
   All dark mode styles are grouped here for better organization
   ======================================== */

/* Hero Section Dark Mode */
.dark .HeroPage_component__XLXHr {
    color: #ffffff;
    background-color: #111827;
}

.dark .Badge_component__6gZef.HeroPage_component__badge__RTyg7 {
    background-color: #1e3a8a !important;
    color: #ffffff;
}

.dark .HeroPage_component__text__WhOV8 {
    color: #e5e7eb;
}

.dark .HeroPage_component__title__0t4TJ {
    color: #ffffff;
}

.dark .Button_component_second__gDKMQ {
    color: #60a5fa;
    border-color: #60a5fa;
}

.dark .Button_component_second__gDKMQ:hover {
    background-color: #60a5fa;
    color: #1f2937;
}

.dark .Button_component__BKUdo:not(.Button_component_second__gDKMQ) {
    background-color: #3b82f6;
    border-color: #3b82f6;
}

.dark .Button_component__BKUdo:not(.Button_component_second__gDKMQ):hover {
    background-color: #2563eb;
    border-color: #2563eb;
}

/* Statistics Section Dark Mode */
.dark .StatisticsBlock_component___k_lW {
    background-color: #111827;
}

.dark .StatisticsBlockBox_component__title__F97id {
    color: #60a5fa;
}

.dark .StatisticsBlockBox_component__text__Xse6P {
    color: #d1d5db;
}

/* Partners Section Dark Mode */
.dark .PartnersProfitable_component__41ZT0 {
    background-color: #111827;
}

.dark .PartnersProfitable_component__item__Sys5p {
    background-color: #1f2937;
    border-color: #374151;
}

.dark .PartnersProfitable_component__item__Sys5p:hover {
    border-color: #60a5fa;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4), 0 20px 25px -5px rgba(0, 0, 0, 0.2);
}

.dark .PartnersProfitable_component__name__K21py {
    color: #f9fafb;
}

.dark .PartnersProfitable_component__text__Eo5Bi {
    color: #d1d5db;
}

.dark .PartnersProfitable_component__link__LgM_5 {
    color: #60a5fa;
    border-color: #60a5fa;
}

.dark .PartnersProfitable_component__link_alt__GwYNV:hover {
    background-color: #60a5fa;
    color: #1f2937;
}

/* Support Section Dark Mode */
.dark .LandingStickyTitleCards_component__vENBO {
    background-color: #111827;
}

.dark .LandingStickyTitleCards_component__title__bBHc5 {
    color: #f9fafb;
}

.dark .Cards_component__item__bkunW {
    background-color: #1f2937;
    border-color: #374151;
}

.dark .Cards_component__item__bkunW:hover {
    border-color: #60a5fa;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4), 0 20px 25px -5px rgba(0, 0, 0, 0.2);
}

.dark .Cards_component__title__Ss1pV {
    color: #f9fafb;
}

.dark .Cards_component__text__nG8x6 {
    color: #d1d5db;
}

/* Success Stories Dark Mode */
.dark .Title_component__WX4GB {
    color: #f9fafb;
}

.dark .Title_component__subtitle__2fk_h {
    color: #9ca3af;
}

.dark .CustomersCardBox_component__b3NlZ {
    background-color: #1f2937;
    border-color: #374151;
}

.dark .CustomersCardBox_component__title__zGCJe {
    color: #f9fafb;
}

.dark .CustomersCardBoxWide_component__3Vb9T {
    background-color: #1f2937;
    border-color: #374151;
}

.dark .CustomersCardBoxWide_component__title__m29g8 {
    color: #f9fafb;
}

.dark .CustomersCardBoxWide_component__link__ARpWI {
    color: #818cf8;
}

.dark .CustomersCardBox_component__caption__oPLqt {
    background-color: #312e81;
    color: #c7d2fe;
}

.dark .CustomersCardBox_component__badge__kv2Y9 {
    background-color: #14532d;
    color: #86efac;
}

.dark .CustomersCardBoxWide_component__caption__u4zfc {
    background-color: #312e81;
    color: #c7d2fe;
}

/* Industries Section Dark Mode */
.dark .Card_component__Jm5o0 {
    background-color: #cfe4ff;
    border-color: #374151;
    color: #f9fafb;
}

.dark .Card_component__Jm5o0:hover {
    border-color: #60a5fa;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4), 0 20px 25px -5px rgba(0, 0, 0, 0.2);
}

.dark .Card_component__title__fkEA7 {
    color: #000000;
}

.dark .Card_component__icon_arrow__9XwBW {
    color: #60a5fa;
}

/* Reviews Section Dark Mode */
.dark .reviews-section {
    background-color: #111827;
}

.dark .reviews-title {
    color: #f9fafb;
}

.dark .reviews-btn {
    background: #374151;
    border-color: #4b5563;
    color: #9ca3af;
}

.dark .reviews-btn:hover {
    background: #60a5fa;
    border-color: #60a5fa;
    color: white;
}

.dark .reviews-btn:disabled,
.dark .reviews-btn.disabled {
    background: #374151;
    border-color: #4b5563;
    color: #6b7280;
}

.dark .review-card {
    background-color: #1f2937;
    border-color: #374151;
}

.dark .review-name {
    color: #f9fafb;
}

.dark .review-job {
    color: #9ca3af;
}

.dark .review-text {
    color: #d1d5db;
}

/* Reviews Section - Simplified and Functional */
.reviews-section {
    position: relative;
    padding: 112px 0 56px;
    overflow: hidden;
}

.reviews-container {
    max-width: 1144px;
    margin: 0 auto;
    padding: 0 16px;
}

.reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
}

.reviews-title {
    color: #16181d;
    font-family: 'Gilroy-semibold';
    font-size: 48px;
    font-style: normal;
    line-height: 110%;
    margin: 0;
    text-align: left;
}

.reviews-controls {
    display: flex;
    gap: 8px;
}

.reviews-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #6b7280;
}

.reviews-btn:hover {
    background: #6366f1;
    border-color: #6366f1;
    color: white;
}

.reviews-btn:disabled,
.reviews-btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.reviews-btn:disabled:hover,
.reviews-btn.disabled:hover {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #6b7280;
}

.reviews-slider {
    overflow: hidden;
    width: 100%;
}

.reviews-track {
    display: flex;
    gap: 24px;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: transform;
}

.review-card {
    min-width: calc(50% - 12px);
    max-width: calc(50% - 12px);
    padding: 32px;
    background-color: #fff;
    border: 1px solid #e0e4eb;
    border-radius: 24px;
    flex-shrink: 0;
}

.review-header {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.review-avatar {
    width: 64px;
    height: 64px;
    margin-right: 16px;
    flex-shrink: 0;
}

.review-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.review-info {
    flex: 1;
}

.review-name {
    color: #16181d;
    font-family: 'Gilroy-medium';
    font-size: 16px;
    line-height: 28px;
    display: block;
    margin-bottom: 0;
}

.review-job {
    color: #6b7280;
    font-family: 'Gilroy-light';
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}

.review-quote {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-text {
    color: #333c4d;
    font-family: 'Gilroy-regular';
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}

/* Reviews Section Mobile Breakpoints - Professional Adaptation */
@media only screen and (min-width: 320px) and (max-width: 392px) {
    .reviews-section {
        padding: 10px 0 10px;
        margin-top: 20px;
    }
    
    .reviews-container {
        padding: 0 8px;
        text-align: center;
    }
    
    .reviews-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 24px;
        gap: 16px;
    }
    
    .reviews-title {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        margin: 0 auto;
        max-width: 280px;
    }
    
    .reviews-controls {
        order: -1;
    }
    
    .reviews-slider {
        padding: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .reviews-slider::-webkit-scrollbar {
        display: none;
    }
    
    .reviews-track {
        width: max-content;
        transition: none;
        gap: 16px;
    }
    
    .review-card {
        min-width: calc(100vw - 32px);
        max-width: calc(100vw - 32px);
        padding: 16px;
        border-radius: 16px;
    }
    
    .review-avatar {
        width: 48px;
        height: 48px;
        margin-right: 10px;
    }
    
    .review-name {
        font-size: 13px;
        line-height: 18px;
    }
    
    .review-job {
        font-size: 10px;
        line-height: 14px;
    }
    
    .review-text {
        font-size: 12px;
        line-height: 20px;
    }
    
    .reviews-btn {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (min-width: 393px) and (max-width: 430px) {
    .reviews-section {
        padding: 10px 0 10px;
        margin-top: 15px;
    }
    
    .reviews-container {
        padding: 0 12px;
        text-align: center;
    }
    
    .reviews-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 28px;
        gap: 18px;
    }
    
    .reviews-title {
        font-size: 26px;
        line-height: 32px;
        text-align: center;
        margin: 0 auto;
        max-width: 320px;
    }
    
    .reviews-controls {
        order: -1;
    }
    
    .reviews-slider {
        padding: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .reviews-slider::-webkit-scrollbar {
        display: none;
    }
    
    .reviews-track {
        width: max-content;
        transition: none;
        gap: 18px;
    }
    
    .review-card {
        min-width: calc(100vw - 40px);
        max-width: calc(100vw - 40px);
        padding: 20px;
        border-radius: 18px;
    }
    
    .review-avatar {
        width: 52px;
        height: 52px;
        margin-right: 12px;
    }
    
    .review-name {
        font-size: 14px;
        line-height: 20px;
    }
    
    .review-job {
        font-size: 11px;
        line-height: 16px;
    }
    
    .review-text {
        font-size: 13px;
        line-height: 22px;
    }
    
    .reviews-btn {
        width: 44px;
        height: 44px;
    }
}

@media only screen and (min-width: 431px) and (max-width: 767px) {
    .reviews-section {
        padding: 30px 0 40px;
        margin-top: 10px;
    }
    
    .reviews-container {
        padding: 0 16px;
        text-align: center;
    }
    
    .reviews-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 36px;
        gap: 20px;
    }
    
    .reviews-title {
        font-size: 32px;
        line-height: 38px;
        text-align: center;
        margin: 0 auto;
    }
    
    .reviews-controls {
        order: -1;
    }
    
    .reviews-slider {
        padding: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .reviews-slider::-webkit-scrollbar {
        display: none;
    }
    
    .reviews-track {
        width: max-content;
        transition: none;
        gap: 20px;
    }
    
    .review-card {
        min-width: calc(100vw - 48px);
        max-width: calc(100vw - 48px);
        padding: 24px;
        border-radius: 20px;
    }
    
    .review-avatar {
        width: 56px;
        height: 56px;
        margin-right: 14px;
    }
    
    .review-name {
        font-size: 15px;
        line-height: 22px;
    }
    
    .review-job {
        font-size: 12px;
        line-height: 18px;
    }
    
    .review-text {
        font-size: 14px;
        line-height: 24px;
    }
    
    .reviews-btn {
        width: 48px;
        height: 48px;
    }
}

/* Desktop and larger tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .reviews-section {
        padding: 40px 0 48px;
    }
    
    .reviews-header {
        margin-bottom: 40px;
    }
    
    .reviews-title {
        font-size: 40px;
        line-height: 48px;
    }
    
    .review-card {
        min-width: calc(50% - 12px);
        max-width: calc(50% - 12px);
        padding: 28px;
    }
    
    .review-avatar {
        width: 60px;
        height: 60px;
    }
    
    .review-name {
        font-size: 16px;
        line-height: 24px;
    }
    
    .review-text {
        font-size: 15px;
        line-height: 26px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .review-card {
        min-width: calc(50% - 12px);
        max-width: calc(50% - 12px);
    }
}

@media only screen and (min-width: 1200px) {
    .review-card {
        min-width: calc(50% - 12px);
        max-width: calc(50% - 12px);
    }
}

/* Fallback for very small screens */
@media only screen and (max-width: 319px) {
    .reviews-section {
        padding: 32px 0 20px;
    }
    
    .reviews-container {
        padding: 0 8px;
    }
    
    .reviews-header {
        margin-bottom: 16px;
        gap: 12px;
    }
    
    .reviews-title {
        font-size: 20px;
        line-height: 26px;
        max-width: 240px;
    }
    
    .reviews-track {
        gap: 12px;
    }
    
    .review-card {
        min-width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
        padding: 12px;
        border-radius: 12px;
    }
    
    .review-avatar {
        width: 40px;
        height: 40px;
        margin-right: 8px;
    }
    
    .review-name {
        font-size: 12px;
        line-height: 16px;
    }
    
    .review-job {
        font-size: 9px;
        line-height: 12px;
    }
    
    .review-text {
        font-size: 11px;
        line-height: 18px;
    }
    
    .reviews-btn {
        width: 36px;
        height: 36px;
    }
}

/* End of consolidated dark mode styles */

/* ========================================
   TOUCH OPTIMIZATION & ACCESSIBILITY ENHANCEMENTS
   Professional mobile UX improvements following Apple Human Interface Guidelines
   ======================================== */

/* Touch Target Optimization - Minimum 44px for iOS */
@media (hover: none) and (pointer: coarse) {
    /* All buttons minimum touch target */
    .Button_component__BKUdo {
        min-height: 44px;
        min-width: 44px;
        padding: 12px 20px;
    }
    
    /* Partner cards touch optimization */
    .PartnersProfitable_component__link__LgM_5 {
        min-height: 44px;
        padding: 12px 20px;
        touch-action: manipulation;
    }
    
    /* Review navigation buttons */
    .reviews-btn {
        min-width: 44px;
        min-height: 44px;
        touch-action: manipulation;
    }
    
    /* Industry cards touch optimization */
    .Card_component__Jm5o0 {
        touch-action: manipulation;
        cursor: pointer;
    }
    
    /* Success story cards */
    .CustomersCardBox_component__b3NlZ,
    .CustomersCardBoxWide_component__3Vb9T {
        touch-action: manipulation;
        cursor: pointer;
    }
}

/* Focus Indicators for Accessibility */
.Button_component__BKUdo:focus-visible,
.PartnersProfitable_component__link__LgM_5:focus-visible,
.reviews-btn:focus-visible,
.Card_component__Jm5o0:focus-visible,
.CustomersCardBox_component__b3NlZ:focus-visible,
.CustomersCardBoxWide_component__3Vb9T:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
    border-radius: inherit;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .Button_component__BKUdo:not(.Button_component_second__gDKMQ) {
        border: 2px solid #000000;
        background-color: #0000ff;
        color: #ffffff;
    }
    
    .Button_component_second__gDKMQ {
        border: 2px solid #0000ff;
        background-color: transparent;
        color: #0000ff;
    }
    
    .Card_component__Jm5o0,
    .PartnersProfitable_component__item__Sys5p,
    .Cards_component__item__bkunW {
        border: 2px solid #000000;
    }
}

/* Reduced Motion for Accessibility */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    .reviews-track {
        transition: none !important;
    }
    
    .Card_component__Jm5o0:hover,
    .PartnersProfitable_component__item__Sys5p:hover,
    .Cards_component__item__bkunW:hover {
        transform: none !important;
    }
}

/* Enhanced Touch Feedback */
@media (hover: none) {
    .Button_component__BKUdo:active {
        transform: scale(0.98);
        transition: transform 0.1s ease;
    }
    
    .Card_component__Jm5o0:active,
    .PartnersProfitable_component__item__Sys5p:active {
        transform: scale(0.99);
        transition: transform 0.1s ease;
    }
    
    .reviews-btn:active {
        transform: scale(0.95);
        transition: transform 0.1s ease;
    }
}

/* Improved Typography for Small Screens */
@media only screen and (max-width: 392px) {
    /* Better line height for readability */
    .HeroPage_component__text__WhOV8,
    .PartnersProfitable_component__text__Eo5Bi,
    .Cards_component__text__nG8x6,
    .review-text {
        line-height: 1.6;
        letter-spacing: 0.01em;
        text-align: justify;
    }
    
    /* Improved heading hierarchy */
    .HeroPage_component__title__0t4TJ,
    .StatisticsBlockBox_component__title__F97id,
    .PartnersProfitable_component__name__K21py {
        letter-spacing: -0.01em;
    }
}

/* Safe Area Insets for iPhone X+ */
@supports (padding: max(0px)) {
    @media only screen and (max-width: 430px) {
        .HeroPage_component__container__JODhR,
        .StatisticsBlock_component__inner____lFs,
        .PartnersProfitable_component__list_alt__Iwpip,
        .LandingStickyTitleCards_component__container__Gx8XO,
        .reviews-container {
            padding-left: max(16px, env(safe-area-inset-left));
            padding-right: max(16px, env(safe-area-inset-right));
        }
        
        .reviews-section,
        .HeroPage_component__XLXHr,
        .StatisticsBlock_component___k_lW,
        .PartnersProfitable_component__41ZT0,
        .LandingStickyTitleCards_component__vENBO {
            padding-bottom: max(24px, env(safe-area-inset-bottom));
        }
    }
}

/* Dark Mode Touch Optimization */
.dark .Button_component__BKUdo:focus-visible,
.dark .PartnersProfitable_component__link__LgM_5:focus-visible,
.dark .Card_component__Jm5o0:focus-visible {
    outline-color: #60a5fa;
}

/* Performance Optimization for Scrolling */
.reviews-slider {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.reviews-track {
    will-change: transform;
    transform: translateZ(0); /* Hardware acceleration */
}

/* Improve tap targets spacing on very small screens */
@media only screen and (max-width: 320px) {
    .HeroPage_component__buttons__eLew4 {
        gap: 16px;
    }
    
    .reviews-controls {
        gap: 12px;
    }
    
    /* Ensure minimum spacing between interactive elements */
    .PartnersProfitable_component__list__Nn8g7 {
        gap: 24px;
    }
    
    .Cards_component__HS2XJ {
        gap: 20px;
    }
}

/* Text Selection Optimization */
.HeroPage_component__text__WhOV8,
.PartnersProfitable_component__text__Eo5Bi,
.review-text {
    -webkit-user-select: text;
    user-select: text;
}

/* Prevent text selection on interactive elements */
.Button_component__BKUdo,
.Card_component__Jm5o0,
.reviews-btn {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/* Optimize images for mobile */
@media only screen and (max-width: 767px) {
    .PartnersProfitable_component__item__Sys5p img,
    .CustomersCardBox_component__image__BN8lG img,
    .Card_component__icon__EPn9l {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* ========================================
   END OF TOUCH OPTIMIZATION & ACCESSIBILITY
   ======================================== */

/* ========================================
   PARTNERSHIP APPLICATION FORM SECTION
   ======================================== */

/* Partnership Application Form Section - Compact Card Design */
.partnership-form-section {
    background: linear-gradient(135deg, #0f1419 0%, #1e2329 100%);
    color: #ffffff;
    font-family: 'Gilroy-regular';
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.partnership-form-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

.partnership-form-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.partnership-form-card {
    background: linear-gradient(135deg, #0f1419 0%, #1e2329 100%);
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.partnership-form-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 40%, rgba(59, 130, 246, 0.05) 0%, transparent 60%);
    pointer-events: none;
}

.partnership-form-header {
    text-align: center;
    margin-bottom: 32px;
    position: relative;
    z-index: 1;
}

.partnership-form-title {
    font-family: 'Gilroy-semibold';
    font-size: 36px;
    line-height: 110%;
    color: #ffffff;
    margin: 0 0 12px 0;
}

.partnership-form-subtitle {
    font-family: 'Gilroy-regular';
    font-size: 18px;
    line-height: 28px;
    color: #a1a1aa;
    margin: 0;
}

.partnership-form-content {
    position: relative;
    z-index: 1;
}

.partnership-form-logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 16px;
    align-items: center;
    justify-items: center;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.partnership-logo {
    height: 28px;
    width: auto;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.partnership-logo:hover {
    opacity: 0.8;
}

.partnership-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-group {
    position: relative;
    display: flex;
    flex-direction: column;
}

.form-input {
    width: 100%;
    padding: 14px 18px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    font-family: 'Gilroy-regular';
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    transition: all 0.2s ease;
    outline: none;
}

.form-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.form-input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    background: rgba(255, 255, 255, 0.08);
}

.form-input.error {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

.form-select {
    appearance: none;
    background-image: none;
    cursor: pointer;
    padding-right: 50px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
}

.form-select option {
    background: #1e2329;
    color: #ffffff;
    padding: 8px 12px;
}

.form-select option:hover,
.form-select option:focus,
.form-select option:checked {
    background: #3b82f6;
    color: #ffffff;
}

.form-select-icon {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.5);
    pointer-events: none;
    font-size: 14px;
}

.form-info {
    position: absolute;
    right: 18px;
    top: 28%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    cursor: help;
    transition: color 0.2s ease;
}

.form-info:hover {
    color: #3b82f6;
}

/* Tooltip styles */
.form-info-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    background: rgba(15, 20, 25, 0.95);
    backdrop-filter: blur(20px);
    color: #ffffff;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-family: 'Gilroy-regular';
    white-space: nowrap;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 1001;
    pointer-events: none;
}

.form-info-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 12px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(15, 20, 25, 0.95);
}

.form-info:hover .form-info-tooltip,
.form-info.tooltip-active .form-info-tooltip {
    opacity: 1;
    visibility: visible;
}

.form-error {
    color: #ef4444;
    font-size: 13px;
    font-family: 'Gilroy-medium';
    margin-top: 6px;
    min-height: 18px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.form-error.show {
    opacity: 1;
}

.phone-input-wrapper {
    display: flex;
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.05);
    transition: all 0.2s ease;
    position: relative;
}

.phone-input-wrapper:focus-within {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    background: rgba(255, 255, 255, 0.08);
}

.phone-country-selector {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 12px 14px 18px;
    background: rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.phone-country-selector:hover {
    background: rgba(255, 255, 255, 0.08);
}

.country-flag {
    width: 24px;
    height: 18px;
    object-fit: cover;
    border-radius: 2px;
}

.country-code {
    font-family: 'Gilroy-medium';
    font-size: 16px;
    color: #ffffff;
}

.phone-country-selector i {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.phone-input {
    border: none;
    border-radius: 0;
    flex: 1;
    background: transparent;
    color: #ffffff;
}

.phone-input:focus {
    border: none;
    box-shadow: none;
    background: transparent;
}

/* Country Dropdown Styles */
.country-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: rgba(15, 20, 25, 0.95);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    max-height: 300px;
    overflow: hidden;
}

.country-search {
    padding: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.country-search input {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    font-family: 'Gilroy-regular';
    font-size: 14px;
    outline: none;
    transition: all 0.2s ease;
}

.country-search input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.country-search input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    background: rgba(255, 255, 255, 0.08);
}

.country-list {
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.country-list::-webkit-scrollbar {
    width: 6px;
}

.country-list::-webkit-scrollbar-track {
    background: transparent;
}

.country-list::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.country-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.country-option:hover,
.country-option:focus {
    background: rgba(255, 255, 255, 0.08);
    outline: none;
}

.country-option.selected {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
}

.country-option .country-flag {
    width: 24px;
    height: 18px;
    object-fit: cover;
    border-radius: 2px;
}

.country-option .country-name {
    flex: 1;
    font-family: 'Gilroy-regular';
    font-size: 14px;
    color: #ffffff;
}

.country-option .country-code {
    font-family: 'Gilroy-medium';
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.consent-group {
    margin-top: 8px;
}

.consent-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    line-height: 1.5;
}

.consent-input {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.consent-checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.05);
    position: relative;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.consent-checkmark::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.consent-input:checked + .consent-checkmark {
    background: #3b82f6;
    border-color: #3b82f6;
}

.consent-input:checked + .consent-checkmark::after {
    opacity: 1;
}

.consent-text {
    font-family: 'Gilroy-regular';
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.8);
}

.partnership-submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    padding: 16px 32px;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-family: 'Gilroy-semibold';
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 16px;
}

.partnership-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
}

.partnership-submit-btn:active {
    transform: translateY(0);
}

.partnership-submit-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

.submit-icon {
    width: 20px;
    height: 20px;
    transition: transform 0.2s ease;
}

.partnership-submit-btn:hover:not(:disabled) .submit-icon {
    transform: translateX(4px);
}

.privacy-notice {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.privacy-notice p {
    font-family: 'Gilroy-regular';
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
    text-align: center;
}

.privacy-link {
    color: #3b82f6;
    text-decoration: none;
    font-family: 'Gilroy-medium';
    transition: color 0.2s ease;
    border-bottom: 1px solid transparent;
}

.privacy-link:hover,
.privacy-link:focus {
    color: #60a5fa;
    border-bottom-color: #60a5fa;
    text-decoration: none;
}

.privacy-link:active {
    color: #93c5fd;
}

/* Responsive Design - Compact Card */

/* Tablet Styles (768px - 1023px) */
@media screen and (max-width: 1023px) {
    .partnership-form-section {
        padding: 50px 0;
    }
    
    .partnership-form-container {
        max-width: 600px;
        padding: 0 16px;
    }
    
    .partnership-form-card {
        padding: 32px;
        border-radius: 20px;
    }
    
    .partnership-form-header {
        margin-bottom: 28px;
    }
    
    .partnership-form-title {
        font-size: 32px;
    }
    
    .partnership-form-subtitle {
        font-size: 16px;
        line-height: 24px;
    }
    
    .partnership-form-logos {
        margin-top: 28px;
        padding-top: 28px;
        gap: 16px 12px;
    }
    
    .partnership-logo {
        height: 24px;
    }
}

/* Mobile Styles (320px - 767px) */
@media screen and (max-width: 767px) {
    .partnership-form-section {
        padding: 40px 0;
    }
    
    .partnership-form-container {
        max-width: none;
        padding: 0 16px;
    }
    
    .partnership-form-card {
        padding: 24px;
        border-radius: 16px;
    }
    
    .partnership-form-header {
        margin-bottom: 24px;
    }
    
    .partnership-form-title {
        font-size: 28px;
        line-height: 115%;
    }
    
    .partnership-form-subtitle {
        font-size: 16px;
        line-height: 24px;
    }
    
    .partnership-form {
        gap: 18px;
    }
    
    .form-input {
        padding: 12px 16px;
        font-size: 16px; /* Prevents zoom on iOS */
    }
    
    .phone-country-selector {
        padding: 12px 12px 12px 16px;
    }
    
    .phone-country-selector i {
        font-size: 10px;
    }
    
    .partnership-submit-btn {
        padding: 14px 24px;
        font-size: 16px;
    }
    
    .privacy-notice {
        margin-top: 18px;
        padding-top: 18px;
    }
    
    .partnership-form-logos {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 12px;
        margin-top: 24px;
        padding-top: 24px;
    }
    
    .partnership-logo {
        height: 22px;
    }
    
    /* Country dropdown mobile styles */
    .country-dropdown {
        max-height: 250px;
    }
    
    .country-search {
        padding: 12px;
    }
    
    .country-search input {
        padding: 10px 12px;
        font-size: 16px; /* Prevents zoom on iOS */
    }
    
    .country-list {
        max-height: 160px;
    }
    
    .country-option {
        padding: 10px 12px;
    }
    
    .country-option .country-name {
        font-size: 15px;
    }
    
    .country-option .country-code {
        font-size: 13px;
    }
}

/* Small Mobile (320px - 392px) */
@media screen and (max-width: 392px) {
    .partnership-form-card {
        padding: 20px;
        border-radius: 12px;
    }
    
    .partnership-form-title {
        font-size: 24px;
    }
    
    .partnership-form-subtitle {
        font-size: 15px;
    }
    
    .partnership-form {
        gap: 16px;
    }
    
    .form-input {
        padding: 11px 14px;
    }
    
    .phone-country-selector {
        padding: 11px 10px 11px 14px;
        gap: 6px;
    }
    
    .partnership-submit-btn {
        padding: 12px 20px;
        font-size: 15px;
    }
    
    .partnership-form-logos {
        grid-template-columns: 1fr 1fr;
        gap: 14px 8px;
        margin-top: 20px;
        padding-top: 20px;
    }
    
    .partnership-logo {
        height: 20px;
    }
    
    .consent-checkbox {
        gap: 10px;
    }
    
    .consent-text {
        font-size: 13px;
    }
    
    .privacy-notice p {
        font-size: 11px;
        line-height: 16px;
    }
}

/* Large Desktop (1440px and above) */
@media screen and (min-width: 1440px) {
    .partnership-form-container {
        max-width: 900px;
    }
    
    .partnership-form-card {
        padding: 48px;
        border-radius: 28px;
    }
    
    .partnership-form-header {
        margin-bottom: 36px;
    }
    
    .partnership-form-title {
        font-size: 40px;
    }
    
    .partnership-form-subtitle {
        font-size: 20px;
        line-height: 32px;
    }
    
    .partnership-form {
        gap: 24px;
    }
    
    .form-input {
        padding: 16px 20px;
    }
    
    .phone-country-selector {
        padding: 16px 16px 16px 20px;
    }
    
    .partnership-submit-btn {
        padding: 18px 36px;
    }
    
    .partnership-form-logos {
        margin-top: 36px;
        padding-top: 36px;
        gap: 24px 20px;
    }
    
    .partnership-logo {
        height: 32px;
    }
}

/* High-resolution displays */
@media screen and (min-resolution: 2dppx) {
    .partnership-logo,
    .country-flag {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    .partnership-form-section::before,
    .partnership-form-card::before,
    .form-input,
    .phone-input-wrapper,
    .consent-checkmark,
    .partnership-submit-btn,
    .submit-icon,
    .country-dropdown,
    .country-option {
        transition: none;
        animation: none;
    }
}

/* Focus improvements for keyboard navigation */
.form-input:focus-visible,
.phone-country-selector:focus-visible,
.partnership-submit-btn:focus-visible,
.consent-checkbox:focus-visible,
.country-option:focus-visible,
.country-search input:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Enhanced touch targets for mobile */
@media (hover: none) and (pointer: coarse) {
    .phone-country-selector,
    .country-option,
    .consent-checkbox {
        min-height: 44px;
    }
    
    .form-input,
    .partnership-submit-btn {
        min-height: 48px;
    }
}

/* ========================================
   END OF PARTNERSHIP FORM SECTION
   ======================================== */