{"id":1217,"date":"2026-04-07T11:11:41","date_gmt":"2026-04-07T11:11:41","guid":{"rendered":"http:\/\/yieou.com\/?page_id=1217"},"modified":"2026-09-28T08:11:35","modified_gmt":"2026-09-28T08:11:35","slug":"service","status":"publish","type":"page","link":"https:\/\/yieou.com\/it\/service\/","title":{"rendered":"SERVIZIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1217\" class=\"elementor elementor-1217\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14f7bb6 e-con-full svc-page e-flex e-con e-parent\" data-id=\"14f7bb6\" data-element_type=\"container\" data-e-type=\"container\" id=\"svc-page\">\n\t\t<div class=\"elementor-element elementor-element-742698c e-con-full e-flex e-con e-child\" data-id=\"742698c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6497f6f elementor-widget elementor-widget-html\" data-id=\"6497f6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <section class=\"svc-hero\" aria-labelledby=\"svc-title\">\r\n    <div class=\"svc-wrap svc-hero-grid\">\r\n      <div class=\"svc-hero-copy\" data-reveal>\r\n        <h1 id=\"svc-title\">Manufacturing Support That Keeps Projects Moving<\/h1>\r\n        <p>\r\n          From product matching and technical review to production updates and\r\n          after-sales response, YIEOU gives industrial buyers one accountable\r\n          service path.\r\n        <\/p>\r\n        <div class=\"svc-actions\">\r\n          <a\r\n            class=\"svc-btn svc-btn--brand\"\r\n            href=\"\/contact-us\"\r\n            data-track=\"hero-contact\"\r\n            >Discuss Your Project <span aria-hidden=\"true\">\u2192<\/span><\/a\r\n          >\r\n          <a\r\n            class=\"svc-btn svc-btn--line\"\r\n            href=\"#service-scope\"\r\n            data-track=\"hero-scope\"\r\n            >View Service Scope <span aria-hidden=\"true\">\u2192<\/span><\/a\r\n          >\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"svc-hero-media\" data-reveal style=\"--delay: 120ms\">\r\n        <img fetchpriority=\"high\" decoding=\"async\"\r\n          src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/04\/yieou-factory.webp\"\r\n          alt=\"YIEOU electrical components manufacturing facility\"\r\n          width=\"1200\"\r\n          height=\"800\"\r\n          loading=\"eager\"\r\n          fetchpriority=\"high\"\r\n        \/>\r\n        <div class=\"svc-rail\" aria-label=\"Three stages of YIEOU service\">\r\n          <div><span>01<\/span><strong>Technical Review<\/strong><\/div>\r\n          <div><span>02<\/span><strong>Production Coordination<\/strong><\/div>\r\n          <div><span>03<\/span><strong>After-Sales Response<\/strong><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <a class=\"svc-scroll\" href=\"#service-scope\"\r\n      >Explore our service scope <span aria-hidden=\"true\"><\/span><\/a\r\n    >\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d330a9c e-con-full e-flex e-con e-child\" data-id=\"d330a9c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff28342 elementor-widget elementor-widget-html\" data-id=\"ff28342\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <section\r\n    class=\"svc-section svc-scope\"\r\n    id=\"service-scope\"\r\n    aria-labelledby=\"scope-title\"\r\n  >\r\n    <div class=\"svc-wrap\">\r\n      <header class=\"svc-heading\" data-reveal>\r\n        <h2 id=\"scope-title\">Support Across Every Critical Project Stage<\/h2>\r\n        <p>Select a service to see what our team coordinates with you.<\/p>\r\n      <\/header>\r\n      <div class=\"svc-tabs\" data-tabs data-reveal style=\"--delay: 80ms\">\r\n        <div\r\n          class=\"svc-tablist\"\r\n          role=\"tablist\"\r\n          aria-label=\"Manufacturing service categories\"\r\n        >\r\n          <button\r\n            id=\"service-tab-0\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"true\"\r\n            aria-controls=\"service-panel\"\r\n            data-tab=\"0\"\r\n          >\r\n            Product &amp; Application <span aria-hidden=\"true\">\u203a<\/span>\r\n          <\/button>\r\n          <button\r\n            id=\"service-tab-1\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            aria-controls=\"service-panel\"\r\n            tabindex=\"-1\"\r\n            data-tab=\"1\"\r\n          >\r\n            Engineering Review <span aria-hidden=\"true\">\u203a<\/span>\r\n          <\/button>\r\n          <button\r\n            id=\"service-tab-2\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            aria-controls=\"service-panel\"\r\n            tabindex=\"-1\"\r\n            data-tab=\"2\"\r\n          >\r\n            Production &amp; Delivery <span aria-hidden=\"true\">\u203a<\/span>\r\n          <\/button>\r\n          <button\r\n            id=\"service-tab-3\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            aria-controls=\"service-panel\"\r\n            tabindex=\"-1\"\r\n            data-tab=\"3\"\r\n          >\r\n            After-Sales <span aria-hidden=\"true\">\u203a<\/span>\r\n          <\/button>\r\n        <\/div>\r\n        <article\r\n          class=\"svc-panel\"\r\n          id=\"service-panel\"\r\n          role=\"tabpanel\"\r\n          aria-labelledby=\"service-tab-0\"\r\n          tabindex=\"0\"\r\n        >\r\n          <div class=\"svc-panel-copy\" aria-live=\"polite\">\r\n            <span class=\"svc-index\" data-service-index>01 \/ 04<\/span>\r\n            <h3 data-service-title>Product &amp; Application Support<\/h3>\r\n            <p data-service-copy>\r\n              Share your voltage class, cable specification, connection\r\n              interface, operating environment and destination market. We help\r\n              narrow the right product path before quotation.\r\n            <\/p>\r\n            <ul data-service-list>\r\n              <li>Requirement clarification<\/li>\r\n              <li>Model and configuration matching<\/li>\r\n              <li>Standards and market review<\/li>\r\n            <\/ul>\r\n            <a class=\"svc-link\" href=\"\/contact-us\" data-track=\"scope-inquiry\"\r\n              >Prepare Your Inquiry <span aria-hidden=\"true\">\u2192<\/span><\/a\r\n            >\r\n          <\/div>\r\n          <figure class=\"svc-panel-media\">\r\n            <img loading=\"lazy\" decoding=\"async\"\r\n              data-service-image\r\n              src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/04\/yieou-factory.webp\"\r\n              alt=\"YIEOU team supporting product and application matching\"\r\n              width=\"1200\"\r\n              height=\"800\"\r\n              loading=\"lazy\"\r\n            \/>\r\n          <\/figure>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97b8413 e-con-full e-flex e-con e-child\" data-id=\"97b8413\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a3d9a2 elementor-widget elementor-widget-html\" data-id=\"7a3d9a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <section class=\"svc-section svc-process\" aria-labelledby=\"process-title\">\r\n    <div class=\"svc-wrap\">\r\n      <header class=\"svc-heading svc-heading--light\" data-reveal>\r\n        <h2 id=\"process-title\">One Clear Path from Requirement to Response<\/h2>\r\n        <p>\r\n          Track the six milestones that turn a technical inquiry into a\r\n          supported delivery.\r\n        <\/p>\r\n      <\/header>\r\n      <div class=\"svc-stepper\" data-stepper data-reveal style=\"--delay: 80ms\">\r\n        <div\r\n          class=\"svc-steplist\"\r\n          role=\"tablist\"\r\n          aria-label=\"Project service process\"\r\n        >\r\n          <button\r\n            id=\"step-tab-0\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"true\"\r\n            aria-controls=\"step-panel\"\r\n            data-step=\"0\"\r\n          >\r\n            <span>01<\/span><strong>Brief<\/strong>\r\n          <\/button>\r\n          <button\r\n            id=\"step-tab-1\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            aria-controls=\"step-panel\"\r\n            tabindex=\"-1\"\r\n            data-step=\"1\"\r\n          >\r\n            <span>02<\/span><strong>Match<\/strong>\r\n          <\/button>\r\n          <button\r\n            id=\"step-tab-2\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            aria-controls=\"step-panel\"\r\n            tabindex=\"-1\"\r\n            data-step=\"2\"\r\n          >\r\n            <span>03<\/span><strong>Confirm<\/strong>\r\n          <\/button>\r\n          <button\r\n            id=\"step-tab-3\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            aria-controls=\"step-panel\"\r\n            tabindex=\"-1\"\r\n            data-step=\"3\"\r\n          >\r\n            <span>04<\/span><strong>Produce<\/strong>\r\n          <\/button>\r\n          <button\r\n            id=\"step-tab-4\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            aria-controls=\"step-panel\"\r\n            tabindex=\"-1\"\r\n            data-step=\"4\"\r\n          >\r\n            <span>05<\/span><strong>Verify<\/strong>\r\n          <\/button>\r\n          <button\r\n            id=\"step-tab-5\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            aria-controls=\"step-panel\"\r\n            tabindex=\"-1\"\r\n            data-step=\"5\"\r\n          >\r\n            <span>06<\/span><strong>Support<\/strong>\r\n          <\/button>\r\n        <\/div>\r\n        <article\r\n          class=\"svc-step-panel\"\r\n          id=\"step-panel\"\r\n          role=\"tabpanel\"\r\n          aria-labelledby=\"step-tab-0\"\r\n          tabindex=\"0\"\r\n        >\r\n          <div class=\"svc-step-copy\" aria-live=\"polite\">\r\n            <div class=\"svc-step-nav\">\r\n              <button\r\n                type=\"button\"\r\n                data-prev\r\n                aria-label=\"Previous project stage\"\r\n              >\r\n                \u2039<\/button\r\n              ><span data-count>01 \/ 06<\/span\r\n              ><button type=\"button\" data-next aria-label=\"Next project stage\">\r\n                \u203a\r\n              <\/button>\r\n            <\/div>\r\n            <h3 data-step-title><span>01 \u2014<\/span> Project Brief<\/h3>\r\n            <p data-step-copy>\r\n              Tell us the application, voltage class, cable data, operating\r\n              conditions, standards, quantity and target delivery window.\r\n            <\/p>\r\n            <p class=\"svc-helper\" data-helper>\r\n              <strong>What to prepare:<\/strong> drawings, datasheets or clear\r\n              product photos.\r\n            <\/p>\r\n            <a\r\n              class=\"svc-btn svc-btn--bright\"\r\n              href=\"\/contact-us\"\r\n              data-track=\"process-contact\"\r\n              >Start with Your Requirements <span aria-hidden=\"true\">\u2192<\/span><\/a\r\n            >\r\n          <\/div>\r\n          <figure class=\"svc-step-media\">\r\n            <img loading=\"lazy\" decoding=\"async\"\r\n              data-step-image\r\n              src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/04\/yieou-factory.webp\"\r\n              alt=\"YIEOU team reviewing an electrical manufacturing project brief\"\r\n              width=\"1200\"\r\n              height=\"800\"\r\n              loading=\"lazy\"\r\n            \/>\r\n          <\/figure>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa788d5 e-con-full e-flex e-con e-child\" data-id=\"fa788d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8265d7f elementor-widget elementor-widget-html\" data-id=\"8265d7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <section class=\"svc-section svc-assurance\" aria-labelledby=\"assurance-title\">\r\n    <div class=\"svc-wrap\">\r\n      <header class=\"svc-heading\" data-reveal>\r\n        <h2 id=\"assurance-title\">\r\n          Built for Fewer Handoffs and Better Decisions\r\n        <\/h2>\r\n        <p>\r\n          Practical coordination, visible checkpoints and one service team\r\n          throughout your order.\r\n        <\/p>\r\n      <\/header>\r\n      <div class=\"svc-proof\" data-reveal style=\"--delay: 70ms\">\r\n        <article>\r\n          <span>01<\/span>\r\n          <h3>Direct Coordination<\/h3>\r\n          <p>\r\n            Work with one service team from inquiry to delivery, with clear and\r\n            timely communication.\r\n          <\/p>\r\n        <\/article>\r\n        <article>\r\n          <span>02<\/span>\r\n          <h3>Documented Checkpoints<\/h3>\r\n          <p>\r\n            Key stages are confirmed and recorded so you can follow the status\r\n            of your order.\r\n          <\/p>\r\n        <\/article>\r\n        <article>\r\n          <span>03<\/span>\r\n          <h3>Long-Term Support<\/h3>\r\n          <p>\r\n            We stay available after delivery for future orders, technical\r\n            questions and ongoing needs.\r\n          <\/p>\r\n        <\/article>\r\n      <\/div>\r\n      <figure class=\"svc-lab\" data-reveal>\r\n        <img loading=\"lazy\" decoding=\"async\"\r\n          src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/06\/Separable-Connector-yieou.webp\"\r\n          alt=\"High-voltage testing laboratory supporting product verification\"\r\n          width=\"1400\"\r\n          height=\"700\"\r\n          loading=\"lazy\"\r\n        \/>\r\n        <figcaption>\r\n          Factory-backed testing and documented project checkpoints\r\n        <\/figcaption>\r\n      <\/figure>\r\n      <div class=\"svc-faq\" data-reveal>\r\n        <h2>Service Questions<\/h2>\r\n        <details open>\r\n          <summary>\r\n            <b>Q<\/b\r\n            ><span>What information should I send for product matching?<\/span\r\n            ><i aria-hidden=\"true\"><\/i>\r\n          <\/summary>\r\n          <div class=\"svc-answer\">\r\n            <b>A<\/b>\r\n            <p>\r\n              Share the application, voltage class, cable specification,\r\n              connection interface, operating environment, applicable standard,\r\n              quantity and destination market. Drawings or clear product photos\r\n              also help.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>\r\n            <b>Q<\/b><span>Can YIEOU support custom marking or packaging?<\/span\r\n            ><i aria-hidden=\"true\"><\/i>\r\n          <\/summary>\r\n          <div class=\"svc-answer\">\r\n            <b>A<\/b>\r\n            <p>\r\n              Yes. Subject to feasibility and confirmed quantities, we can\r\n              review product marking, labels, packaging and other OEM\r\n              requirements before production.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>\r\n            <b>Q<\/b><span>How is after-sales feedback handled?<\/span\r\n            ><i aria-hidden=\"true\"><\/i>\r\n          <\/summary>\r\n          <div class=\"svc-answer\">\r\n            <b>A<\/b>\r\n            <p>\r\n              Send the order reference, product details, photos or video and a\r\n              description of the issue. Our team records the case, coordinates\r\n              review and returns with the next action.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>\r\n            <b>Q<\/b><span>Can you provide production and delivery updates?<\/span\r\n            ><i aria-hidden=\"true\"><\/i>\r\n          <\/summary>\r\n          <div class=\"svc-answer\">\r\n            <b>A<\/b>\r\n            <p>\r\n              For confirmed projects, we coordinate key production, inspection,\r\n              packaging and shipment checkpoints according to the agreed\r\n              communication plan.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n      <div class=\"svc-cta\" data-reveal>\r\n        <div>\r\n          <h2>Bring Us the Requirement.<br \/>We\u2019ll Map the Next Step.<\/h2>\r\n          <p>\r\n            Send the essentials and our team will help organize the next\r\n            technical and commercial conversation.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"svc-actions\">\r\n          <a\r\n            class=\"svc-btn svc-btn--light\"\r\n            href=\"\/contact-us\"\r\n            data-track=\"footer-contact\"\r\n            >Discuss Your Project<\/a\r\n          ><a\r\n            class=\"svc-btn svc-btn--ghost\"\r\n            href=\"\/odmoem\/\"\r\n            data-track=\"footer-oem\"\r\n            >Explore OEM \/ ODM<\/a\r\n          >\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  <style>\r\n  .svc-page {\r\n    --brand: #293c7d;\r\n    --bright: #5674d8;\r\n    --navy: #18264f;\r\n    --ink: #101b3d;\r\n    --text: #536080;\r\n    --soft: #f4f7ff;\r\n    --line: #dbe3f5;\r\n    color: var(--text);\r\n    background: #fff;\r\n    font:\r\n      16px\/1.65 Inter,\r\n      \"Segoe UI\",\r\n      Arial,\r\n      sans-serif;\r\n    overflow: hidden;\r\n  }\r\n  .svc-page *,\r\n  .svc-page *::before,\r\n  .svc-page *::after {\r\n    box-sizing: border-box;\r\n  }\r\n  .svc-page img {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n  .svc-page h1,\r\n  .svc-page h2,\r\n  .svc-page h3,\r\n  .svc-page p,\r\n  .svc-page figure {\r\n    margin: 0;\r\n  }\r\n  .svc-page h1,\r\n  .svc-page h2,\r\n  .svc-page h3 {\r\n    color: var(--ink);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.035em;\r\n  }\r\n  .svc-page button,\r\n  .svc-page a {\r\n    font: inherit;\r\n  }\r\n  .svc-wrap {\r\n    width: min(100% - 48px, 1280px);\r\n    margin: auto;\r\n  }\r\n  .svc-section {\r\n    position: relative;\r\n    padding: clamp(76px, 8vw, 118px) 0;\r\n    scroll-margin-top: 24px;\r\n  }\r\n  .svc-hero {\r\n    position: relative;\r\n    min-height: 700px;\r\n    padding: clamp(72px, 8vw, 116px) 0 82px;\r\n    background: linear-gradient(90deg, #f4f7ff, #fff 54%, #edf3ff);\r\n  }\r\n  .svc-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 60px;\r\n    left: 0;\r\n    width: 34%;\r\n    height: 130px;\r\n    opacity: 0.48;\r\n    background: linear-gradient(\r\n      135deg,\r\n      transparent 0 44%,\r\n      rgba(86, 116, 216, 0.28) 44.5% 45.2%,\r\n      transparent 45.7% 54%,\r\n      rgba(86, 116, 216, 0.18) 54.5% 55.2%,\r\n      transparent 55.7%\r\n    );\r\n    pointer-events: none;\r\n  }\r\n  .svc-hero-grid {\r\n    display: grid;\r\n    grid-template-columns: 0.92fr 1.08fr;\r\n    gap: clamp(42px, 6vw, 86px);\r\n    align-items: center;\r\n  }\r\n  .svc-hero-copy {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 630px;\r\n  }\r\n  .svc-hero h1 {\r\n    font-size: clamp(3rem, 5vw, 5rem);\r\n  }\r\n  .svc-hero-copy > p {\r\n    max-width: 600px;\r\n    margin-top: 24px;\r\n    font-size: clamp(1rem, 1.35vw, 1.18rem);\r\n    line-height: 1.75;\r\n  }\r\n  .svc-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 32px;\r\n  }\r\n  .svc-btn {\r\n    display: inline-flex;\r\n    min-height: 54px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    padding: 13px 22px;\r\n    border: 1px solid transparent;\r\n    border-radius: 12px;\r\n    font-size: 0.94rem;\r\n    font-weight: 750;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n    transition: 0.22s ease;\r\n  }\r\n  .svc-btn:hover {\r\n    transform: translateY(-2px);\r\n  }\r\n  .svc-btn:focus-visible,\r\n  .svc-tablist button:focus-visible,\r\n  .svc-steplist button:focus-visible,\r\n  .svc-step-nav button:focus-visible,\r\n  .svc-faq summary:focus-visible {\r\n    outline: 3px solid rgba(86, 116, 216, 0.36);\r\n    outline-offset: 3px;\r\n  }\r\n  .svc-btn--brand {\r\n    color: #fff;\r\n    background: var(--brand);\r\n    box-shadow: 0 14px 28px rgba(41, 60, 125, 0.2);\r\n  }\r\n  .svc-btn--brand:hover {\r\n    background: #21336f;\r\n    box-shadow: 0 18px 34px rgba(41, 60, 125, 0.26);\r\n  }\r\n  .svc-btn--line {\r\n    color: var(--ink);\r\n    border-color: #9fb0df;\r\n    background: rgba(255, 255, 255, 0.75);\r\n  }\r\n  .svc-btn--line:hover {\r\n    border-color: var(--brand);\r\n    background: #fff;\r\n  }\r\n  .svc-hero-media {\r\n    position: relative;\r\n    min-width: 0;\r\n    padding-left: 68px;\r\n  }\r\n  .svc-hero-media > img {\r\n    width: 100%;\r\n    aspect-ratio: 1.18\/1;\r\n    object-fit: cover;\r\n    border-radius: 24px 0 0 24px;\r\n    background: #dce3f2;\r\n    box-shadow: 0 28px 60px rgba(24, 38, 79, 0.17);\r\n  }\r\n  .svc-rail {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    z-index: 2;\r\n    display: grid;\r\n    width: 160px;\r\n    padding: 12px 18px;\r\n    border: 1px solid rgba(41, 60, 125, 0.1);\r\n    border-radius: 22px;\r\n    background: #fff;\r\n    box-shadow: 0 18px 45px rgba(24, 38, 79, 0.14);\r\n    transform: translateY(-50%);\r\n  }\r\n  .svc-rail div {\r\n    display: grid;\r\n    grid-template-columns: 34px 1fr;\r\n    gap: 10px;\r\n    align-items: center;\r\n    min-height: 82px;\r\n  }\r\n  .svc-rail div + div {\r\n    border-top: 1px solid var(--line);\r\n  }\r\n  .svc-rail span {\r\n    display: grid;\r\n    width: 34px;\r\n    height: 34px;\r\n    place-items: center;\r\n    border-radius: 50%;\r\n    color: var(--brand);\r\n    background: #e9eeff;\r\n    font-size: 0.7rem;\r\n    font-weight: 850;\r\n  }\r\n  .svc-rail strong {\r\n    color: var(--ink);\r\n    font-size: 0.76rem;\r\n    line-height: 1.25;\r\n  }\r\n  .svc-scroll {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    padding: 16px 28px;\r\n    border-radius: 18px 18px 0 0;\r\n    color: var(--text);\r\n    background: #fff;\r\n    font-size: 0.82rem;\r\n    text-decoration: none;\r\n    transform: translateX(-50%);\r\n  }\r\n  .svc-scope,\r\n  .svc-assurance {\r\n    background: #fff;\r\n  }\r\n  .svc-heading {\r\n    max-width: 920px;\r\n    margin: 0 auto 48px;\r\n    text-align: center;\r\n  }\r\n  .svc-heading h2 {\r\n    font-size: clamp(2.2rem, 4vw, 3.6rem);\r\n  }\r\n  .svc-heading p {\r\n    margin-top: 16px;\r\n    font-size: clamp(1rem, 1.4vw, 1.14rem);\r\n  }\r\n  .svc-tablist {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    margin-bottom: 18px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--line);\r\n    border-radius: 14px;\r\n    background: #fff;\r\n  }\r\n  .svc-tablist button {\r\n    display: flex;\r\n    min-height: 74px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n    padding: 16px 20px;\r\n    border: 0;\r\n    border-right: 1px solid var(--line);\r\n    color: var(--ink);\r\n    background: #fff;\r\n    font-size: 0.88rem;\r\n    font-weight: 750;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    transition: 0.22s ease;\r\n  }\r\n  .svc-tablist button:last-child {\r\n    border-right: 0;\r\n  }\r\n  .svc-tablist button[aria-selected=\"true\"] {\r\n    color: #fff;\r\n    background: var(--brand);\r\n  }\r\n  .svc-tablist button:hover:not([aria-selected=\"true\"]) {\r\n    background: var(--soft);\r\n  }\r\n  .svc-tablist button span {\r\n    font-size: 1.45rem;\r\n    font-weight: 400;\r\n  }\r\n  .svc-panel {\r\n    display: grid;\r\n    grid-template-columns: 0.88fr 1.12fr;\r\n    min-height: 500px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--line);\r\n    border-radius: 18px;\r\n    background: #fff;\r\n    box-shadow: 0 20px 46px rgba(24, 38, 79, 0.08);\r\n  }\r\n  .svc-panel-copy {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    padding: clamp(34px, 5vw, 64px);\r\n    animation: panelIn 0.38s ease;\r\n  }\r\n  .svc-index {\r\n    margin-bottom: 18px;\r\n    color: var(--bright);\r\n    font-size: 0.74rem;\r\n    font-weight: 850;\r\n    letter-spacing: 0.12em;\r\n  }\r\n  .svc-panel-copy h3 {\r\n    font-size: clamp(1.75rem, 3vw, 2.7rem);\r\n  }\r\n  .svc-panel-copy > p {\r\n    margin-top: 18px;\r\n  }\r\n  .svc-panel-copy ul {\r\n    display: grid;\r\n    gap: 11px;\r\n    margin: 24px 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n  .svc-panel-copy li {\r\n    position: relative;\r\n    padding-left: 32px;\r\n    color: #3d4d74;\r\n    font-size: 0.92rem;\r\n  }\r\n  .svc-panel-copy li::before {\r\n    content: \"\u2713\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    display: grid;\r\n    width: 22px;\r\n    height: 22px;\r\n    place-items: center;\r\n    border-radius: 50%;\r\n    color: var(--brand);\r\n    background: #e8eeff;\r\n    font-size: 0.74rem;\r\n    font-weight: 900;\r\n  }\r\n  .svc-link {\r\n    display: inline-flex;\r\n    gap: 12px;\r\n    color: var(--brand);\r\n    font-size: 0.92rem;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n  }\r\n  .svc-link:hover span {\r\n    transform: translateX(3px);\r\n  }\r\n  .svc-panel-media {\r\n    position: relative;\r\n    height: 500px;\r\n    overflow: hidden;\r\n    background: #dce3f2;\r\n  }\r\n  .svc-panel-media img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    animation: imageIn 0.42s ease;\r\n  }\r\n  .svc-process {\r\n    color: rgba(255, 255, 255, 0.74);\r\n    background:\r\n      radial-gradient(\r\n        circle at 88% 25%,\r\n        rgba(86, 116, 216, 0.18),\r\n        transparent 30%\r\n      ),\r\n      var(--navy);\r\n  }\r\n  .svc-heading--light h2 {\r\n    color: #fff;\r\n  }\r\n  .svc-steplist {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    margin-bottom: 52px;\r\n  }\r\n  .svc-steplist::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 24px;\r\n    right: 8%;\r\n    left: 8%;\r\n    height: 1px;\r\n    background: rgba(255, 255, 255, 0.28);\r\n  }\r\n  .svc-steplist button {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    justify-items: center;\r\n    gap: 8px;\r\n    border: 0;\r\n    color: rgba(255, 255, 255, 0.65);\r\n    background: transparent;\r\n    cursor: pointer;\r\n  }\r\n  .svc-steplist span {\r\n    display: grid;\r\n    width: 49px;\r\n    height: 49px;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n    border-radius: 50%;\r\n    background: var(--navy);\r\n    font-size: 0.82rem;\r\n    font-weight: 750;\r\n    transition: 0.22s ease;\r\n  }\r\n  .svc-steplist strong {\r\n    font-size: 0.78rem;\r\n  }\r\n  .svc-steplist button[aria-selected=\"true\"] {\r\n    color: #fff;\r\n  }\r\n  .svc-steplist button[aria-selected=\"true\"] span {\r\n    border-color: #89a0ff;\r\n    background: var(--bright);\r\n    box-shadow: 0 0 0 7px rgba(86, 116, 216, 0.13);\r\n  }\r\n  .svc-step-panel {\r\n    display: grid;\r\n    grid-template-columns: 0.86fr 1.14fr;\r\n    gap: clamp(36px, 6vw, 80px);\r\n    align-items: center;\r\n  }\r\n  .svc-step-copy {\r\n    min-height: auto;\r\n    animation: panelIn 0.38s ease;\r\n  }\r\n  .svc-step-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 24px;\r\n  }\r\n  .svc-step-nav button {\r\n    display: grid;\r\n    width: 40px;\r\n    height: 40px;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.34);\r\n    border-radius: 50%;\r\n    color: #fff;\r\n    background: transparent;\r\n    font-size: 1.5rem;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    padding: 0 !important;\r\n  }\r\n  .svc-step-nav button:hover {\r\n    border-color: #fff;\r\n    background: rgba(255, 255, 255, 0.1);\r\n  }\r\n  .svc-step-nav span {\r\n    min-width: 48px;\r\n    font-size: 0.76rem;\r\n    font-weight: 750;\r\n    letter-spacing: 0.08em;\r\n    text-align: center;\r\n  }\r\n  .svc-step-copy h3 {\r\n    color: #fff;\r\n    font-size: clamp(2rem, 4vw, 3.5rem);\r\n  }\r\n  .svc-step-copy h3 span {\r\n    color: #89a0ff;\r\n  }\r\n  .svc-step-copy > p:not(.svc-helper) {\r\n    margin-top: 22px;\r\n    font-size: clamp(1rem, 1.5vw, 1.22rem);\r\n    line-height: 1.72;\r\n  }\r\n  .svc-helper {\r\n    margin: 28px 0;\r\n    padding-top: 20px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n    font-size: 0.9rem;\r\n  }\r\n  .svc-helper strong {\r\n    color: #fff;\r\n  }\r\n  .svc-btn--bright {\r\n    color: #fff;\r\n    background: var(--bright);\r\n    box-shadow: 0 14px 30px rgba(16, 26, 65, 0.25);\r\n    margin-top: 18px;\r\n  }\r\n  .svc-btn--bright:hover {\r\n    background: #6480e5;\r\n  }\r\n  .svc-step-media {\r\n    position: relative;\r\n    aspect-ratio: 1.48\/1;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 18px;\r\n    background: #24345e;\r\n  }\r\n  .svc-step-media img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    animation: imageIn 0.42s ease;\r\n  }\r\n  .svc-proof {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    margin-bottom: 48px;\r\n  }\r\n  .svc-proof article {\r\n    padding: 0 40px;\r\n    border-left: 1px solid var(--line);\r\n  }\r\n  .svc-proof article:first-child {\r\n    padding-left: 0;\r\n    border-left: 0;\r\n  }\r\n  .svc-proof article:last-child {\r\n    padding-right: 0;\r\n  }\r\n  .svc-proof span {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    color: var(--bright);\r\n    font-size: 0.76rem;\r\n    font-weight: 850;\r\n  }\r\n  .svc-proof span::after {\r\n    content: \"\";\r\n    width: 72px;\r\n    height: 1px;\r\n    background: #a8b8e7;\r\n  }\r\n  .svc-proof h3 {\r\n    margin-top: 18px;\r\n    font-size: 1.35rem;\r\n  }\r\n  .svc-proof p {\r\n    margin-top: 12px;\r\n    font-size: 0.91rem;\r\n    line-height: 1.72;\r\n  }\r\n  .svc-lab {\r\n    position: relative;\r\n    height: clamp(260px, 31vw, 410px);\r\n    margin: 0 calc((1280px - 100vw) \/ 2) clamp(70px, 8vw, 108px);\r\n    overflow: hidden;\r\n    background: #dce3f2;\r\n  }\r\n  .svc-lab img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n  .svc-lab::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 50% 0 0;\r\n    background: linear-gradient(transparent, rgba(10, 20, 50, 0.7));\r\n  }\r\n  .svc-lab figcaption {\r\n    position: absolute;\r\n    right: max(24px, calc((100vw - 1280px) \/ 2));\r\n    bottom: 26px;\r\n    z-index: 1;\r\n    color: #fff;\r\n    font-size: 0.87rem;\r\n    font-weight: 750;\r\n  }\r\n  .svc-faq {\r\n    width: min(100%, 960px);\r\n    margin: auto;\r\n  }\r\n  .svc-faq > h2 {\r\n    margin-bottom: 30px;\r\n    font-size: clamp(2rem, 3.2vw, 3rem);\r\n    text-align: center;\r\n  }\r\n  .svc-faq details {\r\n    margin-top: 12px;\r\n    border: 1px solid var(--line);\r\n    border-radius: 15px;\r\n    background: #fff;\r\n    transition: 0.22s ease;\r\n  }\r\n  .svc-faq details[open] {\r\n    border-color: #b7c5ec;\r\n    box-shadow: 0 12px 28px rgba(24, 38, 79, 0.06);\r\n  }\r\n  .svc-faq summary {\r\n    display: grid;\r\n    grid-template-columns: 30px 1fr 28px;\r\n    gap: 14px;\r\n    align-items: center;\r\n    padding: 20px 22px;\r\n    color: var(--ink);\r\n    font-size: 0.96rem;\r\n    font-weight: 750;\r\n    cursor: pointer;\r\n    list-style: none;\r\n  }\r\n  .svc-faq summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n  .svc-faq b {\r\n    display: grid;\r\n    width: 28px;\r\n    height: 28px;\r\n    place-items: center;\r\n    border-radius: 8px;\r\n    color: #fff;\r\n    background: var(--brand);\r\n    font-size: 0.7rem;\r\n  }\r\n  .svc-faq summary i {\r\n    position: relative;\r\n    width: 26px;\r\n    height: 26px;\r\n    border-radius: 50%;\r\n    background: #eef2ff;\r\n  }\r\n  .svc-faq summary i::before,\r\n  .svc-faq summary i::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 11px;\r\n    height: 1.5px;\r\n    background: var(--brand);\r\n    transform: translate(-50%, -50%);\r\n    transition: 0.22s ease;\r\n  }\r\n  .svc-faq summary i::after {\r\n    transform: translate(-50%, -50%) rotate(90deg);\r\n  }\r\n  .svc-faq details[open] summary i::after {\r\n    transform: translate(-50%, -50%);\r\n  }\r\n  .svc-answer {\r\n    display: grid;\r\n    grid-template-columns: 30px 1fr;\r\n    gap: 14px;\r\n    padding: 0 58px 22px 22px;\r\n  }\r\n  .svc-answer b {\r\n    color: var(--brand);\r\n    background: #e9eeff;\r\n  }\r\n  .svc-answer p {\r\n    font-size: 0.9rem;\r\n    line-height: 1.72;\r\n  }\r\n  .svc-cta {\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    gap: 36px;\r\n    align-items: center;\r\n    margin-top: clamp(62px, 7vw, 92px);\r\n    padding: clamp(36px, 5vw, 62px);\r\n    border-radius: 22px;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    background: linear-gradient(120deg, #17264e, #2c4389);\r\n    box-shadow: 0 24px 55px rgba(24, 38, 79, 0.18);\r\n  }\r\n  .svc-cta h2 {\r\n    color: #fff;\r\n    font-size: clamp(2rem, 3.5vw, 3.25rem);\r\n  }\r\n  .svc-cta p {\r\n    max-width: 650px;\r\n    margin-top: 14px;\r\n    font-size: 0.92rem;\r\n  }\r\n  .svc-cta .svc-actions {\r\n    justify-content: flex-end;\r\n    margin: 0;\r\n  }\r\n  .svc-btn--light {\r\n    color: var(--brand);\r\n    background: #fff;\r\n  }\r\n  .svc-btn--ghost {\r\n    color: #fff;\r\n    border-color: rgba(255, 255, 255, 0.45);\r\n  }\r\n  .svc-btn--ghost:hover {\r\n    border-color: #fff;\r\n    background: rgba(255, 255, 255, 0.08);\r\n  }\r\n  .svc-page.has-reveal [data-reveal] {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition:\r\n      opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),\r\n      transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);\r\n    transition-delay: var(--delay, 0ms);\r\n  }\r\n  .svc-page.has-reveal [data-reveal].is-visible {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n  @keyframes panelIn {\r\n    from {\r\n      opacity: 0.3;\r\n      transform: translateY(8px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n  @keyframes imageIn {\r\n    from {\r\n      opacity: 0.3;\r\n      transform: scale(1.015);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n  @media (max-width: 1100px) {\r\n    .svc-hero-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .svc-hero-copy {\r\n      max-width: 760px;\r\n    }\r\n    .svc-hero-media {\r\n      max-width: 900px;\r\n    }\r\n    .svc-hero-media > img {\r\n      aspect-ratio: 1.7\/1;\r\n    }\r\n    .svc-cta {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .svc-cta .svc-actions {\r\n      justify-content: flex-start;\r\n    }\r\n  }\r\n  @media (max-width: 820px) {\r\n    .svc-wrap {\r\n      width: min(100% - 32px, 1280px);\r\n    }\r\n    .svc-hero {\r\n      min-height: 0;\r\n    }\r\n    .svc-hero h1 {\r\n      font-size: clamp(2.7rem, 9vw, 4.2rem);\r\n    }\r\n    .svc-tablist {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .svc-tablist button:nth-child(2) {\r\n      border-right: 0;\r\n    }\r\n    .svc-tablist button:nth-child(-n + 2) {\r\n      border-bottom: 1px solid var(--line);\r\n    }\r\n    .svc-panel,\r\n    .svc-step-panel {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .svc-panel-media {\r\n      height: 340px;\r\n    }\r\n    .svc-step-media {\r\n      order: -1;\r\n    }\r\n    .svc-steplist {\r\n      margin-inline: -10px;\r\n      overflow-x: auto;\r\n      grid-template-columns: repeat(6, minmax(96px, 1fr));\r\n      padding: 7px 10px 12px;\r\n    }\r\n    .svc-steplist::before {\r\n      right: 58px;\r\n      left: 58px;\r\n    }\r\n    .svc-proof {\r\n      grid-template-columns: 1fr;\r\n      gap: 28px;\r\n    }\r\n    .svc-proof article,\r\n    .svc-proof article:first-child,\r\n    .svc-proof article:last-child {\r\n      padding: 0 0 0 24px;\r\n      border: 0;\r\n      border-left: 1px solid var(--line);\r\n    }\r\n    .svc-lab {\r\n      margin-inline: -16px;\r\n    }\r\n  }\r\n  @media (max-width: 560px) {\r\n    .svc-section {\r\n      padding: 68px 0;\r\n    }\r\n    .svc-hero {\r\n      padding: 68px 0 82px;\r\n    }\r\n    .svc-actions {\r\n      display: grid;\r\n      width: 100%;\r\n    }\r\n    .svc-btn {\r\n      width: 100%;\r\n    }\r\n    .svc-hero-media {\r\n      padding: 0 0 88px;\r\n    }\r\n    .svc-hero-media > img {\r\n      aspect-ratio: 0.95\/1;\r\n      border-radius: 20px;\r\n    }\r\n    .svc-rail {\r\n      top: auto;\r\n      right: 14px;\r\n      bottom: 28px;\r\n      left: 14px;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      width: auto;\r\n      padding: 10px;\r\n      transform: none;\r\n    }\r\n    .svc-rail div {\r\n      grid-template-columns: 1fr;\r\n      justify-items: center;\r\n      gap: 5px;\r\n      min-height: 65px;\r\n      padding: 6px;\r\n      text-align: center;\r\n    }\r\n    .svc-rail div + div {\r\n      border-top: 0;\r\n      border-left: 1px solid var(--line);\r\n    }\r\n    .svc-rail strong {\r\n      font-size: 0.64rem;\r\n    }\r\n    .svc-scroll {\r\n      font-size: 0;\r\n    }\r\n    .svc-scroll span {\r\n      font-size: 1rem;\r\n    }\r\n    .svc-heading {\r\n      margin-bottom: 34px;\r\n    }\r\n    .svc-heading h2 {\r\n      font-size: clamp(2rem, 10vw, 2.7rem);\r\n    }\r\n    .svc-tablist {\r\n      display: flex;\r\n      overflow-x: auto;\r\n    }\r\n    .svc-tablist button {\r\n      min-width: 210px;\r\n      min-height: 62px;\r\n      border-right: 1px solid var(--line) !important;\r\n      border-bottom: 0 !important;\r\n    }\r\n    .svc-panel-copy {\r\n      padding: 30px 22px;\r\n    }\r\n    .svc-panel-media {\r\n      height: 260px;\r\n    }\r\n    .svc-step-media {\r\n      aspect-ratio: 1.2\/1;\r\n    }\r\n    .svc-step-copy h3 {\r\n      font-size: 2.15rem;\r\n    }\r\n    .svc-lab {\r\n      height: 250px;\r\n      margin-bottom: 62px;\r\n    }\r\n    .svc-lab figcaption {\r\n      right: 18px;\r\n      bottom: 18px;\r\n      left: 18px;\r\n    }\r\n    .svc-faq summary {\r\n      grid-template-columns: 28px 1fr 26px;\r\n      gap: 10px;\r\n      padding: 18px 16px;\r\n      font-size: 0.9rem;\r\n    }\r\n    .svc-answer {\r\n      grid-template-columns: 28px 1fr;\r\n      gap: 10px;\r\n      padding: 0 16px 20px;\r\n    }\r\n    .svc-cta {\r\n      padding: 34px 22px;\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .svc-page *,\r\n    .svc-page *::before,\r\n    .svc-page *::after {\r\n      scroll-behavior: auto !important;\r\n      animation-duration: 0.01ms !important;\r\n      transition-duration: 0.01ms !important;\r\n    }\r\n    .svc-page.has-reveal [data-reveal] {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\r\n<script>\r\n  (() => {\r\n    const init = () => {\r\n      const page = document.querySelector(\".svc-page\");\r\n      if (!page || page.dataset.ready) return;\r\n      page.dataset.ready = \"true\";\r\n      const services = [\r\n        [\r\n          \"Product & Application Support\",\r\n          \"Share your voltage class, cable specification, connection interface, operating environment and destination market. We help narrow the right product path before quotation.\",\r\n          [\r\n            \"Requirement clarification\",\r\n            \"Model and configuration matching\",\r\n            \"Standards and market review\",\r\n          ],\r\n          \"https:\/\/yieou.com\/wp-content\/uploads\/2026\/04\/yieou-factory.webp\",\r\n          \"YIEOU team supporting product and application matching\",\r\n        ],\r\n        [\r\n          \"Engineering & Feasibility Review\",\r\n          \"Before confirmation, we coordinate technical details, drawings, interfaces and project constraints so the proposed configuration can be reviewed against the intended application.\",\r\n          [\r\n            \"Drawing and interface review\",\r\n            \"Technical detail confirmation\",\r\n            \"Customization feasibility check\",\r\n          ],\r\n          \"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-factory-high-voltage-testing-lab.webp\",\r\n          \"High-voltage laboratory supporting engineering review\",\r\n        ],\r\n        [\r\n          \"Production & Delivery Coordination\",\r\n          \"Once an order is confirmed, our team follows the agreed production, inspection, marking, packaging and shipment checkpoints and keeps the project contact informed.\",\r\n          [\r\n            \"Production milestone updates\",\r\n            \"Inspection and packaging coordination\",\r\n            \"Shipment preparation follow-up\",\r\n          ],\r\n          \"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-factory-hydraulic-press-production-line.webp\",\r\n          \"Electrical components production line supporting order delivery\",\r\n        ],\r\n        [\r\n          \"After-Sales Response\",\r\n          \"After delivery, we record feedback with the relevant order and product information, coordinate an internal review and communicate the next practical action.\",\r\n          [\r\n            \"Traceable feedback intake\",\r\n            \"Technical review coordination\",\r\n            \"Follow-up for repeat projects\",\r\n          ],\r\n          \"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-factory-finished-goods-warehouse.webp\",\r\n          \"Finished goods warehouse supporting after-sales traceability\",\r\n        ],\r\n      ];\r\n      const stages = [\r\n        [\r\n          \"Project Brief\",\r\n          \"Tell us the application, voltage class, cable data, operating conditions, standards, quantity and target delivery window.\",\r\n          \"<strong>What to prepare:<\/strong> drawings, datasheets or clear product photos.\",\r\n          \"https:\/\/yieou.com\/wp-content\/uploads\/2026\/04\/yieou-factory.webp\",\r\n          \"YIEOU team reviewing an electrical manufacturing project brief\",\r\n        ],\r\n        [\r\n          \"Product Match\",\r\n          \"We compare the requirement with available product families, interfaces and practical operating conditions to identify a suitable direction.\",\r\n          \"<strong>Output:<\/strong> recommended model path and items requiring confirmation.\",\r\n          \"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-factory-patent-qualification-wall.webp\",\r\n          \"Product and qualification review for technical matching\",\r\n        ],\r\n        [\r\n          \"Technical Confirmation\",\r\n          \"Both teams confirm the key specification, drawings, marking, packaging, commercial terms and delivery plan before execution.\",\r\n          \"<strong>Checkpoint:<\/strong> keep the approved version and order reference aligned.\",\r\n          \"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-factory-high-voltage-testing-lab.webp\",\r\n          \"Technical details confirmed in the YIEOU testing laboratory\",\r\n        ],\r\n        [\r\n          \"Production Coordination\",\r\n          \"The order moves through production while the service team follows the agreed milestones and communicates material changes.\",\r\n          \"<strong>Visibility:<\/strong> milestone updates follow the confirmed communication plan.\",\r\n          \"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-factory-hydraulic-press-production-line.webp\",\r\n          \"Production coordination on the YIEOU manufacturing line\",\r\n        ],\r\n        [\r\n          \"Verification & Dispatch\",\r\n          \"Inspection, product marking, packaging and shipment preparation are coordinated against the confirmed order details.\",\r\n          \"<strong>Before dispatch:<\/strong> verify key documents and delivery information.\",\r\n          \"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-factory-pressure-resistance-chamber.webp\",\r\n          \"Pressure resistance testing before product dispatch\",\r\n        ],\r\n        [\r\n          \"Delivery Support\",\r\n          \"After delivery, we remain available for feedback, technical communication, repeat-order planning and approved project follow-up.\",\r\n          \"<strong>For faster review:<\/strong> include the order reference, photos and a clear issue description.\",\r\n          \"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-factory-finished-goods-warehouse.webp\",\r\n          \"Finished products prepared for delivery and ongoing support\",\r\n        ],\r\n      ];\r\n      const reset = (el) => {\r\n        el.style.animation = \"none\";\r\n        requestAnimationFrame(() => (el.style.animation = \"\"));\r\n      };\r\n      const tabs = [...page.querySelectorAll(\"[data-tab]\")],\r\n        panel = page.querySelector(\"#service-panel\");\r\n      const showService = (n, focus = false) => {\r\n        const d = services[n];\r\n        tabs.forEach((t, i) => {\r\n          t.setAttribute(\"aria-selected\", i === n);\r\n          t.tabIndex = i === n ? 0 : -1;\r\n        });\r\n        panel.setAttribute(\"aria-labelledby\", tabs[n].id);\r\n        panel.querySelector(\"[data-service-index]\").textContent =\r\n          `${String(n + 1).padStart(2, \"0\")} \/ 04`;\r\n        panel.querySelector(\"[data-service-title]\").textContent = d[0];\r\n        panel.querySelector(\"[data-service-copy]\").textContent = d[1];\r\n        panel.querySelector(\"[data-service-list]\").innerHTML = d[2]\r\n          .map((x) => `<li>${x}<\/li>`)\r\n          .join(\"\");\r\n        const img = panel.querySelector(\"[data-service-image]\");\r\n        img.src = d[3];\r\n        img.alt = d[4];\r\n        reset(panel.querySelector(\".svc-panel-copy\"));\r\n        reset(img);\r\n        if (focus) tabs[n].focus();\r\n        page.dispatchEvent(\r\n          new CustomEvent(\"yieou:service-select\", {\r\n            detail: { section: \"scope\", index: n, title: d[0] },\r\n          }),\r\n        );\r\n      };\r\n      tabs.forEach((t, n) => {\r\n        t.onclick = () => showService(n);\r\n        t.onkeydown = (e) => {\r\n          if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(e.key))\r\n            return;\r\n          e.preventDefault();\r\n          showService(\r\n            e.key === \"Home\"\r\n              ? 0\r\n              : e.key === \"End\"\r\n                ? tabs.length - 1\r\n                : (n + (e.key === \"ArrowRight\" ? 1 : -1) + tabs.length) %\r\n                  tabs.length,\r\n            true,\r\n          );\r\n        };\r\n      });\r\n      const stepTabs = [...page.querySelectorAll(\"[data-step]\")],\r\n        stepPanel = page.querySelector(\"#step-panel\");\r\n      let active = 0;\r\n      const showStep = (n, focus = false) => {\r\n        active = (n + stages.length) % stages.length;\r\n        const d = stages[active];\r\n        stepTabs.forEach((t, i) => {\r\n          t.setAttribute(\"aria-selected\", i === active);\r\n          t.tabIndex = i === active ? 0 : -1;\r\n        });\r\n        stepPanel.setAttribute(\"aria-labelledby\", stepTabs[active].id);\r\n        stepPanel.querySelector(\"[data-count]\").textContent =\r\n          `${String(active + 1).padStart(2, \"0\")} \/ 06`;\r\n        stepPanel.querySelector(\"[data-step-title]\").innerHTML =\r\n          `<span>${String(active + 1).padStart(2, \"0\")} \u2014<\/span> ${d[0]}`;\r\n        stepPanel.querySelector(\"[data-step-copy]\").textContent = d[1];\r\n        stepPanel.querySelector(\"[data-helper]\").innerHTML = d[2];\r\n        const img = stepPanel.querySelector(\"[data-step-image]\");\r\n        img.src = d[3];\r\n        img.alt = d[4];\r\n        reset(stepPanel.querySelector(\".svc-step-copy\"));\r\n        reset(img);\r\n        if (focus) stepTabs[active].focus();\r\n        page.dispatchEvent(\r\n          new CustomEvent(\"yieou:service-select\", {\r\n            detail: { section: \"process\", index: active, title: d[0] },\r\n          }),\r\n        );\r\n      };\r\n      stepTabs.forEach((t, n) => {\r\n        t.onclick = () => showStep(n);\r\n        t.onkeydown = (e) => {\r\n          if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(e.key))\r\n            return;\r\n          e.preventDefault();\r\n          showStep(\r\n            e.key === \"Home\"\r\n              ? 0\r\n              : e.key === \"End\"\r\n                ? stepTabs.length - 1\r\n                : n + (e.key === \"ArrowRight\" ? 1 : -1),\r\n            true,\r\n          );\r\n        };\r\n      });\r\n      page.querySelector(\"[data-prev]\").onclick = () => showStep(active - 1);\r\n      page.querySelector(\"[data-next]\").onclick = () => showStep(active + 1);\r\n      page.querySelectorAll(\".svc-faq details\").forEach(\r\n        (d) =>\r\n          (d.ontoggle = () => {\r\n            if (!d.open) return;\r\n            page.querySelectorAll(\".svc-faq details\").forEach((o) => {\r\n              if (o !== d) o.open = false;\r\n            });\r\n            page.dispatchEvent(\r\n              new CustomEvent(\"yieou:faq-open\", {\r\n                detail: {\r\n                  question: d.querySelector(\"summary span\").textContent,\r\n                },\r\n              }),\r\n            );\r\n          }),\r\n      );\r\n      page\r\n        .querySelectorAll(\"[data-track]\")\r\n        .forEach(\r\n          (a) =>\r\n            (a.onclick = () =>\r\n              page.dispatchEvent(\r\n                new CustomEvent(\"yieou:service-cta\", {\r\n                  detail: {\r\n                    action: a.dataset.track,\r\n                    href: a.getAttribute(\"href\"),\r\n                  },\r\n                }),\r\n              )),\r\n        );\r\n      const items = [...page.querySelectorAll(\"[data-reveal]\")];\r\n      page.classList.add(\"has-reveal\");\r\n      if (\r\n        !(\"IntersectionObserver\" in window) ||\r\n        matchMedia(\"(prefers-reduced-motion:reduce)\").matches\r\n      )\r\n        items.forEach((x) => x.classList.add(\"is-visible\"));\r\n      else {\r\n        const io = new IntersectionObserver(\r\n          (es) =>\r\n            es.forEach((e) => {\r\n              if (e.isIntersecting) {\r\n                e.target.classList.add(\"is-visible\");\r\n                io.unobserve(e.target);\r\n              }\r\n            }),\r\n          { rootMargin: \"0px 0px -8% 0px\", threshold: 0.08 },\r\n        );\r\n        items.forEach((x) => io.observe(x));\r\n      }\r\n    };\r\n    document.readyState === \"loading\"\r\n      ? document.addEventListener(\"DOMContentLoaded\", init, { once: true })\r\n      : init();\r\n  })();\r\n<\/script>\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\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Manufacturing Support That Keeps Projects Moving From product matching and technical review to production updates and after-sales response, YIEOU gives [&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,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1217","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/yieou.com\/it\/wp-json\/wp\/v2\/pages\/1217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yieou.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yieou.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yieou.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yieou.com\/it\/wp-json\/wp\/v2\/comments?post=1217"}],"version-history":[{"count":36,"href":"https:\/\/yieou.com\/it\/wp-json\/wp\/v2\/pages\/1217\/revisions"}],"predecessor-version":[{"id":3535,"href":"https:\/\/yieou.com\/it\/wp-json\/wp\/v2\/pages\/1217\/revisions\/3535"}],"wp:attachment":[{"href":"https:\/\/yieou.com\/it\/wp-json\/wp\/v2\/media?parent=1217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}