{"title":"Solutions OEM\/ODM","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300..700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #f6fafd;\n            font-family: \"Inter\", system-ui, -apple-system, sans-serif;\n            line-height: 1.5;\n            color: #1a3243;\n            padding: 0;\n            display: block;\n        }\n\n        \/* full‑width section *\/\n        .versatile-section {\n            width: 100%;\n            background: #ffffff;\n            border-top: 1px solid #e3eef8;\n            border-bottom: 1px solid #e3eef8;\n            padding: 3.5rem 2rem;\n        }\n\n        .content-wrapper {\n            max-width: 1200px;\n            margin: 0 auto;\n            width: 100%;\n        }\n\n        \/* main heading (Comprehensive \u0026 Versatile) *\/\n        .main-heading {\n            font-size: 2.8rem;\n            font-weight: 700;\n            letter-spacing: -0.02em;\n            color: #003153; \/* deep navy *\/\n            margin-bottom: 0.2rem;\n            line-height: 1.2;\n        }\n\n        .main-heading-accent {\n            color: #2a7faa; \/* fresh blue *\/\n        }\n\n        .heading-underline {\n            width: 120px;\n            height: 4px;\n            background: linear-gradient(90deg, #2a7faa, #70b8d4);\n            border-radius: 4px;\n            margin: 1rem 0 2.8rem 0;\n        }\n\n        \/* grid for category cards *\/\n        .capability-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2rem;\n            margin: 2rem 0 1rem;\n        }\n\n        \/* each card represents one variant (breadth, unified, portfolio, hero) *\/\n        .capability-card {\n            background: #f8fcff;\n            border-radius: 28px;\n            padding: 2rem 1.8rem;\n            border: 1px solid #daeaf5;\n            transition: all 0.25s ease;\n            box-shadow: 0 8px 16px -10px rgba(10, 60, 100, 0.08);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .capability-card:hover {\n            transform: translateY(-5px);\n            border-color: #9ec9e5;\n            box-shadow: 0 20px 24px -14px rgba(19, 97, 142, 0.18);\n            background: #ffffff;\n        }\n\n        \/* small label to indicate the tagline (Category‑Agnostic, Unified, etc) \n           we preserve them exactly as they appear in the raw text *\/\n        .card-tag {\n            display: inline-block;\n            font-size: 0.8rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.03em;\n            color: #2a7faa;\n            background: rgba(42, 127, 170, 0.08);\n            padding: 0.3rem 1rem;\n            border-radius: 40px;\n            margin-bottom: 1.2rem;\n            align-self: flex-start;\n            border: 1px solid rgba(42, 127, 170, 0.15);\n        }\n\n        \/* main text inside card *\/\n        .card-text {\n            font-size: 1rem;\n            line-height: 1.6;\n            color: #254e6b;\n            flex: 1;\n        }\n\n        .card-text strong {\n            color: #0b5377;\n            font-weight: 600;\n        }\n\n        .card-text em {\n            font-style: italic;\n            color: #266489;\n        }\n\n        \/* special handling for the \"hero\" card – we can make it pop a little *\/\n        .hero-card {\n            background: #e9f3fa;\n            border-left: 5px solid #2a7faa;\n        }\n\n        \/* the last short powerful hero paragraph we treat as a standout card *\/\n        .hero-card .card-tag {\n            background: #ffffff;\n            color: #004b70;\n        }\n\n        \/* second row? we have exactly 5 variants: \n           1) \"End-to-end development …\" (no label)\n           2) Category‑Agnostic\n           3) Unified Platform Approach\n           4) Portfolio‑Focused\n           5) Short \u0026 Powerful (Hero)\n           but the first block (Comprehensive \u0026 Versatile) is actually main heading, then below we have 5 descriptive blocks. \n           The text you gave includes a heading line, then a paragraph without label, then four labelled sections. \n           We will keep all 5 as cards, including the initial \"End-to-end …\" as first card (tag: \"full‑spectrum\" or we can omit tag for that one)\n        *\/\n\n        .no-tag {\n            margin-top: 0.2rem;\n        }\n\n        \/* responsive *\/\n        @media (max-width: 800px) {\n            .main-heading {\n                font-size: 2.2rem;\n            }\n            .versatile-section {\n                padding: 2.5rem 1.2rem;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .main-heading {\n                font-size: 1.9rem;\n            }\n            .capability-grid {\n                grid-template-columns: 1fr;\n                gap: 1.5rem;\n            }\n        }\n\n        \/* extra touch: subtle icon (diamond) for visual interest *\/\n        .card-icon {\n            margin-bottom: 0.8rem;\n            display: flex;\n            gap: 4px;\n        }\n        .icon-dot {\n            width: 8px;\n            height: 8px;\n            background: #6fb0d4;\n            border-radius: 1px;\n            transform: rotate(45deg);\n        }\n\n        \/* preserve exact text, no changes *\/\n    \u003c\/style\u003e\n\u003csection class=\"versatile-section\"\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003c!-- main headline: Comprehensive \u0026 Versatile (exact) --\u003e\n\u003ch1 class=\"main-heading\"\u003e\n\u003cspan class=\"main-heading-accent\"\u003eComplet\u003c\/span\u003e \u0026amp; \u003cspan class=\"main-heading-accent\"\u003ePolyvalent\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"heading-underline\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- grid of five cards, each containing exactly one variant from your content.\n                 We preserve all wording, including the labels in parentheses like (Emphasizes Breadth) etc. \n                 The first paragraph does not have a label, we give it a subtle 'core' vibe. --\u003e\n\u003cdiv class=\"capability-grid\"\u003e\n\u003c!-- CARD 1 – End-to-end development (first paragraph after heading) --\u003e\n\u003cdiv class=\"capability-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\n\u003cspan class=\"icon-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"icon-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"icon-dot\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-text\"\u003eDéveloppement et fabrication de bout en bout sur toute la gamme de produits médicaux et dentaires. Des consommables à usage unique aux équipements numériques de haute précision, nous fournissons des solutions sur mesure qui répondent aux normes mondiales, quelles que soient vos exigences en matière de produits.\u003c\/div\u003e\n\u003c!-- we keep the original text \"Category-Agnostic (Emphasizes Breadth)\" is separate – it belongs to next block, not this one --\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 2 – Category-Agnostic (with Emphasizes Breadth) – exact text: \n                     \"Category-Agnostic (Emphasizes Breadth)\" then line break? Actually you wrote:\n                     \n                     Category-Agnostic (Emphasizes Breadth)\n\n\n                     One partner, unlimited possibilities. ...\n                --\u003e\n\u003cdiv class=\"capability-card\"\u003e\n\u003cspan class=\"card-tag\"\u003eToutes catégories \u003cspan style=\"font-weight: 400;\"\u003e(Met l'accent sur l'étendue)\u003c\/span\u003e\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eUn seul partenaire, des possibilités illimitées. Nous offrons un développement et une fabrication sur mesure pour toute la gamme de produits médicaux et dentaires, des consommables essentiels aux équipements de diagnostic et chirurgicaux avancés. Les marques mondiales nous font confiance pour la précision, la conformité et l'évolutivité dans chaque catégorie.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 3 – Unified Platform Approach --\u003e\n\u003cdiv class=\"capability-card\"\u003e\n\u003cspan class=\"card-tag\"\u003eApproche de Plateforme Unifiée\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eUne plateforme unifiée de développement et de fabrication pour toutes les catégories de produits médicaux et dentaires. Que vous ayez besoin de consommables stériles, de systèmes d'imagerie ou d'équipements de laboratoire, notre approche intégrée garantit une qualité constante, une conformité réglementaire et une mise sur le marché plus rapide.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 4 – Portfolio-Focused --\u003e\n\u003cdiv class=\"capability-card\"\u003e\n\u003cspan class=\"card-tag\"\u003eAxé sur le Portefeuille\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eDonner vie à l'ensemble de votre portefeuille de produits médicaux et dentaires. Nous collaborons avec des marques mondiales pour développer et fabriquer des produits dans diverses catégories – consommables, instruments, systèmes d'imagerie et flux de travail numériques – en offrant précision et fiabilité à chaque échelle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 5 – Short \u0026 Powerful (Hero section) – we give it a distinct style but keep text untouched --\u003e\n\u003cdiv class=\"capability-card hero-card\"\u003e\n\u003cspan class=\"card-tag\"\u003eCourt \u0026amp; Puissant \u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eFabrication sur mesure à spectre complet pour les industries médicales et dentaires. Des consommables aux équipements d'investissement, nous transformons votre vision produit en réalité.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- note: all text preserved exactly, including the dash, the parentheses, and the line breaks as intended.\n                 The first card does not have a label, but we added only decorative icons (no text change). \n                 The phrase \"Category-Agnostic (Emphasizes Breadth)\" appears exactly as card tag. \n                 \"Unified Platform Approach\" exactly.\n                 \"Portfolio-Focused\" exactly.\n                 \"Short \u0026 Powerful (Hero Section)\" exactly (we kept parentheses). \n                 No word added or omitted. --\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","products":[],"url":"https:\/\/sti-care.com\/fr\/collections\/oem-odm-solutions.oembed","provider":"STI Care by R\u0026M inter","version":"1.0","type":"link"}