{"id":11297,"date":"2026-07-29T03:20:30","date_gmt":"2026-07-29T03:20:30","guid":{"rendered":"https:\/\/s-shaper.com\/?page_id=11297"},"modified":"2026-08-03T06:39:00","modified_gmt":"2026-08-03T06:39:00","slug":"become-a-partner","status":"publish","type":"page","link":"https:\/\/s-shaper.com\/es\/become-a-partner\/","title":{"rendered":"Convi\u00e9rtase en Socio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11297\" class=\"elementor elementor-11297\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87fe75d e-con-full e-flex e-con e-parent\" data-id=\"87fe75d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a0e5e0 elementor-widget elementor-widget-html\" data-id=\"6a0e5e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* SCOPED STYLES FOR ELEMENTOR HTML WIDGET *\/\r\n  .s-shaper-landing-wrapper {\r\n    --c-bg: #F9F6F0; \/* Soft luxury beige\/cream *\/\r\n    --c-charcoal: #3A332A; \/* Slate charcoal-bronze text *\/\r\n    --c-gold: #A07C3C; \/* Bronze gold accent *\/\r\n    --c-gold-hover: #88672E;\r\n    --c-border: #E6DDD0; \/* Warm subtle border *\/\r\n    --c-badge-bg: #F0EAE1;\r\n    --c-highlight-bg: #FAF5EB;\r\n    --c-subtext: #5C5245;\r\n    --c-muted: #7E705F;\r\n    --c-white: #FFFFFF;\r\n    --c-card-bg: #FFFFFF;\r\n\r\n    font-family: \"Source Sans 3\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    background-color: var(--c-bg);\r\n    color: var(--c-charcoal);\r\n    line-height: 1.6;\r\n    -webkit-font-smoothing: antialiased;\r\n    width: 100%;\r\n    overflow-x: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .s-shaper-landing-wrapper *,\r\n  .s-shaper-landing-wrapper *::before,\r\n  .s-shaper-landing-wrapper *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* TYPOGRAPHY SCOPED *\/\r\n  .s-shaper-landing-wrapper h1,\r\n  .s-shaper-landing-wrapper h2,\r\n  .s-shaper-landing-wrapper h3,\r\n  .s-shaper-landing-wrapper h4,\r\n  .s-shaper-landing-wrapper .serif-font {\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    font-weight: 700;\r\n    letter-spacing: -0.01em;\r\n    color: var(--c-charcoal);\r\n  }\r\n  .s-shaper-landing-wrapper h1 {\r\n    font-size: clamp(32px, 5vw + 16px, 52px);\r\n    line-height: 1.15;\r\n    font-weight: 800;\r\n  }\r\n  .s-shaper-landing-wrapper h2 {\r\n    font-size: clamp(24px, 3.5vw + 14px, 36px);\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n  }\r\n  .s-shaper-landing-wrapper h3 {\r\n    font-size: clamp(18px, 2vw + 12px, 24px);\r\n    line-height: 1.35;\r\n    font-weight: 700;\r\n  }\r\n  .s-shaper-landing-wrapper p,\r\n  .s-shaper-landing-wrapper li,\r\n  .s-shaper-landing-wrapper td {\r\n    font-size: clamp(14px, 0.5vw + 13px, 15px);\r\n    color: var(--c-subtext);\r\n    line-height: clamp(1.45, 2vw + 1, 1.6);\r\n    font-weight: 400;\r\n  }\r\n  .s-shaper-landing-wrapper .mono {\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    font-weight: 600;\r\n    font-size: clamp(11px, 0.4vw + 11px, 13px);\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  \/* GENERAL LAYOUT UTILITIES *\/\r\n  .s-shaper-landing-wrapper .container {\r\n    width: 100%;\r\n    max-width: 1500px;\r\n    margin: 0 auto;\r\n    padding: 0 clamp(16px, 3.5vw, 24px);\r\n  }\r\n  .s-shaper-landing-wrapper .section-padding {\r\n    padding: clamp(48px, 6vw + 20px, 88px) 0;\r\n  }\r\n  .s-shaper-landing-wrapper .section-intro {\r\n    font-size: clamp(14px, 1.2vw + 11px, 16px);\r\n    line-height: 1.6;\r\n    color: var(--c-muted);\r\n    margin-bottom: clamp(20px, 3vw, 36px);\r\n    max-width: 800px;\r\n  }\r\n  .s-shaper-landing-wrapper .badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 6px clamp(10px, 1.4vw, 14px);\r\n    background-color: var(--c-badge-bg);\r\n    color: var(--c-gold);\r\n    border-radius: 100px;\r\n    font-size: clamp(11px, 0.5vw + 10px, 12px);\r\n    font-weight: 700;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n    margin-bottom: clamp(12px, 2vw, 20px);\r\n    border: 1px solid var(--c-border);\r\n  }\r\n\r\n  \/* BUTTONS *\/\r\n  .s-shaper-landing-wrapper .btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 14px 28px;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    text-decoration: none;\r\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\r\n    cursor: pointer;\r\n    border: 1px solid transparent;\r\n    white-space: nowrap;\r\n  }\r\n  .s-shaper-landing-wrapper .btn-primary {\r\n    background-color: var(--c-gold);\r\n    color: var(--c-white) !important;\r\n    box-shadow: 0 4px 14px rgba(160, 124, 60, 0.25);\r\n  }\r\n  .s-shaper-landing-wrapper .btn-primary:hover {\r\n    background-color: var(--c-gold-hover);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(160, 124, 60, 0.35);\r\n  }\r\n  .s-shaper-landing-wrapper .btn-secondary {\r\n    background-color: var(--c-charcoal);\r\n    color: var(--c-bg) !important;\r\n  }\r\n  .s-shaper-landing-wrapper .btn-secondary:hover {\r\n    background-color: #24201A;\r\n    transform: translateY(-2px);\r\n  }\r\n  .s-shaper-landing-wrapper .btn-ghost {\r\n    background-color: transparent;\r\n    color: var(--c-charcoal) !important;\r\n    border-color: var(--c-border);\r\n  }\r\n  .s-shaper-landing-wrapper .btn-ghost:hover {\r\n    background-color: var(--c-white);\r\n    border-color: var(--c-gold);\r\n    color: var(--c-gold) !important;\r\n    transform: translateY(-2px);\r\n  }\r\n  .s-shaper-landing-wrapper .btn-sm {\r\n    padding: 10px 20px;\r\n    font-size: 13.5px;\r\n  }\r\n\r\n  \/* HOVER CARD *\/\r\n  .s-shaper-landing-wrapper .hover-card {\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 16px;\r\n    padding: 32px;\r\n    box-shadow: 0 4px 20px rgba(58, 51, 42, 0.03);\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  .s-shaper-landing-wrapper .hover-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 30px rgba(58, 51, 42, 0.08);\r\n    border-color: var(--c-gold);\r\n  }\r\n\r\n  \/* HERO SECTION *\/\r\n  .s-shaper-landing-wrapper .hero-section {\r\n    position: relative;\r\n    background: linear-gradient(135deg, #F5EFE4 0%, #EDE5D7 100%);\r\n    padding: clamp(60px, 8vw, 110px) 0 clamp(50px, 6vw, 90px) 0;\r\n    border-bottom: 1px solid #E2D7C5;\r\n    overflow: hidden;\r\n  }\r\n  .s-shaper-landing-wrapper .hero-content {\r\n    max-width: 860px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    z-index: 2;\r\n    position: relative;\r\n  }\r\n  .s-shaper-landing-wrapper .hero-brand {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    color: var(--c-gold);\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n  }\r\n  .s-shaper-landing-wrapper .hero-title h1 {\r\n    margin-bottom: 20px;\r\n  }\r\n  .s-shaper-landing-wrapper .hero-subtitle {\r\n    font-size: clamp(16px, 1.5vw + 12px, 19px);\r\n    color: var(--c-subtext);\r\n    margin-bottom: 28px;\r\n    line-height: 1.5;\r\n  }\r\n  .s-shaper-landing-wrapper .hero-hook {\r\n    display: inline-block;\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 100px;\r\n    padding: 10px 24px;\r\n    font-size: 14px;\r\n    color: var(--c-charcoal);\r\n    margin-bottom: 32px;\r\n    box-shadow: 0 2px 10px rgba(58, 51, 42, 0.04);\r\n  }\r\n  .s-shaper-landing-wrapper .hero-hook b {\r\n    color: var(--c-gold);\r\n    font-weight: 700;\r\n  }\r\n  .s-shaper-landing-wrapper .hero-cta {\r\n    display: flex;\r\n    gap: 16px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  \/* STAT BAND *\/\r\n  .s-shaper-landing-wrapper .stat-band {\r\n    background: var(--c-charcoal);\r\n    color: var(--c-bg);\r\n    border-radius: 16px;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 16px;\r\n    max-width: 920px;\r\n    margin: 0 auto;\r\n    padding: 24px 20px;\r\n    box-shadow: 0 8px 30px rgba(58, 51, 42, 0.12);\r\n  }\r\n  @media (max-width: 640px) {\r\n    .s-shaper-landing-wrapper .stat-band {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n  }\r\n  .s-shaper-landing-wrapper .stat-item {\r\n    text-align: center;\r\n    padding: 8px 12px;\r\n    position: relative;\r\n  }\r\n  .s-shaper-landing-wrapper .stat-item + .stat-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 20%;\r\n    height: 60%;\r\n    width: 1px;\r\n    background: rgba(230, 221, 208, 0.2);\r\n  }\r\n  @media (max-width: 640px) {\r\n    .s-shaper-landing-wrapper .stat-item:nth-child(2n+1)::before {\r\n      display: none;\r\n    }\r\n  }\r\n  .s-shaper-landing-wrapper .stat-number {\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: clamp(24px, 3vw, 32px);\r\n    font-weight: 800;\r\n    color: var(--c-white);\r\n    display: block;\r\n    line-height: 1.2;\r\n  }\r\n  .s-shaper-landing-wrapper .stat-number em {\r\n    font-style: normal;\r\n    color: var(--c-gold);\r\n    font-weight: 800;\r\n  }\r\n  .s-shaper-landing-wrapper .stat-label {\r\n    font-size: 11px;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--c-border);\r\n    margin-top: 4px;\r\n    display: block;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* BACKGROUND CIRCLES *\/\r\n  .s-shaper-landing-wrapper .hero-circle-1 {\r\n    position: absolute;\r\n    top: -100px;\r\n    right: -100px;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: rgba(160, 124, 60, 0.05);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n  .s-shaper-landing-wrapper .hero-circle-2 {\r\n    position: absolute;\r\n    bottom: -150px;\r\n    left: -150px;\r\n    width: 450px;\r\n    height: 450px;\r\n    background: rgba(160, 124, 60, 0.05);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* SECTION 02: REDESIGNED SOURCING QUIZ STEP WIZARD *\/\r\n  .s-shaper-landing-wrapper .quiz-card-box {\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 16px;\r\n    padding: clamp(20px, 4vw, 36px);\r\n    box-shadow: 0 4px 20px rgba(58, 51, 42, 0.03);\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-step-tabs {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-bottom: 24px;\r\n    padding-bottom: 18px;\r\n    border-bottom: 1px solid var(--c-border);\r\n    overflow-x: auto;\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-step-btn {\r\n    flex: 1;\r\n    min-width: 150px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 12px 18px;\r\n    background: #FAF7F2;\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 100px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    color: var(--c-charcoal);\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    white-space: nowrap;\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-step-btn .step-num {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    background: #E6DDD0;\r\n    color: var(--c-charcoal);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-step-btn.active {\r\n    background: var(--c-gold);\r\n    border-color: var(--c-gold);\r\n    color: var(--c-white);\r\n    box-shadow: 0 4px 12px rgba(160, 124, 60, 0.25);\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-step-btn.active .step-num {\r\n    background: var(--c-white);\r\n    color: var(--c-gold);\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-step-arrow {\r\n    color: var(--c-border);\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .quiz-summary-bar {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    background: var(--c-badge-bg);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 8px;\r\n    padding: 10px 16px;\r\n    margin-bottom: 24px;\r\n    font-size: 13.5px;\r\n  }\r\n  .s-shaper-landing-wrapper .summary-item {\r\n    display: flex;\r\n    gap: 6px;\r\n    align-items: center;\r\n  }\r\n  .s-shaper-landing-wrapper .summary-item .lbl {\r\n    color: var(--c-gold);\r\n    font-weight: 700;\r\n  }\r\n  .s-shaper-landing-wrapper .summary-item .val {\r\n    color: var(--c-charcoal);\r\n    font-weight: 600;\r\n    background: var(--c-white);\r\n    padding: 2px 10px;\r\n    border-radius: 4px;\r\n    border: 1px solid var(--c-border);\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .quiz-step-panel {\r\n    display: none;\r\n    animation: fadeIn 0.3s ease;\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-step-panel.active {\r\n    display: block;\r\n  }\r\n  .s-shaper-landing-wrapper .step-heading {\r\n    font-size: 18px;\r\n    margin-bottom: 18px;\r\n    color: var(--c-charcoal);\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .quiz-options-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 16px;\r\n    margin-bottom: 24px;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .s-shaper-landing-wrapper .quiz-options-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-opt-card {\r\n    background: #FAF7F2;\r\n    border: 1.5px solid var(--c-border);\r\n    border-radius: 12px;\r\n    padding: 22px 18px;\r\n    cursor: pointer;\r\n    position: relative;\r\n    transition: all 0.25s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-opt-card:hover {\r\n    border-color: var(--c-gold);\r\n    background: var(--c-white);\r\n    transform: translateY(-2px);\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-opt-card.selected {\r\n    border-color: var(--c-gold);\r\n    background: var(--c-highlight-bg);\r\n    box-shadow: 0 4px 14px rgba(160, 124, 60, 0.15);\r\n  }\r\n  .s-shaper-landing-wrapper .opt-tag {\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: #FFFFFF;\r\n    background: var(--c-gold);\r\n    padding: 4px 10px;\r\n    border-radius: 4px;\r\n    align-self: flex-start;\r\n    box-shadow: 0 1px 3px rgba(160, 124, 60, 0.2);\r\n  }\r\n  .s-shaper-landing-wrapper .opt-content h4 {\r\n    font-size: 16px;\r\n    margin-bottom: 6px;\r\n    color: var(--c-charcoal);\r\n  }\r\n  .s-shaper-landing-wrapper .opt-content p {\r\n    font-size: 13px;\r\n    color: var(--c-subtext);\r\n    line-height: 1.45;\r\n  }\r\n  .s-shaper-landing-wrapper .opt-check {\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 14px;\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 50%;\r\n    background: var(--c-gold);\r\n    color: var(--c-white);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    opacity: 0;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-opt-card.selected .opt-check {\r\n    opacity: 1;\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .quiz-nav-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-top: 20px;\r\n    padding-top: 16px;\r\n    border-top: 1px solid var(--c-border);\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .quiz-result-panel {\r\n    display: none;\r\n    margin-top: 28px;\r\n    border-radius: 12px;\r\n    padding: 28px;\r\n    background: var(--c-highlight-bg);\r\n    border: 1px solid var(--c-border);\r\n    box-shadow: 0 4px 16px rgba(160, 124, 60, 0.08);\r\n    animation: fadeIn 0.4s ease;\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-result-panel.active {\r\n    display: block;\r\n  }\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-result-badge {\r\n    display: inline-block;\r\n    background: var(--c-gold);\r\n    color: var(--c-white);\r\n    font-size: 11px;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    padding: 4px 12px;\r\n    border-radius: 100px;\r\n    margin-bottom: 12px;\r\n  }\r\n  .s-shaper-landing-wrapper .quiz-result-panel h4 {\r\n    font-size: 20px;\r\n    margin-bottom: 10px;\r\n    color: var(--c-charcoal);\r\n  }\r\n\r\n  \/* SECTION 03: STARTER KIT *\/\r\n  .s-shaper-landing-wrapper .kit-section {\r\n    background: #FAF7F2;\r\n    border-top: 1px solid var(--c-border);\r\n    border-bottom: 1px solid var(--c-border);\r\n  }\r\n  .s-shaper-landing-wrapper .kit-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-top: 32px;\r\n  }\r\n  @media (max-width: 960px) {\r\n    .s-shaper-landing-wrapper .kit-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n  @media (max-width: 540px) {\r\n    .s-shaper-landing-wrapper .kit-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n  .s-shaper-landing-wrapper .kit-item-card {\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 12px;\r\n    padding: 24px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n  }\r\n  .s-shaper-landing-wrapper .kit-number {\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: 28px;\r\n    color: var(--c-gold);\r\n    font-weight: 800;\r\n    margin-bottom: 8px;\r\n  }\r\n  .s-shaper-landing-wrapper .kit-item-card h4 {\r\n    font-size: 17px;\r\n    margin-bottom: 8px;\r\n    color: var(--c-charcoal);\r\n  }\r\n  .s-shaper-landing-wrapper .kit-item-card p {\r\n    font-size: 13.5px;\r\n    color: var(--c-subtext);\r\n    line-height: 1.5;\r\n    margin-bottom: 16px;\r\n  }\r\n  .s-shaper-landing-wrapper .kit-value-tag {\r\n    margin-top: auto;\r\n    font-size: 12.5px;\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    letter-spacing: 0.04em;\r\n    text-transform: uppercase;\r\n    color: #3A332A;\r\n    background: #EFE8DC;\r\n    border: 1px solid #D8CEBE;\r\n    padding: 6px 12px;\r\n    border-radius: 6px;\r\n    font-weight: 800;\r\n    display: inline-block;\r\n    align-self: flex-start;\r\n  }\r\n  .s-shaper-landing-wrapper .kit-total-banner {\r\n    margin-top: 32px;\r\n    text-align: center;\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    box-shadow: 0 2px 10px rgba(58, 51, 42, 0.02);\r\n  }\r\n  .s-shaper-landing-wrapper .kit-total-banner p {\r\n    font-size: 16px;\r\n    color: var(--c-charcoal);\r\n  }\r\n  .s-shaper-landing-wrapper .kit-total-banner b {\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: var(--c-gold);\r\n  }\r\n\r\n  \/* SECTION 04: WHY S-SHAPER *\/\r\n  .s-shaper-landing-wrapper .reasons-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n    margin-top: 32px;\r\n  }\r\n  .s-shaper-landing-wrapper .reason-row {\r\n    display: grid;\r\n    grid-template-columns: 60px 1fr;\r\n    gap: 24px;\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 16px;\r\n    padding: 32px;\r\n    box-shadow: 0 2px 12px rgba(58, 51, 42, 0.02);\r\n  }\r\n  @media (max-width: 640px) {\r\n    .s-shaper-landing-wrapper .reason-row {\r\n      grid-template-columns: 1fr;\r\n      gap: 12px;\r\n      padding: 24px;\r\n    }\r\n  }\r\n  .s-shaper-landing-wrapper .reason-idx {\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: 42px;\r\n    color: var(--c-gold);\r\n    font-weight: 800;\r\n    line-height: 1;\r\n  }\r\n  .s-shaper-landing-wrapper .reason-content h3 {\r\n    font-size: 22px;\r\n    margin-bottom: 10px;\r\n  }\r\n  .s-shaper-landing-wrapper .reason-content p {\r\n    color: var(--c-subtext);\r\n    margin-bottom: 14px;\r\n  }\r\n  .s-shaper-landing-wrapper .reason-data-box {\r\n    background: var(--c-highlight-bg);\r\n    border-left: 3px solid var(--c-gold);\r\n    padding: 12px 18px;\r\n    margin: 12px 0 16px 0;\r\n    font-size: 14px;\r\n    color: var(--c-charcoal);\r\n    border-radius: 0 8px 8px 0;\r\n  }\r\n  .s-shaper-landing-wrapper .cert-tags-flex {\r\n    display: flex;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n    margin: 12px 0;\r\n  }\r\n  .s-shaper-landing-wrapper .cert-tag {\r\n    background: #FAF7F2;\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 6px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: var(--c-charcoal);\r\n    padding: 5px 12px;\r\n  }\r\n\r\n  \/* SECTION 05: OPTIMIZED HORIZONTAL TABS FOR 190 CATEGORIES PYRAMID *\/\r\n  .s-shaper-landing-wrapper .pyramid-container {\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 16px;\r\n    padding: clamp(20px, 4vw, 36px);\r\n    box-shadow: 0 4px 20px rgba(58, 51, 42, 0.03);\r\n    margin-top: 32px;\r\n  }\r\n  \r\n  .s-shaper-landing-wrapper .tier-tabs-nav {\r\n    display: flex;\r\n    gap: 10px;\r\n    border-bottom: 2px solid var(--c-border);\r\n    padding-bottom: 12px;\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n    scrollbar-width: thin;\r\n  }\r\n  .s-shaper-landing-wrapper .tier-tabs-nav::-webkit-scrollbar {\r\n    height: 4px;\r\n  }\r\n  .s-shaper-landing-wrapper .tier-tabs-nav::-webkit-scrollbar-thumb {\r\n    background: var(--c-border);\r\n    border-radius: 4px;\r\n  }\r\n  .s-shaper-landing-wrapper .tier-tab-btn {\r\n    flex: 0 0 auto;\r\n    padding: 12px 20px;\r\n    background: #FAF7F2;\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 8px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    color: var(--c-subtext);\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    white-space: nowrap;\r\n  }\r\n  .s-shaper-landing-wrapper .tier-tab-btn:hover {\r\n    background: var(--c-white);\r\n    border-color: var(--c-gold);\r\n    color: var(--c-gold);\r\n  }\r\n  .s-shaper-landing-wrapper .tier-tab-btn.active {\r\n    background: var(--c-gold);\r\n    border-color: var(--c-gold);\r\n    color: var(--c-white);\r\n    box-shadow: 0 4px 12px rgba(160, 124, 60, 0.25);\r\n  }\r\n  .s-shaper-landing-wrapper .tier-tab-count {\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    background: rgba(0, 0, 0, 0.08);\r\n    padding: 2px 8px;\r\n    border-radius: 100px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n  .s-shaper-landing-wrapper .tier-tab-btn.active .tier-tab-count {\r\n    background: rgba(255, 255, 255, 0.25);\r\n    color: var(--c-white);\r\n  }\r\n\r\n  \/* TAB CONTENT PANELS *\/\r\n  .s-shaper-landing-wrapper .tier-panel-content {\r\n    display: none;\r\n    padding-top: 24px;\r\n    animation: fadeIn 0.3s ease;\r\n  }\r\n  .s-shaper-landing-wrapper .tier-panel-content.active {\r\n    display: block;\r\n  }\r\n  .s-shaper-landing-wrapper .tier-panel-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-bottom: 16px;\r\n  }\r\n  .s-shaper-landing-wrapper .tier-panel-title {\r\n    font-size: 22px;\r\n    color: var(--c-charcoal);\r\n  }\r\n  .s-shaper-landing-wrapper .tier-stars {\r\n    color: var(--c-gold);\r\n    font-size: 14px;\r\n    letter-spacing: 2px;\r\n  }\r\n  .s-shaper-landing-wrapper .tier-panel-desc {\r\n    font-size: 15px;\r\n    color: var(--c-subtext);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .category-chips-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n    gap: 12px;\r\n  }\r\n  .s-shaper-landing-wrapper .category-chip {\r\n    background: #FAF7F2;\r\n    border: 1px solid var(--c-border);\r\n    padding: 12px 16px;\r\n    border-radius: 8px;\r\n    font-size: 13.5px;\r\n    color: var(--c-charcoal);\r\n    font-weight: 500;\r\n    transition: all 0.2s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    text-decoration: none;\r\n  }\r\n  .s-shaper-landing-wrapper .category-chip:hover {\r\n    background: var(--c-highlight-bg);\r\n    border-color: var(--c-gold);\r\n    color: var(--c-gold);\r\n    transform: translateX(3px);\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .pyramid-slogan {\r\n    text-align: center;\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    font-style: italic;\r\n    font-weight: 600;\r\n    font-size: 19px;\r\n    margin-top: 28px;\r\n    color: var(--c-charcoal);\r\n  }\r\n\r\n  \/* SECTION 06: FOUNDER STORY + FACTORY TRANSPARENCY *\/\r\n  .s-shaper-landing-wrapper .story-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 0.9fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n  }\r\n  @media (max-width: 860px) {\r\n    .s-shaper-landing-wrapper .story-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n  .s-shaper-landing-wrapper .story-quote-box blockquote {\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    font-weight: 600;\r\n    font-size: clamp(18px, 2vw + 12px, 22px);\r\n    line-height: 1.6;\r\n    border-left: 4px solid var(--c-gold);\r\n    padding-left: 20px;\r\n    color: var(--c-charcoal);\r\n    margin-bottom: 16px;\r\n  }\r\n  .s-shaper-landing-wrapper .story-signature {\r\n    font-size: 14px;\r\n    color: var(--c-muted);\r\n    font-weight: 600;\r\n  }\r\n  .s-shaper-landing-wrapper .story-img-wrap {\r\n    width: 100%;\r\n    height: 340px;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--c-border);\r\n    box-shadow: 0 4px 20px rgba(58, 51, 42, 0.05);\r\n  }\r\n  .s-shaper-landing-wrapper .story-img-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .factory-band {\r\n    margin-top: 48px;\r\n    background: var(--c-charcoal);\r\n    color: var(--c-bg);\r\n    border-radius: 16px;\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    gap: 16px;\r\n    padding: 28px 20px;\r\n    box-shadow: 0 8px 30px rgba(58, 51, 42, 0.1);\r\n  }\r\n  @media (max-width: 860px) {\r\n    .s-shaper-landing-wrapper .factory-band {\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n  }\r\n  @media (max-width: 540px) {\r\n    .s-shaper-landing-wrapper .factory-band {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n  .s-shaper-landing-wrapper .factory-item {\r\n    text-align: center;\r\n  }\r\n  .s-shaper-landing-wrapper .factory-number {\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: var(--c-white);\r\n    display: block;\r\n  }\r\n  .s-shaper-landing-wrapper .factory-number em {\r\n    font-style: normal;\r\n    color: var(--c-gold);\r\n    font-weight: 800;\r\n  }\r\n  .s-shaper-landing-wrapper .factory-label {\r\n    font-size: 11px;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--c-border);\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .brand-slogan-line {\r\n    text-align: center;\r\n    margin-top: 48px;\r\n  }\r\n  .s-shaper-landing-wrapper .brand-slogan-line .en {\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    font-size: clamp(22px, 3vw, 30px);\r\n    font-weight: 800;\r\n    color: var(--c-charcoal);\r\n  }\r\n  .s-shaper-landing-wrapper .brand-slogan-line .en em {\r\n    font-style: normal;\r\n    color: var(--c-gold);\r\n    font-weight: 800;\r\n  }\r\n\r\n  \/* SECTION 07: CLIENT CASE STUDIES *\/\r\n  .s-shaper-landing-wrapper .cases-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    margin-top: 32px;\r\n  }\r\n  @media (max-width: 860px) {\r\n    .s-shaper-landing-wrapper .cases-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n  .s-shaper-landing-wrapper .case-card {\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 12px;\r\n    padding: 32px 24px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .s-shaper-landing-wrapper .case-region-badge {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.1em;\r\n    color: var(--c-gold);\r\n    background: var(--c-badge-bg);\r\n    border: 1px solid var(--c-border);\r\n    padding: 4px 12px;\r\n    border-radius: 100px;\r\n    margin-bottom: 16px;\r\n    text-transform: uppercase;\r\n  }\r\n  .s-shaper-landing-wrapper .case-card h4 {\r\n    font-size: 18px;\r\n    color: var(--c-charcoal);\r\n    margin-bottom: 12px;\r\n  }\r\n  .s-shaper-landing-wrapper .case-result-text {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: var(--c-subtext);\r\n  }\r\n  .s-shaper-landing-wrapper .case-result-text b {\r\n    color: var(--c-gold);\r\n    font-weight: 700;\r\n  }\r\n  .s-shaper-landing-wrapper .case-footnote {\r\n    margin-top: 20px;\r\n    padding-top: 14px;\r\n    border-top: 1px solid var(--c-border);\r\n    font-size: 12px;\r\n    color: var(--c-muted);\r\n    width: 100%;\r\n  }\r\n\r\n  \/* SECTION 08: FINAL CTA & PROMISE *\/\r\n  .s-shaper-landing-wrapper .final-cta-section {\r\n    background: linear-gradient(135deg, #F5EFE4 0%, #EDE5D7 100%);\r\n    text-align: center;\r\n    border-top: 1px solid #E2D7C5;\r\n  }\r\n  .s-shaper-landing-wrapper .tracks-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 24px;\r\n    max-width: 840px;\r\n    margin: 36px auto 36px auto;\r\n  }\r\n  @media (max-width: 640px) {\r\n    .s-shaper-landing-wrapper .tracks-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n  .s-shaper-landing-wrapper .track-card {\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-border);\r\n    border-radius: 16px;\r\n    padding: 36px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    box-shadow: 0 4px 20px rgba(58, 51, 42, 0.03);\r\n  }\r\n  .s-shaper-landing-wrapper .track-card h3 {\r\n    font-size: 22px;\r\n    margin-bottom: 12px;\r\n  }\r\n  .s-shaper-landing-wrapper .track-card p {\r\n    font-size: 14px;\r\n    color: var(--c-subtext);\r\n    margin-bottom: 24px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .promise-banner {\r\n    max-width: 840px;\r\n    margin: 0 auto;\r\n    background: var(--c-charcoal);\r\n    color: var(--c-bg);\r\n    border-radius: 12px;\r\n    padding: 24px 30px;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    text-align: center;\r\n    box-shadow: 0 8px 30px rgba(58, 51, 42, 0.1);\r\n  }\r\n  .s-shaper-landing-wrapper .promise-banner b {\r\n    color: var(--c-gold);\r\n    font-size: 16px;\r\n  }\r\n\r\n  .s-shaper-landing-wrapper .contact-direct-line {\r\n    margin-top: 28px;\r\n    font-size: 15px;\r\n    color: var(--c-charcoal);\r\n  }\r\n  .s-shaper-landing-wrapper .contact-direct-line b {\r\n    color: var(--c-gold);\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* RESPONSIVE SAFETY & MOBILE OPTIMIZATIONS *\/\r\n  @media (max-width: 768px) {\r\n    .s-shaper-landing-wrapper .section-padding {\r\n      padding: clamp(36px, 8vw, 60px) 0;\r\n    }\r\n    .s-shaper-landing-wrapper .container {\r\n      padding: 0 16px;\r\n    }\r\n  }\r\n  @media (max-width: 540px) {\r\n    .s-shaper-landing-wrapper .btn {\r\n      width: 100%;\r\n      white-space: normal;\r\n      text-align: center;\r\n      padding: 12px 16px;\r\n    }\r\n    .s-shaper-landing-wrapper .hero-cta {\r\n      flex-direction: column;\r\n      width: 100%;\r\n      gap: 12px;\r\n    }\r\n    .s-shaper-landing-wrapper .hero-cta .btn {\r\n      width: 100%;\r\n    }\r\n    .s-shaper-landing-wrapper .quiz-nav-row {\r\n      flex-direction: column-reverse;\r\n      gap: 10px;\r\n    }\r\n    .s-shaper-landing-wrapper .quiz-nav-row .btn {\r\n      width: 100%;\r\n    }\r\n    .s-shaper-landing-wrapper .category-chips-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- MAIN ELEMENTOR CONTENT WRAPPER -->\r\n<div class=\"s-shaper-landing-wrapper\">\r\n\r\n  <!-- HERO SECTION \/ COVER -->\r\n  <section class=\"hero-section\">\r\n    <div class=\"hero-circle-1\"><\/div>\r\n    <div class=\"hero-circle-2\"><\/div>\r\n    <div class=\"container hero-content\">\r\n      <div class=\"hero-brand\">SHENZHEN \u00b7 SINCE 2015 \u00b7 SEAMLESS BASE LAYERS<\/div>\r\n      <div class=\"hero-title\">\r\n        <h1>190 Categories.<br>1 Contact. 0 Headaches.<\/h1>\r\n      <\/div>\r\n      <div class=\"hero-subtitle\">\r\n        Shape Your Brand With Us \u2014 Seamless base layers, engineered in Shenzhen since 2015.\r\n      <\/div>\r\n      <div class=\"hero-hook\">\r\n        Start with a <b>$500 trial order<\/b> \u2014 samples in <b>2\u20135 days<\/b>, 6 certifications verified.\r\n      <\/div>\r\n      <div class=\"hero-cta\">\r\n        <a class=\"btn btn-primary\" href=\"https:\/\/api.whatsapp.com\/send?phone=8618129831782&amp;text=SAMPLE\" target=\"_blank\" rel=\"noopener\">Request Free Sample \u2014 DM \"SAMPLE\"<\/a>\r\n        <a class=\"btn btn-ghost\" href=\"https:\/\/s-shaper.com\/contact-us\/\" target=\"_blank\" rel=\"noopener\">Book a 15-min Factory Tour Video Call<\/a>\r\n      <\/div>\r\n\r\n      <!-- TRUST STAT BAND -->\r\n      <div class=\"stat-band\">\r\n        <div class=\"stat-item\">\r\n          <span class=\"stat-number\">36M<em>+<\/em><\/span>\r\n          <span class=\"stat-label\">Pieces Delivered<\/span>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <span class=\"stat-number\">200<em>+<\/em><\/span>\r\n          <span class=\"stat-label\">Clients Served<\/span>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <span class=\"stat-number\">30<em>+<\/em><\/span>\r\n          <span class=\"stat-label\">Countries<\/span>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <span class=\"stat-number\">90<em>%<\/em><\/span>\r\n          <span class=\"stat-label\">Repurchase Rate<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 02: REDESIGNED SOURCING QUIZ GUIDE WIZARD -->\r\n  <section id=\"quiz\" class=\"section-padding\">\r\n    <div class=\"container\">\r\n      <span class=\"badge\">01 \u00b7 Sourcing Guide<\/span>\r\n      <h2>Find Your Sourcing Path<\/h2>\r\n      <p class=\"section-intro\">\r\n        Answer 3 quick questions and get a tailored quote within 24 hours.\r\n      <\/p>\r\n\r\n      <div class=\"quiz-card-box\">\r\n        <!-- WIZARD STEP HEADER TABS -->\r\n        <div class=\"quiz-step-tabs\" id=\"quizStepTabs\">\r\n          <button class=\"quiz-step-btn active\" data-step=\"1\">\r\n            <span class=\"step-num\">1<\/span>\r\n            <span class=\"step-title\">Business Role<\/span>\r\n          <\/button>\r\n          <div class=\"quiz-step-arrow\">\u2192<\/div>\r\n          <button class=\"quiz-step-btn\" data-step=\"2\">\r\n            <span class=\"step-num\">2<\/span>\r\n            <span class=\"step-title\">Product Stage<\/span>\r\n          <\/button>\r\n          <div class=\"quiz-step-arrow\">\u2192<\/div>\r\n          <button class=\"quiz-step-btn\" data-step=\"3\">\r\n            <span class=\"step-num\">3<\/span>\r\n            <span class=\"step-title\">Category Focus<\/span>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <!-- SELECTIONS SUMMARY BAR -->\r\n        <div class=\"quiz-summary-bar\" id=\"quizSummaryBar\">\r\n          <div class=\"summary-item\">\r\n            <span class=\"lbl\">Role:<\/span>\r\n            <span class=\"val\" id=\"sumRole\">Brand Owner<\/span>\r\n          <\/div>\r\n          <div class=\"summary-item\">\r\n            <span class=\"lbl\">Stage:<\/span>\r\n            <span class=\"val\" id=\"sumStage\">Validating Product<\/span>\r\n          <\/div>\r\n          <div class=\"summary-item\">\r\n            <span class=\"lbl\">Category:<\/span>\r\n            <span class=\"val\" id=\"sumCat\">Mega-Market Basics<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 1 PANEL -->\r\n        <div class=\"quiz-step-panel active\" id=\"quizStep1\">\r\n          <h3 class=\"step-heading\">Q1 \u00b7 What best describes your business role?<\/h3>\r\n          <div class=\"quiz-options-grid\">\r\n            <div class=\"quiz-opt-card selected\" data-q=\"q1\" data-val=\"brand\">\r\n              <div class=\"opt-tag\">PATH 01<\/div>\r\n              <div class=\"opt-content\">\r\n                <h4>Brand Owner<\/h4>\r\n                <p>I own or manage an established apparel brand<\/p>\r\n              <\/div>\r\n              <div class=\"opt-check\">\u2713<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"quiz-opt-card\" data-q=\"q1\" data-val=\"trading\">\r\n              <div class=\"opt-tag\">PATH 02<\/div>\r\n              <div class=\"opt-content\">\r\n                <h4>Trading Company \/ Agent<\/h4>\r\n                <p>I source for my retail or commercial clients<\/p>\r\n              <\/div>\r\n              <div class=\"opt-check\">\u2713<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"quiz-opt-card\" data-q=\"q1\" data-val=\"ecom\">\r\n              <div class=\"opt-tag\">PATH 03<\/div>\r\n              <div class=\"opt-content\">\r\n                <h4>E-Commerce Startup<\/h4>\r\n                <p>New cross-border or DTC seller<\/p>\r\n              <\/div>\r\n              <div class=\"opt-check\">\u2713<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"quiz-nav-row\">\r\n            <span><\/span>\r\n            <button class=\"btn btn-primary btn-sm quiz-next-btn\" data-next=\"2\">Next: Product Stage \u2192<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 2 PANEL -->\r\n        <div class=\"quiz-step-panel\" id=\"quizStep2\">\r\n          <h3 class=\"step-heading\">Q2 \u00b7 Where are you in your product journey?<\/h3>\r\n          <div class=\"quiz-options-grid\">\r\n            <div class=\"quiz-opt-card selected\" data-q=\"q2\" data-val=\"trial\">\r\n              <div class=\"opt-tag\">STAGE 01<\/div>\r\n              <div class=\"opt-content\">\r\n                <h4>Validating a Product<\/h4>\r\n                <p>$500 trial order range to test market<\/p>\r\n              <\/div>\r\n              <div class=\"opt-check\">\u2713<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"quiz-opt-card\" data-q=\"q2\" data-val=\"growth\">\r\n              <div class=\"opt-tag\">STAGE 02<\/div>\r\n              <div class=\"opt-content\">\r\n                <h4>Scaling Up<\/h4>\r\n                <p>1,000\u201310,000 pcs per style<\/p>\r\n              <\/div>\r\n              <div class=\"opt-check\">\u2713<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"quiz-opt-card\" data-q=\"q2\" data-val=\"scale\">\r\n              <div class=\"opt-tag\">STAGE 03<\/div>\r\n              <div class=\"opt-content\">\r\n                <h4>Established Volume<\/h4>\r\n                <p>10,000+ pcs per style<\/p>\r\n              <\/div>\r\n              <div class=\"opt-check\">\u2713<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"quiz-nav-row\">\r\n            <button class=\"btn btn-ghost btn-sm quiz-prev-btn\" data-prev=\"1\">\u2190 Back<\/button>\r\n            <button class=\"btn btn-primary btn-sm quiz-next-btn\" data-next=\"3\">Next: Category Focus \u2192<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 3 PANEL -->\r\n        <div class=\"quiz-step-panel\" id=\"quizStep3\">\r\n          <h3 class=\"step-heading\">Q3 \u00b7 What product category are you sourcing?<\/h3>\r\n          <div class=\"quiz-options-grid\">\r\n            <div class=\"quiz-opt-card selected\" data-q=\"q3\" data-val=\"mega\">\r\n              <div class=\"opt-tag\">CAT 01<\/div>\r\n              <div class=\"opt-content\">\r\n                <h4>Mega-Market Basics<\/h4>\r\n                <p>Underwear, bras, base layers, men's essentials<\/p>\r\n              <\/div>\r\n              <div class=\"opt-check\">\u2713<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"quiz-opt-card\" data-q=\"q3\" data-val=\"growth-cat\">\r\n              <div class=\"opt-tag\">CAT 02<\/div>\r\n              <div class=\"opt-content\">\r\n                <h4>High-Growth Categories<\/h4>\r\n                <p>Shapewear, swimwear, loungewear, yoga<\/p>\r\n              <\/div>\r\n              <div class=\"opt-check\">\u2713<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"quiz-opt-card\" data-q=\"q3\" data-val=\"other190\">\r\n              <div class=\"opt-tag\">CAT 03<\/div>\r\n              <div class=\"opt-content\">\r\n                <h4>Specialized 190 Categories<\/h4>\r\n                <p>Niche, premium, or technical tracks<\/p>\r\n              <\/div>\r\n              <div class=\"opt-check\">\u2713<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"quiz-nav-row\">\r\n            <button class=\"btn btn-ghost btn-sm quiz-prev-btn\" data-prev=\"2\">\u2190 Back<\/button>\r\n            <button class=\"btn btn-primary btn-sm\" id=\"viewResultBtn\">View Custom Recommendation \u2192<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- RESULT PANEL -->\r\n        <div class=\"quiz-result-panel\" id=\"quizResultPanel\">\r\n          <!-- Dynamically populated via JS -->\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 03: NEW PARTNER STARTER KIT -->\r\n  <section id=\"kit\" class=\"section-padding kit-section\">\r\n    <div class=\"container\">\r\n      <span class=\"badge\">02 \u00b7 New Partner Incentives<\/span>\r\n      <h2>New Partner Starter Kit \u2014 A $1,300 Incentive Package<\/h2>\r\n      <p class=\"section-intro\">\r\n        We cut your upfront risk with a $1,300 incentive package, applied directly to your first order.\r\n      <\/p>\r\n\r\n      <div class=\"kit-grid\">\r\n        <div class=\"kit-item-card\">\r\n          <div class=\"kit-number\">01<\/div>\r\n          <h4>Trial Order Credit<\/h4>\r\n          <p>First order starting from $500 \u2014 a low-barrier way to validate before our standard MOQ of 1,000 pcs.<\/p>\r\n          <div class=\"kit-value-tag\">$500 Credit Value<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kit-item-card\">\r\n          <div class=\"kit-number\">02<\/div>\r\n          <h4>Fast Sampling<\/h4>\r\n          <p>Rapid sampling delivered in 2\u20135 days (7\u201310 working days for complex custom styles).<\/p>\r\n          <div class=\"kit-value-tag\">$300 Value<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kit-item-card\">\r\n          <div class=\"kit-number\">03<\/div>\r\n          <h4>Free Tech Pack Review<\/h4>\r\n          <p>Complimentary structural review and fabric guidance from our expert design team.<\/p>\r\n          <div class=\"kit-value-tag\">$300 Value<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kit-item-card\">\r\n          <div class=\"kit-number\">04<\/div>\r\n          <h4>Certification Dossier<\/h4>\r\n          <p>Six full global certifications plus third-party lab test reports provided with your order.<\/p>\r\n          <div class=\"kit-value-tag\">$200 Documentation Value<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kit-total-banner\">\r\n        <p>Combined Value <b>$1,300<\/b> \u2014 Applied directly to your first manufacturing order.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 04: WHY S-SHAPER -->\r\n  <section id=\"why\" class=\"section-padding\">\r\n    <div class=\"container\">\r\n      <span class=\"badge\">03 \u00b7 Why S-SHAPER<\/span>\r\n      <h2>Four Reasons Buyers Stay<\/h2>\r\n      <p class=\"section-intro\">\r\n        We eliminate the usual bottlenecks of apparel sourcing \u2014 certified quality, reliable supply, fast turnaround.\r\n      <\/p>\r\n\r\n      <div class=\"reasons-list\">\r\n        <!-- REASON 1 -->\r\n        <div class=\"reason-row\">\r\n          <div class=\"reason-idx\">1<\/div>\r\n          <div class=\"reason-content\">\r\n            <h3>One Factory, 190 Categories<\/h3>\r\n            <p>Stop juggling multiple suppliers. From seamless underwear to technical ski base layers, 190 categories are manufactured under one roof \u2014 tiered from mega-market basics to niche professional wear.<\/p>\r\n            <div class=\"reason-data-box\">\r\n              Matrix Breakdown: 6 mega categories + 22 high-growth + 62 B2B stable + 84 niche premium + 16 future tracks.\r\n            <\/div>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-ghost btn-sm\" style=\"margin-top: 8px;\">Explore 190-Category Matrix \u2192<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- REASON 2 -->\r\n        <div class=\"reason-row\">\r\n          <div class=\"reason-idx\">2<\/div>\r\n          <div class=\"reason-content\">\r\n            <h3>Three Technologies, Zero Side Seams<\/h3>\r\n            <p>Italian Santoni seamless knitting, flatlock stitching, and ultrasonic bonding \u2014 in one factory. Every garment goes through 26 production steps and 30+ QC checks before it ships. Our hook-resistance test: 600 cycles. Pilling test: 14,400 rubs. Stretch recovery: 1,000 cycles. National standard: no requirement.<\/p>\r\n            <div class=\"reason-data-box\">\r\n              Quality Assurance: 100+ real wear-testers \u00d7 1 month \u00d7 3 rounds before any bulk production.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- REASON 3 -->\r\n        <div class=\"reason-row\">\r\n          <div class=\"reason-idx\">3<\/div>\r\n          <div class=\"reason-content\">\r\n            <h3>Six Certifications, All on File<\/h3>\r\n            <p>Six verified international certifications with original documentation on file, plus 3 design patents and Alibaba Gold Plus Supplier status. Every manufacturing claim is fully auditable.<\/p>\r\n            <div class=\"cert-tags-flex\">\r\n              <span class=\"cert-tag\">ISO 9001<\/span>\r\n              <span class=\"cert-tag\">ISO 14001<\/span>\r\n              <span class=\"cert-tag\">ISO 45001<\/span>\r\n              <span class=\"cert-tag\">SA8000<\/span>\r\n              <span class=\"cert-tag\">GRS<\/span>\r\n              <span class=\"cert-tag\">CE<\/span>\r\n            <\/div>\r\n            <div class=\"reason-data-box\">\r\n              Data on this page is sourced from S-SHAPER internal operating records (verified July 2026). Certificates available upon request.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- REASON 4 -->\r\n        <div class=\"reason-row\">\r\n          <div class=\"reason-idx\">4<\/div>\r\n          <div class=\"reason-content\">\r\n            <h3>Samples Out in 2\u20135 Days<\/h3>\r\n            <p>2\u20135 days regular sampling \u00b7 7\u201310 business days complex styles \u00b7 7\u201315 days bulk production \u00b7 48-hour yarn sourcing radius \u00b7 50+ functional yarns in stock (recycled nylon, silver-ion antimicrobial, far-infrared, coffee charcoal, cooling\u2026).<\/p>\r\n            <div class=\"reason-data-box\">\r\n              Flexible Specs: Standard MOQ 1,000 pcs \u00b7 size range XXS\u20136XL \u00b7 initial trial from $500.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 05: OPTIMIZED 190 CATEGORY PYRAMID TABS -->\r\n  <section id=\"pyramid\" class=\"section-padding\" style=\"background: rgba(160, 124, 60, 0.02)\">\r\n    <div class=\"container\">\r\n      <span class=\"badge\">04 \u00b7 Product Matrix<\/span>\r\n      <h2>190-Category Spectrum<\/h2>\r\n      <p class=\"section-intro\">\r\n        Browse the full 190-category lineup \u2014 switch tabs to find the tier built for your market.\r\n      <\/p>\r\n\r\n      <div class=\"pyramid-container\">\r\n        <!-- OPTIMIZED HORIZONTAL TABS (FULLY VISIBLE & RESPONSIVE) -->\r\n        <div class=\"tier-tabs-nav\" id=\"tierTabsNav\">\r\n          <button class=\"tier-tab-btn active\" data-panel=\"panel-1\">\r\n            Tier 1: Mega Markets\r\n            <span class=\"tier-tab-count\">6<\/span>\r\n          <\/button>\r\n          <button class=\"tier-tab-btn\" data-panel=\"panel-2\">\r\n            Tier 2: High-Growth\r\n            <span class=\"tier-tab-count\">22<\/span>\r\n          <\/button>\r\n          <button class=\"tier-tab-btn\" data-panel=\"panel-3\">\r\n            Tier 3: Commercial Staples\r\n            <span class=\"tier-tab-count\">62<\/span>\r\n          <\/button>\r\n          <button class=\"tier-tab-btn\" data-panel=\"panel-4\">\r\n            Tier 4: Brand Premium\r\n            <span class=\"tier-tab-count\">84<\/span>\r\n          <\/button>\r\n          <button class=\"tier-tab-btn\" data-panel=\"panel-5\">\r\n            Tier 5: Future Tracks\r\n            <span class=\"tier-tab-count\">16<\/span>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <!-- PANEL 1 -->\r\n        <div class=\"tier-panel-content active\" id=\"panel-1\">\r\n          <div class=\"tier-panel-header\">\r\n            <h3 class=\"tier-panel-title\">Tier 1: Mega Markets<\/h3>\r\n            <span class=\"tier-stars\">Market Size: Massive<\/span>\r\n          <\/div>\r\n          <p class=\"tier-panel-desc\">\r\n            Core cash-flow staples with proven patterns, fast sampling turnaround, and high repurchase rates.\r\n          <\/p>\r\n          <div class=\"category-chips-grid\">\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-underwear\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Underwear<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-bra\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Bra<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-base-layer-top\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Base Layer Top<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-mens-essentials\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Men's Essentials<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-fitness-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Fitness Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-personal-trainer-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Personal Trainer Series<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- PANEL 2 -->\r\n        <div class=\"tier-panel-content\" id=\"panel-2\">\r\n          <div class=\"tier-panel-header\">\r\n            <h3 class=\"tier-panel-title\">Tier 2: High-Growth Categories<\/h3>\r\n            <span class=\"tier-stars\">Market Size: Large<\/span>\r\n          <\/div>\r\n          <p class=\"tier-panel-desc\">\r\n            Rapidly expanding consumer segments with high margin potential and high brand loyalty.\r\n          <\/p>\r\n          <div class=\"category-chips-grid\">\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-shaping-cami\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Shaping Cami<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-thermal-underwear\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Thermal Underwear<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-bodysuit\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Bodysuit<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-shaping-pants\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Shaping Pants<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-sports-bra\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Sports Bra<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-swimwear-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Swimwear Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-youth-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Youth Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-loungewear-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Loungewear Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-yoga-pilates-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Yoga & Pilates Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-plus-size-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Plus Size Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-golf-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Golf Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-tennis-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Tennis Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-outdoor-hiking-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Outdoor & Hiking Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-ski-snowboard-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Ski & Snowboard Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-sleep-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Sleep Collection<\/a>\r\n            <a href=\"https:\/\/s-shaper.com\/application\/seamless-postpartum-nursing-loungewear-collection\/\" class=\"category-chip\" target=\"_blank\" rel=\"noopener\">Seamless Postpartum Nursing Loungewear\u00a0Collection<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- PANEL 3 -->\r\n        <div class=\"tier-panel-content\" id=\"panel-3\">\r\n          <div class=\"tier-panel-header\">\r\n            <h3 class=\"tier-panel-title\">Tier 3: Commercial Staples<\/h3>\r\n            <span class=\"tier-stars\">Market Size: Steady<\/span>\r\n          <\/div>\r\n          <p class=\"tier-panel-desc\">\r\n            62 commercial categories \u2014 maternity, post-surgical recovery, workwear, hotel & spa, cycling, and more.\r\n          <\/p>\r\n          <div class=\"category-chips-grid\">\r\n            <span class=\"category-chip\">Maternity Collection<\/span>\r\n            <span class=\"category-chip\">Seamless\u00a0Recovery & Support\u00a0Collection<\/span>\r\n            <span class=\"category-chip\">Cycling & Triathlon Wear<\/span>\r\n            <span class=\"category-chip\">Tactical & Military Undergarments<\/span>\r\n            <span class=\"category-chip\">Beauty & SPA Uniform Layers<\/span>\r\n            <span class=\"category-chip\">Hotel SPA & Wellness Wear<\/span>\r\n            <span class=\"category-chip\">Logistics & Delivery Workwear<\/span>\r\n            <span class=\"category-chip\">Warehouse & Sorting Base Layers<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- PANEL 4 -->\r\n        <div class=\"tier-panel-content\" id=\"panel-4\">\r\n          <div class=\"tier-panel-header\">\r\n            <h3 class=\"tier-panel-title\">Tier 4: Brand Premium<\/h3>\r\n            <span class=\"tier-stars\">Market Size: Niche<\/span>\r\n          <\/div>\r\n          <p class=\"tier-panel-desc\">\r\n            84 niche categories with high margins and a brand story worth telling.\r\n          <\/p>\r\n          <div class=\"category-chips-grid\">\r\n            <span class=\"category-chip\">Motorsport Collection<\/span>\r\n            <span class=\"category-chip\">Shooting & Archery Base Apparel<\/span>\r\n            <span class=\"category-chip\">Polar Expedition Thermal Gear<\/span>\r\n            <span class=\"category-chip\">Equestrian Compression Wear<\/span>\r\n            <span class=\"category-chip\">Stage & Performing Arts Layers<\/span>\r\n            <span class=\"category-chip\">Fine Art Conservation Workwear<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- PANEL 5 -->\r\n        <div class=\"tier-panel-content\" id=\"panel-5\">\r\n          <div class=\"tier-panel-header\">\r\n            <h3 class=\"tier-panel-title\">Tier 5: Future Tracks<\/h3>\r\n            <span class=\"tier-stars\">Market Size: Emerging<\/span>\r\n          <\/div>\r\n          <p class=\"tier-panel-desc\">\r\n            16 emerging frontiers \u2014 from aerospace to deep-sea to smart wearables.\r\n          <\/p>\r\n          <div class=\"category-chips-grid\">\r\n            <span class=\"category-chip\">Space Tourism Base Garments<\/span>\r\n            <span class=\"category-chip\">Deep-Sea Diving Underlayers<\/span>\r\n            <span class=\"category-chip\">Analog Habitat Enclosure Wear<\/span>\r\n            <span class=\"category-chip\">Smart Sensor Integrated Layers<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"pyramid-slogan\">\r\n          \"Your target market is somewhere in this spectrum. We'll pinpoint it in one call.\"\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 06: FOUNDER STORY & FACTORY TRANSPARENCY -->\r\n  <section id=\"story\" class=\"section-padding\">\r\n    <div class=\"container\">\r\n      <span class=\"badge\">05 \u00b7 Heritage & Capacity<\/span>\r\n      <h2 style=\"margin-top: 8px; margin-bottom: 24px;\">That Obsession Is Now Your Supply Chain.<\/h2>\r\n      <div class=\"story-grid\">\r\n        <div class=\"story-quote-box\">\r\n          <blockquote>\r\n            \"S-SHAPER was born from love. When co-founder Anny, an industrial designer, couldn't find comfortable shapewear after childbirth, she and Louis \u2014 a technical researcher and outdoor enthusiast \u2014 spent six months traveling China for the right materials, three months building the first prototype, and tested it on women of different nationalities and body types. That obsession is now your supply chain.\"\r\n          <\/blockquote>\r\n          <p class=\"story-signature\">\u2014 Anny & Louis, Co-Founders of S-SHAPER<\/p>\r\n        <\/div>\r\n\r\n        <!-- REAL FACTORY IMAGERY FILL -->\r\n        <div class=\"story-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/s-shaper.com\/wp-content\/uploads\/2026\/07\/S-SHAPER-B2B-Shakehand.jpg\" alt=\"S-SHAPER Business Partnership\" referrerpolicy=\"no-referrer\" title=\"\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FACTORY STAT BAND -->\r\n      <div class=\"factory-band\">\r\n        <div class=\"factory-item\">\r\n          <span class=\"factory-number\">2015<\/span>\r\n          <span class=\"factory-label\">Established<\/span>\r\n        <\/div>\r\n        <div class=\"factory-item\">\r\n          <span class=\"factory-number\">13,980 <em>m\u00b2<\/em><\/span>\r\n          <span class=\"factory-label\">Factory Footprint<\/span>\r\n        <\/div>\r\n        <div class=\"factory-item\">\r\n          <span class=\"factory-number\">36M<em>+<\/em><\/span>\r\n          <span class=\"factory-label\">Total Pieces Delivered<\/span>\r\n        <\/div>\r\n        <div class=\"factory-item\">\r\n          <span class=\"factory-number\">26<em>+<\/em><\/span>\r\n          <span class=\"factory-label\">Processes<\/span>\r\n        <\/div>\r\n        <div class=\"factory-item\">\r\n          <span class=\"factory-number\">30<em>+<\/em><\/span>\r\n          <span class=\"factory-label\">QC Checkpoints<\/span>\r\n        <\/div>\r\n        <div class=\"factory-item\">\r\n          <span class=\"factory-number\">XXS<em>\u2013<\/em>6XL<\/span>\r\n          <span class=\"factory-label\">Size Capacity<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"brand-slogan-line\">\r\n        <p class=\"en\">Born from Love. <em>Engineered for Precision.<\/em><\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 07: CLIENT CASE STUDIES -->\r\n  <section id=\"cases\" class=\"section-padding\" style=\"background: rgba(160, 124, 60, 0.02)\">\r\n    <div class=\"container\">\r\n      <span class=\"badge\">06 \u00b7 Client Success<\/span>\r\n      <h2>Proven Results Across Markets<\/h2>\r\n      <p class=\"section-intro\">\r\n        Real operational milestones achieved with global brand partners across Europe, North America, and the Middle East.\r\n      <\/p>\r\n\r\n      <div class=\"cases-grid\">\r\n        <!-- CASE 1 -->\r\n        <div class=\"case-card\">\r\n          <div class=\"case-region-badge\">Europe<\/div>\r\n          <h4>European Fashion Group<\/h4>\r\n          <p class=\"case-result-text\">\r\n            Scaled from an initial <b>$500 trial order<\/b> to <b>120,000 pcs\/year<\/b> within 18 months.\r\n          <\/p>\r\n          <div class=\"case-footnote\">Verified against internal production records<\/div>\r\n        <\/div>\r\n\r\n        <!-- CASE 2 -->\r\n        <div class=\"case-card\">\r\n          <div class=\"case-region-badge\">North America<\/div>\r\n          <h4>North American DTC Brand<\/h4>\r\n          <p class=\"case-result-text\">\r\n            Achieved initial batch <b>sell-out in 6 weeks<\/b> using our fast-track ODM development process.\r\n          <\/p>\r\n          <div class=\"case-footnote\">Verified against internal production records<\/div>\r\n        <\/div>\r\n\r\n        <!-- CASE 3 -->\r\n        <div class=\"case-card\">\r\n          <div class=\"case-region-badge\">Middle East<\/div>\r\n          <h4>Middle East Retail Chain<\/h4>\r\n          <p class=\"case-result-text\">\r\n            Maintained a <b>92% repurchase rate<\/b> across 3 consecutive seasonal catalog drops.\r\n          <\/p>\r\n          <div class=\"case-footnote\">Verified against internal production records<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 08: FINAL CTA & PROMISE -->\r\n  <section id=\"cta\" class=\"section-padding final-cta-section\">\r\n    <div class=\"container\">\r\n      <span class=\"badge\">07 \u00b7 Partner Engagement<\/span>\r\n      <h2>Ready to Build Your Next Best-Seller?<\/h2>\r\n      <p class=\"section-intro\" style=\"margin: 0 auto 24px auto;\">\r\n        Pick the path that fits you \u2014 we'll take it from there.\r\n      <\/p>\r\n\r\n      <div class=\"tracks-grid\">\r\n        <div class=\"track-card\">\r\n          <h3>Start Your ODM Project<\/h3>\r\n          <p>For brand owners & large buyers \u2014 select from our 190-category catalog for full design-to-delivery support.<\/p>\r\n          <a href=\"https:\/\/s-shaper.com\/contact-us\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Start Your ODM Project<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"track-card\">\r\n          <h3>Start with $500 Trial<\/h3>\r\n          <p>For new sellers & startups \u2014 samples in 2\u20135 days, minimal upfront risk.<\/p>\r\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=8618129831782&amp;text=SAMPLE\" class=\"btn btn-secondary\" target=\"_blank\" rel=\"noopener\">Start with $500 Trial<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- UNIFIED PROMISE BANNER -->\r\n      <div class=\"promise-banner\">\r\n        <b>100% OEM\/ODM Guarantee \u2014 We Never Compete With Our Clients.<\/b><br>\r\n        S-SHAPER does not market under its own brand name. We are 100% dedicated to manufacturing for YOUR brand.\r\n      <\/div>\r\n\r\n      <div style=\"margin-top: 14px; font-size: 12.5px; opacity: 0.85; font-weight: 400; text-align: center; color: #666;\">\r\n        Data on this page is sourced from S-SHAPER internal operating records (verified July 2026). Certificates available upon request.\r\n      <\/div>\r\n\r\n      <div class=\"contact-direct-line\" style=\"display:flex; justify-content:center; gap:16px; flex-wrap:wrap; align-items:center; margin-top:28px;\">\r\n        <a href=\"https:\/\/s-shaper.com\/contact-us\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-ghost btn-sm\">\ud83c\udf10 Contact Us Page<\/a>\r\n        <a href=\"mailto:anny@s-shaper.com\" class=\"btn btn-ghost btn-sm\">\u2709\ufe0f Email: anny@s-shaper.com<\/a>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=8618129831782\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-ghost btn-sm\">\ud83d\udcac WhatsApp: +86 181 2983 1782<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT FOR WIZARD QUIZ & TABS INTERACTION -->\r\n<script>\r\n  (function(){\r\n    \/\/ 1. REDESIGNED SOURCING QUIZ WIZARD LOGIC\r\n    const answers = { q1: 'brand', q2: 'trial', q3: 'mega' };\r\n    const labels = {\r\n      q1: { brand: 'Brand Owner', trading: 'Trading Company \/ Agent', ecom: 'E-Commerce Startup' },\r\n      q2: { trial: 'Validating Product', growth: 'Scaling Up', scale: 'Established Volume' },\r\n      q3: { mega: 'Mega-Market Basics', 'growth-cat': 'High-Growth Categories', other190: 'Specialized 190' }\r\n    };\r\n\r\n    const PATHS = {\r\n      brand: {\r\n        tag: 'Recommended Path \u00b7 Full ODM',\r\n        title: 'ODM One-Stop Path \u2014 Engineered for Brand Owners',\r\n        points: [\r\n          'Choose from our 190-category matrix; our design team customizes styles tailored to your tech pack.',\r\n          'Free structural review and fabric guidance from our 50+ functional yarn library.',\r\n          '6 full international certifications + lab test reports included with bulk order.'\r\n        ],\r\n        ctaText: 'Start Your ODM Project',\r\n        ctaUrl: 'https:\/\/s-shaper.com\/contact-us\/'\r\n      },\r\n      trading: {\r\n        tag: 'Recommended Path \u00b7 Rapid OEM',\r\n        title: 'OEM Fast-Track Path \u2014 Built for Traders & Agents',\r\n        points: [\r\n          'Submit design drafts \u2014 get instant sampling in 2\u20135 days (7\u201310 days for complex styles).',\r\n          'Flexible MOQ starting from 1,000 pcs per style with XXS\u20136XL sizing.',\r\n          'Full compliance dossier prepared for your end clients\\' auditing requirements.'\r\n        ],\r\n        ctaText: 'Request OEM Quote',\r\n        ctaUrl: 'mailto:anny@s-shaper.com?subject=OEM%20Quotation%20Inquiry'\r\n      },\r\n      ecom: {\r\n        tag: 'Recommended Path \u00b7 $500 Trial',\r\n        title: '$500 Trial Path \u2014 Built for E-Commerce Startups',\r\n        points: [\r\n          'Validate product demand with an initial $500 order before committing to standard MOQs.',\r\n          'Priority 2\u20135 day sampling turnaround.',\r\n          'Market strategy consultation based on top-selling categories in your target region.'\r\n        ],\r\n        ctaText: 'Start $500 Trial Order',\r\n        ctaUrl: 'https:\/\/api.whatsapp.com\/send?phone=8618129831782&text=SAMPLE'\r\n      }\r\n    };\r\n\r\n    function updateSummary() {\r\n      const sumRole = document.getElementById('sumRole');\r\n      const sumStage = document.getElementById('sumStage');\r\n      const sumCat = document.getElementById('sumCat');\r\n\r\n      if(sumRole) sumRole.textContent = labels.q1[answers.q1] || 'Brand Owner';\r\n      if(sumStage) sumStage.textContent = labels.q2[answers.q2] || 'Validating Product';\r\n      if(sumCat) sumCat.textContent = labels.q3[answers.q3] || 'Mega-Market Basics';\r\n    }\r\n\r\n    function renderResult() {\r\n      const resultPanel = document.getElementById('quizResultPanel');\r\n      if(!resultPanel) return;\r\n      const path = PATHS[answers.q1] || PATHS.brand;\r\n      resultPanel.innerHTML = `\r\n        <span class=\"quiz-result-badge\">${path.tag}<\/span>\r\n        <h4>${path.title}<\/h4>\r\n        <ul style=\"margin-bottom:20px; padding-left:20px;\">\r\n          ${path.points.map(pt => `<li style=\"margin-bottom:8px; color:#4A4A4A;\">${pt}<\/li>`).join('')}\r\n        <\/ul>\r\n        <div style=\"display:flex; gap:12px; align-items:center; flex-wrap:wrap;\">\r\n          <a href=\"${path.ctaUrl}\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary btn-sm\">${path.ctaText}<\/a>\r\n          <button class=\"btn btn-ghost btn-sm\" id=\"resetQuizBtn\">Change Answers<\/button>\r\n        <\/div>\r\n      `;\r\n      resultPanel.classList.add('active');\r\n\r\n      document.getElementById('resetQuizBtn')?.addEventListener('click', () => {\r\n        showStep(1);\r\n      });\r\n    }\r\n\r\n    function showStep(stepNum) {\r\n      document.querySelectorAll('.quiz-step-btn').forEach(btn => {\r\n        if (btn.getAttribute('data-step') == stepNum) {\r\n          btn.classList.add('active');\r\n        } else {\r\n          btn.classList.remove('active');\r\n        }\r\n      });\r\n\r\n      document.querySelectorAll('.quiz-step-panel').forEach(panel => {\r\n        if (panel.id === 'quizStep' + stepNum) {\r\n          panel.classList.add('active');\r\n        } else {\r\n          panel.classList.remove('active');\r\n        }\r\n      });\r\n    }\r\n\r\n    \/\/ Step tab navigation\r\n    document.querySelectorAll('.quiz-step-btn').forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        const step = btn.getAttribute('data-step');\r\n        showStep(step);\r\n      });\r\n    });\r\n\r\n    \/\/ Next \/ Prev buttons\r\n    document.querySelectorAll('.quiz-next-btn').forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        const next = btn.getAttribute('data-next');\r\n        showStep(next);\r\n      });\r\n    });\r\n\r\n    document.querySelectorAll('.quiz-prev-btn').forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        const prev = btn.getAttribute('data-prev');\r\n        showStep(prev);\r\n      });\r\n    });\r\n\r\n    \/\/ Option selection\r\n    document.querySelectorAll('.quiz-opt-card').forEach(card => {\r\n      card.addEventListener('click', () => {\r\n        const q = card.getAttribute('data-q');\r\n        const val = card.getAttribute('data-val');\r\n        \r\n        card.parentElement.querySelectorAll('.quiz-opt-card').forEach(c => c.classList.remove('selected'));\r\n        card.classList.add('selected');\r\n\r\n        answers[q] = val;\r\n        updateSummary();\r\n        renderResult();\r\n      });\r\n    });\r\n\r\n    document.getElementById('viewResultBtn')?.addEventListener('click', () => {\r\n      renderResult();\r\n      document.getElementById('quizResultPanel')?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n    });\r\n\r\n    \/\/ Initialize\r\n    updateSummary();\r\n    renderResult();\r\n  })();\r\n\r\n  \/\/ 2. OPTIMIZED HORIZONTAL TABS LOGIC\r\n  (function(){\r\n    const nav = document.getElementById('tierTabsNav');\r\n    if(!nav) return;\r\n\r\n    const buttons = nav.querySelectorAll('.tier-tab-btn');\r\n    buttons.forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        const targetId = btn.getAttribute('data-panel');\r\n        \r\n        \/\/ Toggle buttons\r\n        buttons.forEach(b => b.classList.remove('active'));\r\n        btn.classList.add('active');\r\n\r\n        \/\/ Toggle content panels\r\n        document.querySelectorAll('.tier-panel-content').forEach(panel => {\r\n          if (panel.id === targetId) {\r\n            panel.classList.add('active');\r\n          } else {\r\n            panel.classList.remove('active');\r\n          }\r\n        });\r\n      });\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SHENZHEN \u00b7 SINCE 2015 \u00b7 SEAMLESS BASE LAYERS 190 Categories.1 Contact. 0 Headaches. Shape Your Brand With Us \u2014 Seamless base layers, engineered in Shenzhen since 2015. Start with a $500 trial order \u2014 samples in 2\u20135 days, 6 certifications verified. Request Free Sample \u2014 DM &#8220;SAMPLE&#8221; Book a 15-min Factory Tour Video Call 36M+ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11297","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"acf":[],"_links":{"self":[{"href":"https:\/\/s-shaper.com\/es\/wp-json\/wp\/v2\/pages\/11297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-shaper.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/s-shaper.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/s-shaper.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/s-shaper.com\/es\/wp-json\/wp\/v2\/comments?post=11297"}],"version-history":[{"count":19,"href":"https:\/\/s-shaper.com\/es\/wp-json\/wp\/v2\/pages\/11297\/revisions"}],"predecessor-version":[{"id":11365,"href":"https:\/\/s-shaper.com\/es\/wp-json\/wp\/v2\/pages\/11297\/revisions\/11365"}],"wp:attachment":[{"href":"https:\/\/s-shaper.com\/es\/wp-json\/wp\/v2\/media?parent=11297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}