*{box-sizing:border-box;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:inherit;/* font-size: inherit; */}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
.img{width: 100%;}
        .container {
            max-width: 1570px;
            margin: 0 auto;
            padding: 20px;
        }
        .ywp{background: url(../images/header_bg.jpg) no-repeat center;
            background-size: cover;
            padding-top: 30px;
        }
        .indexA .service-num{background-color: rgba(255, 255, 255, 0.3);}

        /* Header Section */
        .header-section {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 60%;
        }

        .header-content {
            flex: 1;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 30px;
        }

        .logo-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #4a90e2, #357abd);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            font-weight: bold;
        }

        .logo-text {
            font-size: 32px;
            font-weight: bold;
            color: #000;
        }

        .logo-text span {
            color: #4a90e2;
        }

        .company-desc {
            color: #000;
            font-size: 16px;
            line-height: 1.8;
            margin-bottom: 40px;
        }

        .features {
            display: flex;
            gap: 5px;
            margin-bottom: 40px;
            flex-wrap: wrap;
        }

        .feature-item {
            background-color: #fff;
            padding: 8px;
            border-radius: 10px;
            width: 125px;
            border-radius: 16px;
        }

        .feature-item h4 {
            font-size: 13px;
            color: #000;
            text-align: center;
            font-weight: normal;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-bottom: 40px;
        }

        .stat-number {
            font-size: 38px;
            font-weight: bold;
            color: #000;
            margin-bottom: 5px;
        }

        .stat-unit {
            font-size: 16px;
            color: #000;
        }

        .stat-label {
            font-size: 18px;
            color: #000;
            margin-top: 5px;
        }

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

        .indexA .service-card {
            padding: 10px 1px;
            transition: transform 0.3s, box-shadow 0.3s;
            border-right: 1px solid #c6c6c6;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .indexA .service-card:last-child{border-right:none;}
        /* .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.08);
        } */

        .service-icon {
        }

        .service-title {
            font-size: 18px;
            font-weight: bold;
            color: #000;
            margin-bottom: 8px;
        }

        .service-desc {
            font-size: 14px;
            color: #000;
            opacity: 0.8;
            line-height: 1.5;
        }

        .header-image {
            flex: 0 0 400px;
        }

        .header-image img {
            width: 100%;
            height: auto;
            object-fit: contain;
        }

        /* ZMETAPORT Section */
        .zmetaport-section {
            background: white;
            border-radius: 20px;
            padding: 74px 20px;
        }

        .section-header {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 30px;
        }

        .section-logo {
            font-size: 36px;
            font-weight: bold;
            color: #000;
        }

        .section-desc {
            color: #000;
            font-size: 16px;
            line-height: 1.8;
            margin-bottom: 40px;
        }

        .action-buttons {
            display: flex;
            gap: 20px;
            margin-bottom: 50px;
            flex-wrap: wrap;
        }

        .btn {
            padding: 12px 30px;
            border-radius: 25px;
            font-size: 16px;
            border: none;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s;
        }

        .btn-primary {
            background: #2A61F1;
            color: white;
        }

        .btn-primary:hover {
            background: #3348F0;
            transform: translateX(5px);
        }

        .btn-secondary {
            background: white;
            color: #000;
            border: 1px solid #ddd;
        }

        .btn-secondary:hover {
            background: #f5f5f5;
        }

        .content-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

        .content-image {
            width: 100%;
            border-radius: 15px;
            overflow: hidden;
        }

        .content-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        .features-list {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .feature-block {
            display: flex;
            gap: 15px;
        }

        .feature-icon {
            flex: 0 0 50px;
            height: 50px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
        }

        .feature-content h3 {
            font-size: 18px;
            color: #000;
            margin-bottom: 10px;
        }

        .feature-content p {
            font-size: 16px;
            color: #000;
            line-height: 1.8;
        }
        /* 贸易保障区域 */
        .indexB .security-section {
            background: linear-gradient(135deg, #0a1f44 0%, #1a3a6e 50%, #0a1f44 100%);
            padding: 80px 20px;
            position: relative;
            overflow: hidden;
        }

        .indexB .security-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: radial-gradient(circle at 20% 50%, rgba(74, 144, 226, 0.1) 0%, transparent 50%),
                              radial-gradient(circle at 80% 50%, rgba(74, 144, 226, 0.1) 0%, transparent 50%);
            pointer-events: none;
        }

        .indexB .container {
            max-width: 1570px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .indexB .section-title {
            text-align: center;
            color: white;
            font-size: 48px;
            font-weight: bold;
            margin-bottom: 30px;
        }

        .indexB .section-desc {
            text-align: center;
            color: rgba(255, 255, 255, 0.85);
            font-size: 16px;
            line-height: 1.8;
            margin-bottom: 60px;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

        .indexB .security-cards {
            display: flex;
            justify-content: space-around;
            gap: 30px;
            flex-wrap: wrap;
        }

        .indexB .security-card {
            background: white;
            border-radius: 12px;
            padding: 20px 50px;
            flex: 1;
            min-width: 280px;
            max-width: 350px;
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .indexB .security-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
        }

        .indexB .security-icon {
            margin: 0 auto 15px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 36px;
        }

        .indexB .security-card h3 {
            font-size: 18px;
            color: #333;
            margin-bottom: 15px;
            font-weight: bold;
        }

        .indexB .security-card p {
            font-size: 14px;
            color: #666;
            line-height: 1.8;
        }

        /* 外贸服务区域 */
        .indexB .service-section {
            padding: 70px 20px;
        }

        .indexB .service-title {
            text-align: center;
            font-size: 42px;
            font-weight: bold;
            color: #333;
            margin-bottom: 50px;
        }

        .indexB .service-tabs {
            display: flex;
            justify-content: center;
            gap: 40px;
            margin-bottom: 50px;
            flex-wrap: wrap;
            padding: 0 20px;
        }

        .indexB .tab-item {
            font-size: 16px;
            color: #666;
            cursor: pointer;
            padding: 10px 5px;
            position: relative;
            transition: color 0.3s;
        }

        .indexB .tab-item:hover {
            color: #2A61F1;
        }

        .indexB .tab-item.active {
            color: #2A61F1;
            font-weight: bold;
        }

        .indexB .tab-item.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: #2A61F1;
        }

        .indexB .service-cards {
            background: white;
            padding: 28px 58px;
            box-shadow: 0px 2px 16px 0px
                rgba(0, 0, 0, 0.2);
            border-radius: 23px;
        }

        .indexB .service-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
        }

        .indexB .service-card {
            flex: 1;
            min-width: 280px;
            max-width: calc(33.333% - 17px);
            border: 1px solid #eee;
            border-radius: 12px;
            padding: 25px;
            display: flex;
            gap: 20px;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .indexB .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        }

        .indexB .service-logo {
            flex: 0 0 70px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .indexB .service-logo img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .indexB .service-info {
            flex: 1;
        }

        .indexB .service-info h4 {
            font-size: 16px;
            color: #333;
            margin-bottom: 8px;
            font-weight: bold;
        }

        .indexB .service-info p {
            font-size: 13px;
            color: #999;
            line-height: 1.6;
            margin-bottom: 10px;
        }

        .indexB .service-stats {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 13px;
            color: #666;
        }

        .indexB .service-stats::before {
            content: '👥';
            font-size: 14px;
        }
        /* 金融服务区域 */
        .indexC .finance-section {
            background-color: #f4f5f9;
            padding: 70px 20px;
        }

        .indexC .container {
            max-width: 1570px;
            margin: 0 auto;
        }

        .indexC .section-title {
            text-align: center;
            font-size: 48px;
            font-weight: bold;
            color: #333;
            margin-bottom: 56px;
        }

        .indexC .service-cards {
            display: flex;
            gap: 25px;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .indexC .service-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            flex: 1;
            min-width: 280px;
            /* max-width: 320px; */
            transition: transform 0.3s, box-shadow 0.3s;
            padding: 0;
        }

        .indexC .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
        }

        .indexC .card-image {
            width: 100%;
            height: 200px;
            overflow: hidden;
            position: relative;
        }

        .indexC .card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }

        .indexC .service-card:hover .card-image img {
            transform: scale(1.1);
        }

        .indexC .card-content {
            padding: 30px 25px;
        }

        .indexC .card-title {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin-bottom: 15px;
        }

        .indexC .card-desc {
            font-size: 14px;
            color: #000;
            line-height: 1.8;
            margin-bottom: 25px;
            min-height: 65px;
        }

        .indexC .card-links {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }

        .indexC .card-link {
            font-size: 14px;
            color: #000;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            transition: color 0.3s;
            position: relative;
            padding: 9px 12px;
            background-color: #f5f5f5;
	        border-radius: 15px 15px 15px 15px;
        }

        .indexC .card-link::after {
            content: '›';
            font-size: 18px;
            font-weight: bold;
            transition: transform 0.3s;
        }

        .indexC .card-link:hover {
            color: #4a90e2;
        }

        .indexC .card-link:hover::after {
            transform: translateX(3px);
        }

        /* 仓储配送区域 */
        .indexD .warehouse-section {
            padding: 60px 20px;
            background: #fff;
        }

        .indexD .container {
            max-width: 1570px;
            margin: 0 auto;
        }

        .indexD .section-title {
            text-align: center;
            font-size: 48px;
            font-weight: bold;
            color: #333;
            margin-bottom: 40px;
        }

        /* 海外仓储区域 */
        .indexD .overseas-warehouse {
            background-color: #f7fafe;
	        border-radius: 19px;
            padding: 50px;
            margin-bottom: 43px;
            display: flex;
            gap: 60px;
            align-items: center;
        }

        .indexD .warehouse-image {
            flex: 1;
            min-width: 400px;
        }

        .indexD .warehouse-image img {
            width: 100%;
            height: auto;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .indexD .warehouse-content {
            flex: 1;
        }

        .indexD .warehouse-content h3 {
            font-size: 32px;
            color: #333;
            margin-bottom: 30px;
            font-weight: bold;
        }

        .indexD .feature-list {
            margin-bottom: 30px;
        }

        .indexD .feature-item {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 0px;
            font-size: 15px;
            color: #666;
            width: 100%;
            background-color: transparent;
        }

        .indexD .feature-item::before {
            content: '';
            width: 8px;
            height: 8px;
            background: #2A61F1;
            border-radius: 50%;
            flex-shrink: 0;
        }

        .indexD .btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #2A61F1;
            color: white;
            padding: 12px 30px;
            border-radius: 25px;
            text-decoration: none;
            font-size: 15px;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
            margin-bottom: 35px;
        }

        .indexD .btn-primary:hover {
            background: #3348F0;
            transform: translateX(5px);
        }

        .indexD .btn-primary::after {
            content: '›';
            font-size: 20px;
            font-weight: bold;
        }

        .indexD .stats {
            display: flex;
            gap: 40px;
        }

        .indexD .stat-item {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .indexD .stat-icon {
            width: 40px;
            height: 40px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        .indexD .stat-info {
            display: flex;
            flex-direction: column;
        }

        .indexD .stat-number {
            font-size: 22px;
            font-weight: bold;
            color: #000;
        }

        .indexD .stat-number span {
            font-size: 16px;
            font-weight: normal;
            color: #414141;
            margin-left: 3px;
        }

        .indexD .stat-label {
            font-size: 14px;
            color: #414141;
        }

        /* 共享云仓区域 */
        .indexD .shared-warehouse {
            background-color: #f7fafe;
	        border-radius: 19px;
            padding: 50px;
            display: flex;
            gap: 60px;
            align-items: center;
            flex-direction: row-reverse;
        }

        .indexD .shared-image {
            flex: 1;
            /* min-width: 450px; */
        }

        .indexD .shared-image img {
            width: 100%;
            height: auto;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .indexD .shared-content {
            min-width: 50%;
            /* flex: 1; */
        }

        .indexD .shared-content h3 {
            font-size: 32px;
            color: #333;
            margin-bottom: 30px;
            font-weight: bold;
        }

        /* 跨境生态布局区域 */
        .indexE .ecosystem-section {
            padding: 0px 20px;
            background: #fff;
        }

        .indexE .container {
            max-width: 1570px;
            margin: 0 auto;
        }

        .indexE .section-header {
            text-align: center;
            margin-bottom: 50px;
            display: block;
        }

        .indexE .section-title {
            font-size: 42px;
            font-weight: bold;
            color: #333;
            margin-bottom: 30px;
        }

        .indexE .tab-buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }

        .indexE .tab-btn {
            padding: 12px 35px;
            border-radius: 25px;
            font-size: 15px;
            border: none;
            cursor: pointer;
            transition: all 0.3s;
            background: #e0e0e0;
            color: #666;
        }

        .indexE .tab-btn.active {
            background: #2A61F1;
            color: white;
        }

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

        /* 内容区域 */
        .indexE .content-wrapper {
            background: url(../images/bj_bg.jpg) no-repeat center;
            background-size: cover;
            border-radius: 20px;
            padding: 60px;
            display: flex;
            gap: 60px;
            align-items: center;
            position: relative;
            overflow: hidden;
        }

        .indexE .content-left {
            flex: 1;
            z-index: 2;
        }

        .indexE .content-title {
            font-size: 32px;
            font-weight: bold;
            color: #333;
            margin-bottom: 25px;
        }

        .indexE .content-subtitle {
            font-size: 15px;
            color: #666;
            line-height: 1.8;
            margin-bottom: 35px;
        }

        .indexE .feature-list {
            margin-bottom: 40px;
        }

        .indexE .feature-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            font-size: 15px;
            color: #555;
            width: 100%;
            background-color: transparent;
        }

        .indexE .feature-icon2 {
            width: 20px;
            height: 20px;
            background: #2A61F1;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .indexE .feature-icon2::after {
            content: '✓';
            color: white;
            font-size: 14px;
            font-weight: bold;
        }

        .indexE .btn-enter {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #2A61F1;
            color: white;
            padding: 14px 35px;
            border-radius: 25px;
            text-decoration: none;
            font-size: 15px;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
        }

        .indexE .btn-enter:hover {
            background: #3348F0;
            transform: translateX(5px);
        }

        .indexE .btn-enter::after {
            content: '›';
            font-size: 20px;
            font-weight: bold;
        }

        .indexE .content-right {
            flex: 1;
            position: relative;
            z-index: 2;
        }

        .indexE .globe-image {
            width: 100%;
            height: auto;
        }

        .indexE .globe-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* 轮播指示器 */
        .indexE .carousel-indicators {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 40px;
        }

        .indexE .indicator {
            width: 40px;
            height: 4px;
            background: #ddd;
            border-radius: 2px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .indexE .indicator.active {
            background: #2A61F1;
            width: 60px;
        }

        /* 响应式设计 */
        @media (max-width: 1024px) {
            .indexE .content-wrapper {
                flex-direction: column;
                padding: 50px 40px;
                gap: 40px;
            }

            .indexE .content-right {
                max-width: 600px;
            }
        }

        @media (max-width: 768px) {
            .indexE .ecosystem-section {
                padding: 20px 20px;
            }

            .indexE .section-title {
                font-size: 32px;
                margin-bottom: 25px;
            }

            .indexE .tab-buttons {
                gap: 10px;
            }

            .indexE .tab-btn {
                padding: 10px 25px;
                font-size: 14px;
            }

            .indexE .content-wrapper {
                padding: 35px 25px;
                border-radius: 15px;
            }

            .indexE .content-title {
                font-size: 26px;
                margin-bottom: 20px;
            }

            .indexE .content-subtitle {
                font-size: 14px;
                margin-bottom: 30px;
            }

            .indexE .feature-item {
                font-size: 14px;
                margin-bottom: 16px;
            }
        }

        @media (max-width: 480px) {
            .indexE .section-title {
                font-size: 28px;
            }

            .indexE .tab-btn {
                padding: 8px 20px;
                font-size: 13px;
            }

            .indexE .content-wrapper {
                padding: 30px 20px;
            }

            .indexE .content-title {
                font-size: 24px;
            }

            .indexE .btn-enter {
                width: 100%;
                justify-content: center;
            }

            .indexE .carousel-indicators {
                margin-top: 30px;
            }
        }

        /* 响应式设计 */
        @media (max-width: 1024px) {
            .indexD .overseas-warehouse,
            .indexD .shared-warehouse {
                flex-direction: column;
                padding: 40px;
                gap: 40px;
            }

            .indexD .warehouse-image,
            .indexD .shared-image {
                min-width: 100%;
            }

            .indexD .stats {
                flex-wrap: wrap;
                gap: 25px;
            }
        }

        @media (max-width: 768px) {
            .indexD .warehouse-section {
                padding: 60px 20px;
            }

            .indexD .section-title {
                font-size: 32px;
                margin-bottom: 40px;
            }

            .indexD .overseas-warehouse,
            .indexD .shared-warehouse {
                padding: 30px 25px;
                border-radius: 15px;
            }

            .indexD .warehouse-content h3,
            .indexD .shared-content h3 {
                font-size: 26px;
                margin-bottom: 25px;
            }

            .indexD .feature-item {
                font-size: 14px;
                margin-bottom: 15px;
            }

            .indexD .stats {
                gap: 20px;
            }

            .indexD .stat-item {
                flex: 1;
                min-width: calc(50% - 10px);
            }
        }

        @media (max-width: 480px) {
            .indexD .section-title {
                font-size: 28px;
            }

            .indexD .warehouse-content h3,
            .indexD .shared-content h3 {
                font-size: 24px;
            }

            .indexD .stats {
                flex-direction: column;
                gap: 15px;
            }

            .indexD .stat-item {
                min-width: 100%;
            }

            .indexD .btn-primary {
                width: 100%;
                justify-content: center;
            }
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .indexC .service-card {
                max-width: calc(50% - 13px);
                min-width: 260px;
            }
        }

        @media (max-width: 768px) {
            .indexC .finance-section {
                padding: 60px 20px;
            }

            .indexC .section-title {
                font-size: 32px;
                margin-bottom: 40px;
            }

            .indexC .service-cards {
                gap: 20px;
            }

            .indexC .service-card {
                max-width: 100%;
            }

            .indexC .card-content {
                padding: 25px 20px;
            }

            .indexC .card-desc {
                min-height: auto;
            }
        }

        @media (max-width: 480px) {
            .indexC .section-title {
                font-size: 28px;
            }

            .indexC .card-image {
                height: 180px;
            }

            .indexC .card-links {
                flex-direction: column;
                gap: 12px;
            }
        }

        /* 响应式设计 */
        @media (max-width: 1024px) {
            .indexB .service-card {
                max-width: calc(50% - 13px);
            }
        }

        @media (max-width: 768px) {
            .indexB .security-section,
            .indexB .service-section {
                padding: 60px 20px;
            }

            .indexB .section-title,
            .indexB .service-title {
                font-size: 32px;
            }

            .indexB .security-cards {
                flex-direction: column;
                align-items: center;
            }

            .indexB .security-card {
                max-width: 100%;
            }

            .indexB .service-tabs {
                gap: 20px;
                overflow-x: auto;
                justify-content: flex-start;
                -webkit-overflow-scrolling: touch;
            }

            .indexB .tab-item {
                white-space: nowrap;
                font-size: 14px;
            }

            .indexB .service-cards {
                padding: 30px 20px;
            }

            .indexB .service-card {
                max-width: 100%;
                flex-direction: column;
                text-align: center;
            }

            .indexB .service-logo {
                margin: 0 auto;
            }
        }

        @media (max-width: 480px) {
            .indexB .section-title,
            .indexB .service-title {
                font-size: 28px;
            }

            .indexB .security-card {
                padding: 40px 25px;
            }

            .indexB .service-grid {
                gap: 15px;
            }
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .header-section {
                flex-direction: column;
            }

            .header-image {
                flex: 0 0 300px;
            }

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

            .content-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 768px) {
            .container {
                padding: 0;
            }
            .header-section{width: 100%;}
            .header-section,
            .zmetaport-section {
                padding: 40px 25px;
            }
            .service-card{padding: 20px;}
            .logo-text {
                font-size: 24px;
            }

            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }

            .stat-number {
                font-size: 32px;
            }

            .action-buttons {
                flex-direction: column;
            }

            .btn {
                width: 100%;
                justify-content: center;
            }
        }

        @media (max-width: 480px) {
            .stats-grid{margin-bottom: 0;}
            .header-section{margin-bottom: 0;}
            .feature-item{width: 95px;}
        }