{"id":239,"date":"2024-04-24T17:28:18","date_gmt":"2024-04-24T09:28:18","guid":{"rendered":"https:\/\/tiiocti.com\/?page_id=239"},"modified":"2026-01-05T17:10:22","modified_gmt":"2026-01-05T09:10:22","slug":"about-us","status":"publish","type":"page","link":"https:\/\/tiiocti.com\/fr\/about-us\/","title":{"rendered":"A propos de"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-about-hero\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"AboutPage\",\n      \"name\": \"BSCI Audited Bag Manufacturer | TIIOCTI\",\n      \"description\": \"Established in 2008, TIIOCTI is a BSCI-audited manufacturer specializing in heavy-duty moving bags, retail totes, and insulated cooler bags with global DDP logistics.\",\n      \"url\": \"https:\/\/tiiocti.com\/about-us\/\",\n      \"primaryImageOfPage\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/tiiocti-factory-22.png\",\n        \"caption\": \"TIIOCTI Factory Floor\"\n      },\n      \"mainEntity\": {\n        \"@type\": \"Organization\",\n        \"@id\": \"https:\/\/tiiocti.com\/#organization\",\n        \"name\": \"TIIOCTI\",\n        \"alternateName\": \"TIIOCTI Packaging\",\n        \"url\": \"https:\/\/tiiocti.com\/\",\n        \"logo\": \"https:\/\/tiiocti.com\/wp-content\/uploads\/2024\/04\/cropped-cropped-logo-yuncaili-.png\",\n        \"foundingDate\": \"2008\",\n        \"founder\": {\n          \"@type\": \"Person\",\n          \"name\": \"Nick\"\n        },\n        \"numberOfEmployees\": {\n          \"@type\": \"QuantitativeValue\",\n          \"value\": \"500+\"\n        },\n        \"address\": {\n          \"@type\": \"PostalAddress\",\n          \"streetAddress\": \"Building 7, Zone A, Shoe Industry\",\n          \"addressLocality\": \"Wenzhou\",\n          \"addressRegion\": \"Zhejiang\",\n          \"postalCode\": \"325400\",\n          \"addressCountry\": \"CN\"\n        },\n        \"contactPoint\": {\n          \"@type\": \"ContactPoint\",\n          \"telephone\": \"+86-0577-63665066\",\n          \"contactType\": \"sales\",\n          \"email\": \"info@tiiocti.com\",\n          \"areaServed\": \"Global\",\n          \"availableLanguage\": [\n            \"English\", \n            \"Arabic\", \n            \"Dutch\", \n            \"French\", \n            \"German\", \n            \"Italian\", \n            \"Japanese\"\n          ]\n        },\n        \"sameAs\": [\n          \"https:\/\/www.instagram.com\/tiiocti\/\",\n          \"https:\/\/www.facebook.com\/people\/Tiiocti\/61573943170862\/\",\n          \"https:\/\/www.linkedin.com\/in\/tiiocti-nick\"\n        ],\n        \"hasCredential\": [\n          {\n            \"@type\": \"EducationalOccupationalCredential\",\n            \"name\": \"BSCI Audit (Grade A)\",\n            \"credentialCategory\": \"Social Compliance\"\n          },\n          {\n            \"@type\": \"EducationalOccupationalCredential\",\n            \"name\": \"ISO 9001:2015\",\n            \"credentialCategory\": \"Quality Management\"\n          },\n          {\n            \"@type\": \"EducationalOccupationalCredential\",\n            \"name\": \"GRS 4.0 (Global Recycled Standard)\",\n            \"credentialCategory\": \"Sustainability\"\n          }\n        ]\n      }\n    }\n    <\/script>\n\n    <div class=\"hero-bg-wrapper\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-8.jpg\" alt=\"TIIOCTI Factory Production Line\" class=\"bg-image\">\n        <div class=\"hero-overlay\"><\/div>\n    <\/div>\n\n    <div class=\"hero-content\">\n        <div class=\"hero-inner\">\n            <span class=\"hero-badge\">Est. 2008 \u2022 Wenzhou, China<\/span>\n            <h1>BSCI Audited Bag Manufacturer &#038; Direct Factory in China<\/h1>\n            <p class=\"hero-sub\">\n                We bridge the gap between complex manufacturing and seamless supply chains. \n                <strong>15 Years. 5 Million Bags Monthly. One Trusted Partner.<\/strong>\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"scroll-indicator\">\n        <span>Scroll to Explore<\/span>\n        <div class=\"arrow-down\"><\/div>\n    <\/div>\n<\/section>\n\n<style>\n    #tiio-about-hero {\n        position: relative;\n        width: 100%;\n        height: 85vh;\n        min-height: 600px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        font-family: 'Roboto', sans-serif;\n    }\n\n    .hero-bg-wrapper {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 0;\n    }\n\n    .bg-image {\n        width: 100%; \n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n    }\n\n    .hero-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(\n            180deg, \n            rgba(0, 30, 60, 0.5) 0%, \n            rgba(0, 30, 60, 0.8) 100%\n        );\n        z-index: 1;\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        width: 100%;\n        max-width: 1200px;\n        padding: 0 30px;\n        text-align: center;\n    }\n\n    .hero-badge {\n        display: inline-block;\n        font-family: 'Open Sans', sans-serif;\n        font-size: 13px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #D4AF37;\n        border: 1px solid rgba(212, 175, 55, 0.5);\n        background: rgba(0, 0, 0, 0.3);\n        padding: 8px 20px;\n        border-radius: 50px;\n        margin-bottom: 30px;\n        backdrop-filter: blur(5px);\n        animation: fadeInDown 1s ease-out;\n    }\n\n    #tiio-about-hero h1 {\n        font-family: 'Open Sans', sans-serif;\n        font-size: clamp(40px, 5vw, 68px);\n        font-weight: 800;\n        line-height: 1.1;\n        margin: 0 0 25px 0;\n        color: #ffffff !important;\n        text-shadow: 0 10px 30px rgba(0,0,0,0.6);\n        animation: fadeInUp 1s ease-out 0.2s both;\n    }\n\n    .hero-sub {\n        font-size: 20px;\n        line-height: 1.6;\n        color: rgba(255, 255, 255, 0.95);\n        max-width: 800px;\n        margin: 0 auto;\n        font-weight: 300;\n        animation: fadeInUp 1s ease-out 0.4s both;\n    }\n    .hero-sub strong {\n        color: #ffffff;\n        font-weight: 700;\n        display: block;\n        margin-top: 10px;\n        font-size: 22px;\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 40px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 2;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 10px;\n        opacity: 0.8;\n        color: #fff;\n        animation: bounce 2s infinite;\n    }\n    \n    .scroll-indicator span {\n        font-size: 11px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .arrow-down {\n        width: 12px;\n        height: 12px;\n        border-right: 2px solid #fff;\n        border-bottom: 2px solid #fff;\n        transform: rotate(45deg);\n    }\n\n    @keyframes fadeInUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    @keyframes fadeInDown {\n        from { opacity: 0; transform: translateY(-20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% {transform: translateX(-50%) translateY(0);}\n        40% {transform: translateX(-50%) translateY(-10px);}\n        60% {transform: translateX(-50%) translateY(-5px);}\n    }\n\n    @media (max-width: 767px) {\n        #tiio-about-hero { height: 100vh; }\n        .hero-sub strong { font-size: 18px; margin-top: 5px; }\n        #tiio-about-hero h1 { font-size: 36px; }\n    }\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_1 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-founder-story-v2\">\n    <div class=\"story-container\">\n        <div class=\"story-grid\">\n            <div class=\"story-img-col\">\n                <div class=\"img-frame-layered\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/IMG_9144_2-1-scaled.jpg\" alt=\"Nick, Founder of TIIOCTI\" class=\"founder-img-premium\">\n                <\/div>\n            <\/div>\n\n            <div class=\"story-text-col\">\n                <span class=\"story-eyebrow\">A Message from Our Founder<\/span>\n                <h2>Profitability Starts With <br>A Predictable Supply Chain<\/h2>\n                \n                <div class=\"story-content\">\n                    <p>For global retailers, the biggest risk isn&#8217;t just manufacturing defects\u2014it&#8217;s the uncertainty of landed costs and delivery timelines. Your business needs more than a bag supplier; you need a guarantee.<\/p>\n                    \n                    <p>At TIIOCTI, we redesigned the sourcing model to put <strong>your margins first<\/strong>. By combining our BSCI-audited factory with a direct DDP logistics network, we eliminate the hidden tariffs and customs delays that eat into your profits.<\/p>\n                    \n                    <p>You get factory-direct pricing with the simplicity of local procurement. No surprises, no excuses\u2014just high-quality packaging delivered to your door, ready for sale.<\/p>\n                <\/div>\n\n                <div class=\"founder-sig\">\n                    <strong>Nick<\/strong>\n                    <span>Founder, TIIOCTI Group<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    #tiio-founder-story-v2 {\n        background-color: #ffffff;\n        padding: 120px 0;\n        font-family: 'Roboto', sans-serif;\n        overflow: hidden;\n    }\n\n    .story-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 30px;\n    }\n\n    .story-grid {\n        display: grid;\n        grid-template-columns: 0.9fr 1.1fr;\n        gap: 100px;\n        align-items: center;\n    }\n\n    .story-img-col {\n        position: relative;\n        padding-bottom: 40px;\n        padding-right: 40px;\n    }\n\n    .img-frame-layered {\n        position: relative;\n        z-index: 10;\n    }\n\n    .founder-img-premium {\n        position: relative;\n        z-index: 3;\n        width: 100%;\n        height: auto;\n        aspect-ratio: 3\/4;\n        object-fit: cover;\n        object-position: top center;\n        border-radius: 8px;\n        box-shadow: 0 30px 60px -15px rgba(0, 60, 113, 0.4);\n        transition: transform 0.4s ease;\n    }\n\n    .img-frame-layered::after {\n        content: '';\n        position: absolute;\n        z-index: 2;\n        top: 20px;\n        left: 20px;\n        width: 100%;\n        height: 100%;\n        background-color: #D4AF37;\n        border-radius: 8px;\n        transition: transform 0.4s ease;\n    }\n\n    .img-frame-layered::before {\n        content: '';\n        position: absolute;\n        z-index: 1;\n        top: 40px;\n        left: 40px;\n        width: 100%;\n        height: 100%;\n        background-color: #003C71;\n        border-radius: 8px;\n        opacity: 0.15;\n        transition: transform 0.4s ease;\n    }\n\n    .story-img-col:hover .founder-img-premium {\n        transform: translate(-5px, -5px);\n    }\n    .story-img-col:hover .img-frame-layered::after {\n        transform: translate(5px, 5px);\n    }\n    .story-img-col:hover .img-frame-layered::before {\n        transform: translate(10px, 10px);\n    }\n\n    .story-text-col {\n        padding-right: 20px;\n    }\n\n    .story-eyebrow {\n        font-size: 14px;\n        font-weight: 700;\n        color: #D4AF37;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 20px;\n        display: block;\n        font-family: 'Open Sans', sans-serif;\n    }\n\n    #tiio-founder-story-v2 h2 {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 42px;\n        color: #003C71;\n        font-weight: 800;\n        margin: 0 0 35px 0;\n        line-height: 1.15;\n    }\n\n    .story-content p {\n        font-size: 17px;\n        color: #4a5568;\n        line-height: 1.8;\n        margin-bottom: 25px;\n    }\n\n    .story-content strong {\n        color: #003C71;\n        font-weight: 700;\n    }\n\n    .founder-sig {\n        margin-top: 50px;\n        padding-left: 25px;\n        border-left: 5px solid #D4AF37;\n    }\n\n    .founder-sig strong {\n        display: block;\n        font-family: 'Cursive', serif;\n        font-size: 28px;\n        color: #003C71;\n        margin-bottom: 8px;\n    }\n\n    .founder-sig span {\n        font-size: 14px;\n        color: #888;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        font-weight: 700;\n    }\n\n    @media (max-width: 980px) {\n        #tiio-founder-story-v2 { padding: 80px 0; }\n        .story-grid { grid-template-columns: 1fr; gap: 70px; }\n        .story-img-col { padding: 0 0 40px 40px; max-width: 500px; margin: 0 auto; }\n        .img-frame-layered::after { top: 15px; left: 15px; }\n        .img-frame-layered::before { top: 30px; left: 30px; }\n        #tiio-founder-story-v2 h2 { font-size: 34px; }\n    }\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_2 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-timeline-v2\">\n    <div class=\"tl-container\">\n        <div class=\"tl-header\">\n            <span class=\"tl-eyebrow\">The Path We Traveled<\/span>\n            <h2>15 Years of &#8220;Hard&#8221; Manufacturing<\/h2>\n            <p>We don&#8217;t believe in overnight success. We believe in getting the details right, order after order, year after year.<\/p>\n        <\/div>\n\n        <div class=\"timeline-wrapper\">\n            <div class=\"timeline-line\"><\/div>\n\n            <div class=\"tl-item\">\n                <div class=\"tl-marker\"><\/div>\n                <div class=\"tl-content-box\">\n                    <span class=\"watermark-year\">08<\/span>\n                    <div class=\"tl-text\">\n                        <h3>Two Lines, One Focus.<\/h3>\n                        <span class=\"real-date\">2008 \u2022 Wenzhou Base<\/span>\n                        <p>We didn&#8217;t start big. We started precise. With just 12,000 sq. ft. and two PP woven production lines, we focused on a single mission: making heavy-duty bags that wouldn&#8217;t burst under pressure. No trading, just pure manufacturing.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"tl-item right\">\n                <div class=\"tl-marker\"><\/div>\n                <div class=\"tl-content-box\">\n                    <span class=\"watermark-year\">12<\/span>\n                    <div class=\"tl-text\">\n                        <h3>Breaking the EU Standard.<\/h3>\n                        <span class=\"real-date\">2012 \u2022 First Export<\/span>\n                        <p>While others competed on price, we competed on durability. Securing our first contract with a major German retailer wasn&#8217;t luck; it was passing a 50kg load test that 90% of local factories failed.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"tl-item\">\n                <div class=\"tl-marker\"><\/div>\n                <div class=\"tl-content-box\">\n                    <span class=\"watermark-year\">16<\/span>\n                    <div class=\"tl-text\">\n                        <h3>The &#8220;Compliance&#8221; Shift.<\/h3>\n                        <span class=\"real-date\">2016 \u2022 BSCI Audit<\/span>\n                        <p>We realized that to serve Tier-1 US retailers, quality wasn&#8217;t enough; ethics mattered. We overhauled our dorms, wages, and safety protocols, achieving our first BSCI Grade B. We stopped being just a workshop and became a global partner.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"tl-item right\">\n                <div class=\"tl-marker\"><\/div>\n                <div class=\"tl-content-box\">\n                    <span class=\"watermark-year\">20<\/span>\n                    <div class=\"tl-text\">\n                        <h3>When the World Stopped.<\/h3>\n                        <span class=\"real-date\">2020 \u2022 DDP Logistics<\/span>\n                        <p>During the global shipping crisis, our clients were stuck at ports. We took a risk and chartered our own logistics channels. The result? The &#8220;Door-to-Door&#8221; DDP service was born, solving the customs headache forever.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"tl-item\">\n                <div class=\"tl-marker\"><\/div>\n                <div class=\"tl-content-box\">\n                    <span class=\"watermark-year\">NOW<\/span>\n                    <div class=\"tl-text\">\n                        <h3>The Plastic Revolution.<\/h3>\n                        <span class=\"real-date\">Present \u2022 GRS 4.0<\/span>\n                        <p>The future isn&#8217;t just woven; it&#8217;s recycled. We are now converting 40% of our production to GRS-certified rPET materials. We aren&#8217;t just making bags anymore; we are helping brands hit their Net-Zero targets.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* --- SECTION 3 STYLES --- *\/\n    #tiio-timeline-v2 {\n        background-color: #F2F0EB; \/* \u4f60\u7684\u6307\u5b9a\u80cc\u666f\u8272 *\/\n        padding: 120px 0;\n        font-family: 'Roboto', sans-serif;\n        overflow: hidden;\n    }\n\n    .tl-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 0 30px;\n    }\n\n    \/* HEADER *\/\n    .tl-header {\n        text-align: center;\n        max-width: 700px;\n        margin: 0 auto 100px auto;\n    }\n\n    .tl-eyebrow {\n        font-size: 13px;\n        font-weight: 800;\n        color: #D4AF37;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        display: block;\n        margin-bottom: 20px;\n        font-family: 'Open Sans', sans-serif;\n    }\n\n    .tl-header h2 {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 42px;\n        color: #003C71;\n        font-weight: 800;\n        margin: 0 0 25px 0;\n        line-height: 1.1;\n    }\n\n    .tl-header p {\n        font-size: 18px;\n        color: #5d6776;\n        line-height: 1.6;\n        font-weight: 300;\n    }\n\n    \/* TIMELINE STRUCTURE *\/\n    .timeline-wrapper {\n        position: relative;\n        padding: 20px 0;\n    }\n\n    .timeline-line {\n        position: absolute;\n        left: 50%;\n        top: 0;\n        bottom: 0;\n        width: 1px;\n        background: rgba(0, 60, 113, 0.2); \/* \u7ec6\u7ebf\uff0c\u66f4\u7cbe\u81f4 *\/\n        transform: translateX(-50%);\n    }\n\n    .tl-item {\n        position: relative;\n        width: 50%;\n        padding-right: 80px; \/* \u589e\u52a0\u7559\u767d *\/\n        margin-bottom: 0px; \/* \u8ba9\u9ad8\u5ea6\u81ea\u7136\u6491\u5f00\uff0c\u4e0d\u9700\u8981\u989d\u5916 margin *\/\n        min-height: 250px;\n    }\n\n    .tl-item.right {\n        margin-left: 50%;\n        padding-right: 0;\n        padding-left: 80px;\n    }\n\n    \/* THE MARKER (DOT) *\/\n    .tl-marker {\n        position: absolute;\n        right: -6px;\n        top: 45px; \/* \u5bf9\u9f50\u6570\u5b57\u9876\u90e8 *\/\n        width: 12px;\n        height: 12px;\n        background-color: #F2F0EB; \/* \u4e0e\u80cc\u666f\u540c\u8272 *\/\n        border: 2px solid #D4AF37;\n        border-radius: 50%;\n        z-index: 2;\n        transition: 0.3s;\n    }\n\n    .tl-item.right .tl-marker {\n        right: auto;\n        left: -6px;\n    }\n\n    .tl-item:hover .tl-marker {\n        background-color: #D4AF37;\n        transform: scale(1.3);\n    }\n\n    \/* CONTENT BOX & WATERMARK *\/\n    .tl-content-box {\n        position: relative;\n    }\n\n    \/* Watermark Year - The Key to High-End Look *\/\n    .watermark-year {\n        position: absolute;\n        top: -40px;\n        right: 0;\n        font-family: 'Open Sans', sans-serif;\n        font-size: 140px; \/* \u5de8\u5927\u7684\u6570\u5b57 *\/\n        font-weight: 900;\n        line-height: 1;\n        color: rgba(0, 60, 113, 0.04); \/* \u6781\u6de1\u7684\u900f\u660e\u5ea6 *\/\n        z-index: 0;\n        pointer-events: none;\n        transition: 0.5s ease;\n    }\n\n    .tl-item.right .watermark-year {\n        right: auto;\n        left: 0;\n    }\n\n    .tl-item:hover .watermark-year {\n        color: rgba(212, 175, 55, 0.08); \/* \u60ac\u505c\u53d8\u91d1 *\/\n        transform: translateX(-10px);\n    }\n    .tl-item.right:hover .watermark-year {\n        transform: translateX(10px);\n    }\n\n    \/* TEXT CONTENT *\/\n    .tl-text {\n        position: relative;\n        z-index: 1;\n        text-align: right;\n    }\n\n    .tl-item.right .tl-text {\n        text-align: left;\n    }\n\n    .tl-text h3 {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 24px;\n        font-weight: 800;\n        color: #003C71;\n        margin: 0 0 8px 0;\n    }\n\n    .real-date {\n        display: inline-block;\n        font-size: 12px;\n        font-weight: 700;\n        color: #D4AF37;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin-bottom: 20px;\n        padding-bottom: 10px;\n        border-bottom: 2px solid rgba(212, 175, 55, 0.3);\n    }\n\n    .tl-text p {\n        font-size: 16px;\n        color: #555;\n        line-height: 1.7;\n        margin: 0;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 980px) {\n        .timeline-line { left: 30px; }\n        \n        .tl-item, .tl-item.right {\n            width: 100%;\n            margin-left: 0;\n            padding: 0 0 60px 80px; \/* \u5de6\u4fa7\u7559\u51fa\u7a7a\u95f4\u7ed9\u7ebf *\/\n            text-align: left;\n        }\n\n        .tl-marker, .tl-item.right .tl-marker {\n            left: 24px; \/* \u8c03\u6574\u5706\u70b9\u4f4d\u7f6e *\/\n            right: auto;\n        }\n\n        .watermark-year, .tl-item.right .watermark-year {\n            left: 50px; \/* \u8c03\u6574\u6c34\u5370\u4f4d\u7f6e *\/\n            right: auto;\n            top: -20px;\n            font-size: 100px;\n        }\n\n        .tl-text, .tl-item.right .tl-text {\n            text-align: left;\n        }\n    }\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_3 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_3 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-factory-tour-v2\">\n    <div class=\"tour-container\">\n        \n        <div class=\"tour-header\">\n            <div class=\"header-left\">\n                <span class=\"tour-eyebrow\">transparency & Scale<\/span>\n                <h2>See Precision in Motion<\/h2>\n            <\/div>\n            <div class=\"header-right\">\n                <p>We believe seeing is believing. Take a virtual walk through our 12,000sqm facility where technology meets craftsmanship.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"tour-visual-wrapper\">\n            \n            <div class=\"video-card\" onclick=\"openFactoryVideo()\" aria-label=\"Watch Factory Video\">\n                <div class=\"img-scale-wrapper\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-19.png\" alt=\"TIIOCTI Production Line\" class=\"tour-bg-img\">\n                <\/div>\n                \n                <div class=\"video-gradient\"><\/div>\n\n                <div class=\"magnetic-play-btn\">\n                    <span class=\"play-text\">PLAY VIDEO<\/span>\n                    <div class=\"play-circle\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"play-icon-svg\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"stats-floating-panel\">\n                <div class=\"panel-header\">\n                    <span class=\"live-dot\"><\/span> Production Live Status\n                <\/div>\n                <div class=\"panel-grid\">\n                    <div class=\"panel-item\">\n                        <strong class=\"p-num\">12k<\/strong>\n                        <span class=\"p-label\">Sqm Facility<\/span>\n                    <\/div>\n                    <div class=\"panel-item\">\n                        <strong class=\"p-num\">5M+<\/strong>\n                        <span class=\"p-label\">Monthly Output<\/span>\n                    <\/div>\n                    <div class=\"panel-item\">\n                        <strong class=\"p-num\">AQL<\/strong>\n                        <span class=\"p-label\">2.5 Standard<\/span>\n                    <\/div>\n                    <div class=\"panel-item\">\n                        <strong class=\"p-num\">100%<\/strong>\n                        <span class=\"p-label\">Inspection<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"panel-footer\">\n                    <span>ISO 9001:2015 Certified<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div id=\"factory-video-modal\" class=\"video-modal-overlay\" onclick=\"closeFactoryVideo()\">\n        <div class=\"video-modal-content\" onclick=\"event.stopPropagation()\">\n            <button class=\"video-close-btn\" onclick=\"closeFactoryVideo()\">&times;<\/button>\n            <div class=\"video-iframe-wrapper\">\n                <div id=\"youtube-placeholder\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    \/\/ YouTube Video ID\n    const videoId = \"efELNvV1HqA\"; \n\n    function openFactoryVideo() {\n        const modal = document.getElementById('factory-video-modal');\n        const placeholder = document.getElementById('youtube-placeholder');\n        \n        \/\/ \u6784\u5efa YouTube URL (autoplay=1, rel=0)\n        const embedUrl = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0&modestbranding=1&playsinline=1&showinfo=0`;\n        \n        \/\/ \u52a8\u6001\u63d2\u5165 iframe\n        placeholder.innerHTML = `<iframe src=\"${embedUrl}\" title=\"Factory Tour\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen style=\"width:100%;height:100%;border-radius:12px;\"><\/iframe>`;\n        \n        \/\/ \u663e\u793a\u6a21\u6001\u6846\n        modal.classList.add('is-visible');\n        document.body.style.overflow = 'hidden'; \/\/ \u7981\u6b62\u80cc\u666f\u6eda\u52a8\n    }\n\n    function closeFactoryVideo() {\n        const modal = document.getElementById('factory-video-modal');\n        const placeholder = document.getElementById('youtube-placeholder');\n        \n        \/\/ \u9690\u85cf\u6a21\u6001\u6846\n        modal.classList.remove('is-visible');\n        document.body.style.overflow = ''; \/\/ \u6062\u590d\u6eda\u52a8\n        \n        \/\/ \u5ef6\u8fdf\u6e05\u7a7a iframe \u4ee5\u505c\u6b62\u58f0\u97f3\n        setTimeout(() => {\n            placeholder.innerHTML = '';\n        }, 300); \n    }\n<\/script>\n\n<style>\n    \/* --- SECTION STYLES --- *\/\n    #tiio-factory-tour-v2 {\n        background-color: #ffffff;\n        padding: 120px 0;\n        font-family: 'Roboto', sans-serif;\n        overflow: visible;\n    }\n\n    .tour-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 30px;\n    }\n\n    .tour-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        margin-bottom: 60px;\n        gap: 40px;\n    }\n\n    .tour-eyebrow {\n        font-size: 12px;\n        font-weight: 800;\n        color: #D4AF37;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        display: block;\n        margin-bottom: 10px;\n    }\n\n    .tour-header h2 {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 42px;\n        color: #003C71;\n        font-weight: 800;\n        margin: 0;\n        line-height: 1.1;\n    }\n\n    .header-right p {\n        font-size: 16px;\n        color: #666;\n        line-height: 1.6;\n        max-width: 450px;\n        margin: 0;\n    }\n\n    .tour-visual-wrapper {\n        position: relative;\n        height: 550px;\n        width: 100%;\n    }\n\n    \/* Video Card *\/\n    .video-card {\n        display: block;\n        position: relative;\n        width: 85%;\n        height: 100%;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n        cursor: pointer;\n    }\n\n    .img-scale-wrapper {\n        width: 100%;\n        height: 100%;\n        transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n\n    .tour-bg-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .video-card:hover .img-scale-wrapper {\n        transform: scale(1.05);\n    }\n\n    .video-gradient {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(45deg, rgba(0, 60, 113, 0.4), transparent);\n        z-index: 1;\n        pointer-events: none;\n    }\n\n    \/* Stats Panel *\/\n    .stats-floating-panel {\n        position: absolute;\n        bottom: 40px;\n        right: 0;\n        width: 320px;\n        background-color: #003C71;\n        color: #fff;\n        padding: 35px;\n        border-radius: 8px;\n        box-shadow: 0 20px 50px rgba(0, 30, 60, 0.3);\n        z-index: 10;\n        border-top: 4px solid #D4AF37;\n        pointer-events: none;\n    }\n\n    .stats-floating-panel * { pointer-events: auto; }\n\n    .panel-header {\n        font-size: 12px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        color: rgba(255,255,255,0.6);\n        margin-bottom: 25px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .live-dot {\n        width: 8px;\n        height: 8px;\n        background-color: #00ff88;\n        border-radius: 50%;\n        box-shadow: 0 0 10px #00ff88;\n        animation: blink 2s infinite;\n    }\n\n    .panel-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 25px 15px;\n        margin-bottom: 25px;\n    }\n\n    .p-num {\n        display: block;\n        font-size: 28px;\n        font-weight: 700;\n        color: #fff;\n        line-height: 1;\n        margin-bottom: 5px;\n        font-family: 'Open Sans', sans-serif;\n    }\n\n    .p-label {\n        font-size: 12px;\n        color: #D4AF37;\n        text-transform: uppercase;\n    }\n\n    .panel-footer {\n        padding-top: 20px;\n        border-top: 1px solid rgba(255,255,255,0.1);\n        font-size: 11px;\n        color: rgba(255,255,255,0.5);\n    }\n\n    \/* Play Button *\/\n    .magnetic-play-btn {\n        position: absolute;\n        top: 50%;\n        left: 42%;\n        transform: translate(-50%, -50%);\n        z-index: 5;\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        pointer-events: none;\n    }\n\n    .play-circle {\n        width: 70px;\n        height: 70px;\n        background: rgba(255,255,255,0.2);\n        backdrop-filter: blur(5px);\n        border: 1px solid rgba(255,255,255,0.4);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: 0.3s;\n    }\n\n    .play-icon-svg {\n        width: 24px;\n        color: #fff;\n        margin-left: 4px;\n    }\n\n    .play-text {\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 2px;\n        color: #fff;\n        text-transform: uppercase;\n    }\n\n    .video-card:hover .play-circle {\n        background: #D4AF37;\n        border-color: #D4AF37;\n        transform: scale(1.1);\n    }\n\n    @keyframes blink {\n        0%, 100% { opacity: 1; }\n        50% { opacity: 0.4; }\n    }\n\n    \/* --- VIDEO MODAL STYLES --- *\/\n    .video-modal-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.9);\n        z-index: 99999;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        visibility: hidden;\n        transition: all 0.3s ease;\n        backdrop-filter: blur(10px);\n    }\n\n    .video-modal-overlay.is-visible {\n        opacity: 1;\n        visibility: visible;\n    }\n\n    .video-modal-content {\n        width: 80%;\n        max-width: 1000px;\n        aspect-ratio: 16\/9;\n        position: relative;\n        background: #000;\n        border-radius: 12px;\n        box-shadow: 0 50px 100px rgba(0,0,0,0.5);\n        transform: scale(0.9);\n        transition: transform 0.3s ease;\n    }\n\n    .video-modal-overlay.is-visible .video-modal-content {\n        transform: scale(1);\n    }\n\n    .video-iframe-wrapper {\n        width: 100%;\n        height: 100%;\n    }\n\n    .video-close-btn {\n        position: absolute;\n        top: -50px;\n        right: -50px;\n        background: none;\n        border: none;\n        color: #fff;\n        font-size: 40px;\n        cursor: pointer;\n        transition: 0.3s;\n        line-height: 1;\n    }\n\n    .video-close-btn:hover {\n        color: #D4AF37;\n        transform: rotate(90deg);\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 980px) {\n        .tour-header { flex-direction: column; align-items: flex-start; gap: 20px; }\n        .tour-visual-wrapper { height: auto; }\n        .video-card { width: 100%; height: 400px; margin-bottom: -40px; } \n        .stats-floating-panel {\n            position: relative;\n            bottom: auto; right: auto;\n            width: 90%;\n            margin: 0 auto;\n        }\n        .magnetic-play-btn { left: 50%; }\n        \n        .video-modal-content { width: 95%; }\n        .video-close-btn { right: 0; top: -45px; }\n    }\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_4 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_4 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-esg-v2\">\n    <div class=\"esg-container\">\n        \n        <div class=\"esg-header\">\n            <span class=\"esg-eyebrow\">Sustainable Manufacturing<\/span>\n            <h2>Engineered for the Circular Economy<\/h2>\n            <p>We combine material science with ethical production. Meeting the strict ESG requirements of global Tier-1 retailers.<\/p>\n        <\/div>\n\n        <div class=\"esg-row\">\n            <div class=\"esg-visual\">\n                <div class=\"visual-card\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-24.png\" alt=\"Close-up of clear GRS Certified rPET pellets indicating high purity\" class=\"esg-img\">\n                    <div class=\"floating-badge top-right\">\n                        <strong>Source Traceability<\/strong>\n                        <span>100% Verified<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"esg-content\">\n                <div class=\"content-wrapper\">\n                    <span class=\"tech-tag\">Material Science<\/span>\n                    <h3>GRS 4.0 Certified <br>Recycled Materials<\/h3>\n                    <p>Sustainability starts at the molecular level. We utilize <strong>Post-Consumer Recycled (PCR)<\/strong> plastics to create heavy-duty woven bags that reduce carbon footprint by up to 40%.<\/p>\n                    <ul class=\"esg-list\">\n                        <li><strong>rPET Fabric:<\/strong> Made from recycled plastic bottles.<\/li>\n                        <li><strong>Recycled PP:<\/strong> High-strength, circular lifecycle.<\/li>\n                        <li><strong>GTC Transaction Certs:<\/strong> Provided for every order.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"esg-row reverse\">\n            <div class=\"esg-visual\">\n                <div class=\"visual-card\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-20.png\" alt=\"Clean and Ethical Factory Floor with modern equipment\" class=\"esg-img\">\n                    <div class=\"floating-badge bottom-left\">\n                        <strong>Social Audit<\/strong>\n                        <span>BSCI Grade A\/B<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"esg-content\">\n                <div class=\"content-wrapper\">\n                    <span class=\"tech-tag\">Social Compliance<\/span>\n                    <h3>Ethical Labor &#038; <br>Safe Production<\/h3>\n                    <p>Your brand reputation depends on your supply chain&#8217;s integrity. TIIOCTI is a fully audited <strong>BSCI &#038; Sedex Member<\/strong> factory. We strictly prohibit child labor and ensure fair wages for our 500+ skilled artisans.<\/p>\n                    <ul class=\"esg-list\">\n                        <li><strong>Zero Tolerance:<\/strong> For forced labor or discrimination.<\/li>\n                        <li><strong>ISO 45001:<\/strong> Occupational health &#038; safety standards.<\/li>\n                        <li><strong>Transparent Access:<\/strong> Open for 3rd-party audits (SGS\/BV).<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    #tiio-esg-v2 {\n        background-color: #F2F0EB;\n        padding: 120px 0;\n        font-family: 'Roboto', sans-serif;\n    }\n\n    .esg-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 30px;\n    }\n\n    .esg-header {\n        text-align: center;\n        max-width: 800px;\n        margin: 0 auto 100px auto;\n    }\n\n    .esg-eyebrow {\n        font-size: 13px; font-weight: 800; color: #D4AF37;\n        text-transform: uppercase; letter-spacing: 2px;\n        display: block; margin-bottom: 20px; font-family: 'Open Sans', sans-serif;\n    }\n\n    .esg-header h2 {\n        font-family: 'Open Sans', sans-serif; font-size: 42px;\n        color: #003C71; font-weight: 800; margin: 0 0 25px 0; line-height: 1.15;\n    }\n\n    .esg-header p {\n        font-size: 18px; color: #555; line-height: 1.6;\n    }\n\n    .esg-row {\n        display: flex;\n        align-items: center;\n        gap: 80px;\n        margin-bottom: 120px;\n    }\n\n    .esg-row:last-child {\n        margin-bottom: 0;\n    }\n\n    .esg-row.reverse {\n        flex-direction: row-reverse;\n    }\n\n    .esg-visual {\n        flex: 1;\n        position: relative;\n    }\n\n    .visual-card {\n        position: relative;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);\n        transition: transform 0.5s ease;\n    }\n\n    .esg-img {\n        width: 100%;\n        height: auto;\n        aspect-ratio: 4\/3;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.7s ease;\n    }\n\n    .visual-card:hover .esg-img {\n        transform: scale(1.03);\n    }\n\n    .floating-badge {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(10px);\n        padding: 15px 25px;\n        border-radius: 4px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        border-left: 4px solid #D4AF37;\n        z-index: 2;\n        min-width: 180px;\n    }\n\n    .top-right { top: 30px; right: -20px; }\n    .bottom-left { bottom: 30px; left: -20px; }\n\n    .floating-badge strong {\n        display: block; font-size: 12px; text-transform: uppercase;\n        color: #999; margin-bottom: 4px; letter-spacing: 0.5px;\n    }\n    .floating-badge span {\n        display: block; font-size: 18px; font-weight: 800; color: #003C71; font-family: 'Open Sans', sans-serif;\n    }\n\n    .esg-content {\n        flex: 1;\n    }\n\n    .content-wrapper {\n        max-width: 500px;\n    }\n\n    .tech-tag {\n        display: inline-block;\n        background-color: #fff;\n        color: #003C71;\n        font-size: 12px;\n        font-weight: 700;\n        padding: 6px 12px;\n        border-radius: 4px;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    }\n\n    .esg-content h3 {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 32px;\n        color: #003C71;\n        font-weight: 800;\n        margin: 0 0 25px 0;\n        line-height: 1.2;\n    }\n\n    .esg-content p {\n        font-size: 17px;\n        color: #555;\n        line-height: 1.7;\n        margin-bottom: 30px;\n    }\n\n    .esg-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .esg-list li {\n        position: relative;\n        padding-left: 25px;\n        margin-bottom: 15px;\n        font-size: 16px;\n        color: #4a4a4a;\n    }\n\n    .esg-list li::before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 8px;\n        width: 10px;\n        height: 10px;\n        background-color: #D4AF37;\n        border-radius: 50%;\n    }\n\n    .esg-list li strong {\n        color: #003C71;\n        font-weight: 700;\n        margin-right: 5px;\n    }\n\n    @media (max-width: 980px) {\n        .esg-row, .esg-row.reverse { flex-direction: column; gap: 40px; margin-bottom: 80px; }\n        .floating-badge { right: 20px; left: auto; top: auto; bottom: 20px; }\n        .top-right { top: 20px; right: 20px; }\n        .bottom-left { bottom: 20px; left: 20px; }\n        .esg-header h2 { font-size: 32px; }\n    }\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_5 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_5 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-team\">\n    <div class=\"team-container\">\n        \n        <div class=\"team-header\">\n            <span class=\"team-eyebrow\">Human Capital<\/span>\n            <h2>The Minds Behind the Machine<\/h2>\n            <p>Machines provide capacity; people provide precision. Our team of 500+ experts averages 8 years of tenure, ensuring stability in every order.<\/p>\n        <\/div>\n\n        <div class=\"team-grid\">\n            \n            <div class=\"team-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-23.png\" alt=\"TIIOCTI R&#038;D Engineer checking fabric specs\" class=\"t-img\">\n                    <div class=\"card-overlay\"><\/div>\n                    <\/div>\n                <div class=\"card-content\">\n                    <h3>R&#038;D &#038; Engineering<\/h3>\n                    <p class=\"role-desc\">From sketch to golden sample in 72 hours.<\/p>\n                    <p class=\"role-detail\">Our 15-person engineering team solves structural challenges before production begins. They optimize material usage to cut costs without compromising durability.<\/p>\n                    <ul class=\"team-stats\">\n                        <li><strong>15+<\/strong> Senior Engineers<\/li>\n                        <li><strong>3 Days<\/strong> Sample Turnaround<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"team-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-3.png\" alt=\"Quality Control Team inspecting bags\" class=\"t-img\">\n                    <div class=\"card-overlay\"><\/div>\n                    <\/div>\n                <div class=\"card-content\">\n                    <h3>Quality Control (QC)<\/h3>\n                    <p class=\"role-desc\">The guardians of your brand reputation.<\/p>\n                    <p class=\"role-detail\">Independent from production, our 40-member QC team has the authority to stop any line. They execute the AQL 2.5 standard strictly, checking stitching, zippers, and load capacity.<\/p>\n                    <ul class=\"team-stats\">\n                        <li><strong>40+<\/strong> QC Inspectors<\/li>\n                        <li><strong>100%<\/strong> Visual Check<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"team-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2024\/12\/8M0A6322-1024x683.jpg\" alt=\"Global Sales and Service Team\" class=\"t-img\" style=\"object-position: top;\">\n                    <div class=\"card-overlay\"><\/div>\n                    <\/div>\n                <div class=\"card-content\">\n                    <h3>Global Service Team<\/h3>\n                    <p class=\"role-desc\">Bridging the gap between Wenzhou and the World.<\/p>\n                    <p class=\"role-detail\">Fluent in English and logistics. Our merchandising team isn&#8217;t just about sales; they are project managers who handle your timeline, DDP shipping, and customs documentation.<\/p>\n                    <ul class=\"team-stats\">\n                        <li><strong>24\/7<\/strong> Response Time<\/li>\n                        <li><strong>DDP<\/strong> Experts<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    #tiio-team {\n        background-color: #ffffff;\n        color: #333;\n        padding: 120px 0;\n        font-family: 'Roboto', sans-serif;\n    }\n\n    .team-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 30px;\n    }\n\n    .team-header {\n        text-align: center;\n        max-width: 800px;\n        margin: 0 auto 80px auto;\n    }\n\n    .team-eyebrow {\n        font-size: 13px; font-weight: 800; color: #D4AF37;\n        text-transform: uppercase; letter-spacing: 2px;\n        display: block; margin-bottom: 20px; font-family: 'Open Sans', sans-serif;\n    }\n\n    .team-header h2 {\n        font-family: 'Open Sans', sans-serif; font-size: 42px;\n        color: #003C71; font-weight: 800; margin: 0 0 25px 0; line-height: 1.15;\n    }\n\n    .team-header p {\n        font-size: 18px; color: #555; line-height: 1.6;\n    }\n\n    .team-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n    }\n\n    .team-card {\n        background: #ffffff;\n        border: 1px solid #eee;\n        border-radius: 8px;\n        overflow: hidden;\n        transition: transform 0.3s ease, box-shadow 0.3s;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    }\n\n    .team-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        border-color: #D4AF37;\n    }\n\n    .card-image {\n        position: relative;\n        height: 240px;\n        overflow: hidden;\n    }\n\n    .t-img {\n        width: 100%; height: 100%; object-fit: cover;\n        transition: transform 0.6s ease;\n    }\n\n    .team-card:hover .t-img {\n        transform: scale(1.05);\n    }\n\n    .card-overlay {\n        position: absolute; inset: 0;\n        background: linear-gradient(to top, rgba(0,60,113,0.4), transparent);\n    }\n\n    \/* Removed .card-icon CSS block from here *\/\n\n    .card-content {\n        padding: 30px;\n    }\n\n    .card-content h3 {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 22px; font-weight: 700; color: #003C71;\n        margin: 0 0 10px 0;\n    }\n\n    .role-desc {\n        font-size: 14px; color: #D4AF37; text-transform: uppercase;\n        letter-spacing: 0.5px; font-weight: 700; margin-bottom: 20px;\n    }\n\n    .role-detail {\n        font-size: 15px; color: #666; line-height: 1.7;\n        margin-bottom: 30px; min-height: 80px;\n    }\n\n    .team-stats {\n        list-style: none; padding: 0; margin: 0;\n        display: flex; justify-content: space-between;\n        border-top: 1px solid #eee;\n        padding-top: 20px;\n    }\n\n    .team-stats li {\n        font-size: 13px; color: #888; text-transform: uppercase;\n    }\n\n    .team-stats li strong {\n        display: block; font-size: 18px; color: #003C71; margin-bottom: 5px;\n        font-family: 'Open Sans', sans-serif;\n    }\n\n    @media (max-width: 980px) {\n        .team-grid { grid-template-columns: 1fr; gap: 40px; }\n        .role-detail { min-height: auto; }\n        .team-header h2 { font-size: 32px; }\n    }\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_6 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_6 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"How can I verify TIIOCTI is a direct factory?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"We welcome 3rd-party on-site audits (SGS, Intertek, BV) and offer live video factory tours at any time to verify our production capacity.\"\n    }\n  }, {\n    \"@type\": \"Question\",\n    \"name\": \"Do you provide valid GRS Transaction Certificates (TC)?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Yes. We adhere to GRS 4.0 standards. For every order using recycled materials, we issue a specific Transaction Certificate (TC) linked to your PO.\"\n    }\n  }, {\n    \"@type\": \"Question\",\n    \"name\": \"What is your compensation policy for defective goods?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"We operate on a Zero Risk policy. If defects exceed AQL 2.5 standards, we provide immediate free reproduction via air freight or a direct refund.\"\n    }\n  }, {\n    \"@type\": \"Question\",\n    \"name\": \"Are you fully BSCI audited for social compliance?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Yes. We are a BSCI-audited (Grade A\/B) facility. We strictly prohibit child labor and ensure fair wages. Full reports are available upon request.\"\n    }\n  }]\n}\n<\/script>\n\n<section id=\"tiio-faq-cta\">\n    <div class=\"fc-container\">\n        \n        <div class=\"faq-wrapper\">\n            <div class=\"faq-header\">\n                <span class=\"fc-eyebrow\">Strategic Sourcing<\/span>\n                <h2>Answers to Your <br>Critical Questions<\/h2>\n                <p>We know you aren&#8217;t just buying bags; you are mitigating risk. Here are the facts on compliance, verification, and liability.<\/p>\n                <div class=\"support-line\">\n                    <span>Need specific documents?<\/span>\n                    <a href=\"javascript:void(0);\" class=\"link-text open-popup\">Contact Compliance Team &rarr;<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-list\">\n                <div class=\"faq-item\">\n                    <button class=\"faq-trigger\" onclick=\"this.parentElement.classList.toggle('active')\">\n                        <span class=\"q-text\">How can I verify TIIOCTI is a direct factory?<\/span>\n                        <div class=\"icon-state\"><\/div>\n                    <\/button>\n                    <div class=\"faq-content\">\n                        <div class=\"ans-inner\">\n                            <p>We believe in radical transparency. You can book a <strong>Live Video Tour<\/strong> anytime to see your production line running. We also fully support 3rd-party on-site audits (SGS, Intertek, BV) commissioned by you.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-trigger\" onclick=\"this.parentElement.classList.toggle('active')\">\n                        <span class=\"q-text\">Do you provide GRS Transaction Certificates (TC)?<\/span>\n                        <div class=\"icon-state\"><\/div>\n                    <\/button>\n                    <div class=\"faq-content\">\n                        <div class=\"ans-inner\">\n                            <p>Yes. We adhere to <strong>GRS 4.0 Standards<\/strong>. For every recycled order, we issue a valid Transaction Certificate (TC) linked to your PO, proving the material journey from waste to finished product.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-trigger\" onclick=\"this.parentElement.classList.toggle('active')\">\n                        <span class=\"q-text\">What is your &#8220;Zero Risk&#8221; policy for defects?<\/span>\n                        <div class=\"icon-state\"><\/div>\n                    <\/button>\n                    <div class=\"faq-content\">\n                        <div class=\"ans-inner\">\n                            <p>We stand by our quality (AQL 2.5). If defects exceed the agreed limit, we provide <strong>Immediate Free Reproduction<\/strong> (via Air Freight) or a <strong>Direct Refund<\/strong>. Your financial risk is zero.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-trigger\" onclick=\"this.parentElement.classList.toggle('active')\">\n                        <span class=\"q-text\">Are you fully BSCI audited for compliance?<\/span>\n                        <div class=\"icon-state\"><\/div>\n                    <\/button>\n                    <div class=\"faq-content\">\n                        <div class=\"ans-inner\">\n                            <p>Yes. TIIOCTI is a <strong>BSCI Audited<\/strong> facility (Grade A\/B). We ensure fair wages, safe working conditions, and zero child labor. Our full audit report and DBID are available for your vendor onboarding process.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"final-power-cta\">\n    <div class=\"cta-container\">\n        \n        <div class=\"cta-content\">\n            <h2>Ready to Scale Your Supply Chain with a <span>Direct Factory?<\/span><\/h2>\n            <p>\n                Join 500+ global retail brands. Get a tax-inclusive <strong>DDP Landed Cost<\/strong> quote and professional custom bag design consultation within 24 hours.\n            <\/p>\n        <\/div>\n\n        <div class=\"cta-action\">\n            <a href=\"javascript:void(0);\" class=\"btn-mega open-popup\">Start Your Project \u2192<\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    \/* --- SECTION 7: FAQ STYLES (BEIGE) --- *\/\n    #tiio-faq-cta {\n        background-color: #F2F0EB;\n        padding: 120px 0;\n        font-family: 'Roboto', sans-serif;\n    }\n\n    .fc-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 30px;\n    }\n\n    .faq-wrapper {\n        display: grid;\n        grid-template-columns: 0.8fr 1.2fr;\n        gap: 80px;\n    }\n\n    .fc-eyebrow {\n        font-size: 13px; font-weight: 800; color: #D4AF37;\n        text-transform: uppercase; letter-spacing: 2px;\n        display: block; margin-bottom: 20px; font-family: 'Open Sans', sans-serif;\n    }\n\n    .faq-header h2 {\n        font-family: 'Open Sans', sans-serif; font-size: 42px;\n        color: #003C71; font-weight: 800; margin: 0 0 25px 0; line-height: 1.15;\n    }\n\n    .faq-header p {\n        font-size: 17px; color: #555; line-height: 1.6; margin-bottom: 30px;\n    }\n\n    .support-line {\n        font-size: 15px; color: #666; font-weight: 500;\n    }\n\n    .link-text {\n        color: #003C71; text-decoration: none; border-bottom: 2px solid #D4AF37;\n        margin-left: 8px; transition: 0.3s;\n        cursor: pointer;\n    }\n    .link-text:hover { color: #D4AF37; border-color: #003C71; }\n\n    .faq-list { border-top: 1px solid rgba(0, 60, 113, 0.1); }\n    .faq-item { border-bottom: 1px solid rgba(0, 60, 113, 0.1); }\n\n    .faq-trigger {\n        width: 100%; text-align: left; background: none; border: none;\n        padding: 25px 0; display: flex; justify-content: space-between;\n        align-items: center; cursor: pointer; transition: 0.3s;\n    }\n\n    .q-text {\n        font-family: 'Open Sans', sans-serif; font-size: 19px; font-weight: 700;\n        color: #003C71; padding-right: 20px;\n    }\n\n    .faq-trigger:hover .q-text { color: #D4AF37; }\n\n    .icon-state { width: 16px; height: 16px; position: relative; flex-shrink: 0; }\n    .icon-state::before, .icon-state::after {\n        content: ''; position: absolute; background: #003C71;\n        top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s;\n    }\n    .icon-state::before { width: 16px; height: 2px; }\n    .icon-state::after { width: 2px; height: 16px; }\n\n    .faq-item.active .icon-state::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }\n    .faq-item.active .icon-state::before { background: #D4AF37; }\n\n    .faq-content { height: 0; overflow: hidden; transition: height 0.3s ease-out; }\n    .faq-item.active .faq-content { height: auto; }\n\n    .ans-inner {\n        padding-bottom: 25px; font-size: 16px; color: #555;\n        line-height: 1.7; max-width: 95%;\n    }\n    .ans-inner strong { color: #003C71; }\n\n    @media (max-width: 980px) {\n        .faq-wrapper { grid-template-columns: 1fr; gap: 40px; }\n        .faq-header { text-align: left; }\n    }\n\n\n    \/* --- SECTION 8: FINAL POWER CTA (DEEP BLUE) --- *\/\n    #final-power-cta {\n        --cta-blue: #003C71;\n        --cta-gold: #D4AF37;\n        --cta-white: #FFFFFF;\n        \n        background-color: var(--cta-blue);\n        padding: 120px 0;\n        position: relative;\n        overflow: hidden;\n        font-family: 'Roboto', sans-serif;\n    }\n\n    #final-power-cta::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background-image: url('https:\/\/www.transparenttextures.com\/patterns\/world-map.png');\n        opacity: 0.1;\n        pointer-events: none;\n    }\n\n    #final-power-cta .cta-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 20px;\n        position: relative;\n        z-index: 2;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 50px;\n    }\n\n    #final-power-cta .cta-content {\n        max-width: 750px;\n    }\n\n    #final-power-cta h2 {\n        font-family: 'Open Sans', sans-serif;\n        color: var(--cta-white);\n        font-size: clamp(34px, 5vw, 48px);\n        font-weight: 800;\n        line-height: 1.1;\n        margin-bottom: 25px;\n    }\n\n    #final-power-cta h2 span {\n        color: var(--cta-gold);\n    }\n\n    #final-power-cta p {\n        color: rgba(255,255,255,0.8);\n        font-size: 18px;\n        line-height: 1.6;\n        margin-bottom: 0;\n    }\n\n    #final-power-cta .cta-action {\n        flex-shrink: 0;\n    }\n\n    #final-power-cta .btn-mega {\n        display: inline-block;\n        background-color: var(--cta-gold);\n        color: #000;\n        padding: 22px 60px;\n        font-size: 16px;\n        font-weight: 800;\n        text-decoration: none;\n        border-radius: 4px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n        cursor: pointer;\n    }\n\n    #final-power-cta .btn-mega:hover {\n        background-color: var(--cta-white);\n        transform: translateY(-5px) scale(1.02);\n        box-shadow: 0 20px 40px rgba(255, 255, 255, 0.2);\n    }\n\n    @media (max-width: 1024px) {\n        #final-power-cta .cta-container {\n            flex-direction: column;\n            text-align: center;\n        }\n        #final-power-cta .cta-content {\n            max-width: 100%;\n        }\n    }\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-239","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/pages\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":46,"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/pages\/239\/revisions"}],"predecessor-version":[{"id":8225,"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/pages\/239\/revisions\/8225"}],"wp:attachment":[{"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/media?parent=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}