{"id":1174,"date":"2026-02-04T14:43:16","date_gmt":"2026-02-04T14:43:16","guid":{"rendered":"https:\/\/startersites.io\/elementor\/book-store\/?page_id=1174"},"modified":"2026-05-05T09:28:53","modified_gmt":"2026-05-05T09:28:53","slug":"home","status":"publish","type":"page","link":"https:\/\/hywoodfurniture.com\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1174\" class=\"elementor elementor-1174\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bddaafb e-con-full e-flex e-con e-parent\" data-id=\"bddaafb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32dc4d3 elementor-widget elementor-widget-html\" data-id=\"32dc4d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HUAYI Homepage - Pure HTML\/CSS (Elementor HTML Widget) -->\r\n<!-- Icons are rendered inline to avoid third-party script cost -->\r\n\r\n<!-- SEO + JSON-LD (language-aware fallback for WP multilingual) -->\r\n<script>\r\n(function() {\r\n  var lang = (document.documentElement.lang || 'en').toLowerCase();\r\n  var locale = lang.indexOf('de') === 0 ? 'de' : (lang.indexOf('fr') === 0 ? 'fr' : 'en');\r\n\r\n  var seo = {\r\n    en: {\r\n      title: \"HUAYI | Premium Solid Wood Furniture Manufacturer | OEM\/ODM | FSC Certified\",\r\n      description: \"HUAYI - China's leading solid wood furniture manufacturer since 2005. 45,000 sqm factory, 500+ staff, FSC & EUDR compliant. OEM\/ODM partner for global brands.\",\r\n      company: \"Qingdao Huayi Youpin Intelligent Furniture Co., Ltd.\",\r\n      brand: \"HUAYI Furniture\"\r\n    },\r\n    de: {\r\n      title: \"HUAYI | Premium Massivholzmobel Hersteller | OEM\/ODM | FSC Zertifiziert\",\r\n      description: \"HUAYI - Chinas fuhrender Massivholzmobel-Hersteller seit 2005. 45.000 sqm Fabrik, 500+ Mitarbeiter, FSC & EUDR konform.\",\r\n      company: \"Qingdao Huayi Youpin Intelligent Furniture Co., Ltd.\",\r\n      brand: \"HUAYI Furniture\"\r\n    },\r\n    fr: {\r\n      title: \"HUAYI | Fabricant de Meubles en Bois Massif | OEM\/ODM | Certifie FSC\",\r\n      description: \"HUAYI - Premier fabricant chinois de meubles en bois massif depuis 2005. Usine de 45 000 sqm, 500+ employes, conforme FSC & EUDR.\",\r\n      company: \"Qingdao Huayi Youpin Intelligent Furniture Co., Ltd.\",\r\n      brand: \"HUAYI Furniture\"\r\n    }\r\n  };\r\n\r\n  var data = seo[locale] || seo.en;\r\n\r\n  function ensureTitle(text) {\r\n    if (!document.title || document.title.trim().length === 0) {\r\n      document.title = text;\r\n    }\r\n  }\r\n\r\n  function ensureMeta(name, content, force) {\r\n    var h = document.head || document.getElementsByTagName('head')[0];\r\n    if (!h) return;\r\n    var m = h.querySelector('meta[name=\"' + name + '\"]');\r\n    if (!m) {\r\n      m = document.createElement('meta');\r\n      m.setAttribute('name', name);\r\n      h.appendChild(m);\r\n    }\r\n    if (force || !m.getAttribute('content')) {\r\n      m.setAttribute('content', content);\r\n    }\r\n  }\r\n  function ensurePropertyMeta(property, content, force) {\r\n    var h = document.head || document.getElementsByTagName('head')[0];\r\n    if (!h) return;\r\n    var m = h.querySelector('meta[property=\"' + property + '\"]');\r\n    if (!m) {\r\n      m = document.createElement('meta');\r\n      m.setAttribute('property', property);\r\n      h.appendChild(m);\r\n    }\r\n    if (force || !m.getAttribute('content')) {\r\n      m.setAttribute('content', content);\r\n    }\r\n  }\r\n  function ensureCanonical(url) {\r\n    if (!url) return;\r\n    var h = document.head || document.getElementsByTagName('head')[0];\r\n    if (!h) return;\r\n    var c = h.querySelector('link[rel=\"canonical\"]');\r\n    if (!c) {\r\n      c = document.createElement('link');\r\n      c.setAttribute('rel', 'canonical');\r\n      h.appendChild(c);\r\n    }\r\n    if (!c.getAttribute('href')) c.setAttribute('href', url);\r\n  }\r\n\r\n  ensureTitle(data.title);\r\n  ensureMeta('description', data.description, true);\r\n  function enforceDescriptionMeta() {\r\n    ensureMeta('description', data.description, true);\r\n  }\r\n  enforceDescriptionMeta();\r\n  document.addEventListener('DOMContentLoaded', enforceDescriptionMeta, { once: true });\r\n  window.addEventListener('load', enforceDescriptionMeta, { once: true });\r\n  ensureMeta('referrer', 'strict-origin-when-cross-origin', true);\r\n  ensureMeta('theme-color', '#8B1A1A', true);\r\n  if (!document.querySelector('meta[name=\"robots\"]')) {\r\n    ensureMeta('robots', 'index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1');\r\n  }\r\n  function ensurePreconnect(url) {\r\n    if (!url) return;\r\n    var existing = document.querySelector('link[rel=\"preconnect\"][href=\"' + url + '\"]');\r\n    if (!existing) {\r\n      var l = document.createElement('link');\r\n      l.setAttribute('rel', 'preconnect');\r\n      l.setAttribute('href', url);\r\n      l.setAttribute('crossorigin', '');\r\n      document.head.appendChild(l);\r\n    }\r\n    var dns = document.querySelector('link[rel=\"dns-prefetch\"][href=\"' + url + '\"]');\r\n    if (!dns) {\r\n      var d = document.createElement('link');\r\n      d.setAttribute('rel', 'dns-prefetch');\r\n      d.setAttribute('href', url);\r\n      document.head.appendChild(d);\r\n    }\r\n  }\r\n  function ensurePreloadImage(url, media) {\r\n    if (!url) return;\r\n    var selector = 'link[rel=\"preload\"][as=\"image\"][href=\"' + url + '\"]';\r\n    if (media) selector += '[media=\"' + media + '\"]';\r\n    var existing = document.querySelector(selector);\r\n    if (!existing) {\r\n      var p = document.createElement('link');\r\n      p.setAttribute('rel', 'preload');\r\n      p.setAttribute('as', 'image');\r\n      p.setAttribute('href', url);\r\n      if (media) p.setAttribute('media', media);\r\n      document.head.appendChild(p);\r\n    }\r\n  }\r\n  var isMobileViewport = window.matchMedia && window.matchMedia('(max-width: 767px)').matches;\r\n  ensurePreconnect('https:\/\/hywoodfurniture.com');\r\n  if (!isMobileViewport) {\r\n    ensurePreconnect('https:\/\/cdn.jsdelivr.net');\r\n    ensurePreconnect('https:\/\/images.unsplash.com');\r\n    ensurePreconnect('https:\/\/unpkg.com');\r\n    ensurePreconnect('https:\/\/www.youtube.com');\r\n    ensurePreconnect('https:\/\/www.youtube-nocookie.com');\r\n    ensurePreconnect('https:\/\/i.ytimg.com');\r\n  }\r\n  ensurePreloadImage('https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_factory-mb.webp', '(max-width: 767px)');\r\n  ensurePreloadImage('https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_factory.webp', '(min-width: 768px)');\r\n\r\n  var base = {\r\n    url: \"https:\/\/www.hywoodfurniture.com\/\",\r\n    logo: \"https:\/\/www.hywoodfurniture.com\/logo.png\",\r\n    image: \"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_factory.webp\",\r\n    address: {\r\n      \"@type\": \"PostalAddress\",\r\n      \"streetAddress\": \"45,000 sqm Modern Factory, Industrial Park\",\r\n      \"addressLocality\": \"Qingdao\",\r\n      \"addressRegion\": \"Shandong\",\r\n      \"postalCode\": \"266000\",\r\n      \"addressCountry\": \"CN\"\r\n    },\r\n    geo: { \"@type\": \"GeoCoordinates\", \"latitude\": \"36.07\", \"longitude\": \"120.38\" },\r\n    telephone: \"+86-13864226795\",\r\n    email: \"alina@hywoodfurniture.com\"\r\n  };\r\n  ensureCanonical(base.url);\r\n  ensurePropertyMeta('og:type', 'website', true);\r\n  ensurePropertyMeta('og:site_name', data.brand, true);\r\n  ensurePropertyMeta('og:title', data.title, true);\r\n  ensurePropertyMeta('og:description', data.description, true);\r\n  ensurePropertyMeta('og:url', base.url, true);\r\n  ensurePropertyMeta('og:image', base.image, true);\r\n  ensureMeta('twitter:card', 'summary_large_image', true);\r\n  ensureMeta('twitter:title', data.title, true);\r\n  ensureMeta('twitter:description', data.description, true);\r\n  ensureMeta('twitter:image', base.image, true);\r\n\r\n  var ld = [\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"ManufacturingBusiness\",\r\n      \"@id\": \"https:\/\/www.hywoodfurniture.com\/#organization-\" + locale,\r\n      \"inLanguage\": locale,\r\n      \"name\": data.company,\r\n      \"alternateName\": [data.brand, \"Huayi Furniture\"],\r\n      \"url\": base.url,\r\n      \"logo\": base.logo,\r\n      \"image\": base.image,\r\n      \"description\": data.description,\r\n      \"foundingDate\": \"2005\",\r\n      \"numberOfEmployees\": { \"@type\": \"QuantitativeValue\", \"value\": 500 },\r\n      \"areaServed\": [\"Global\", \"Europe\", \"Asia\", \"North America\", \"Oceania\"],\r\n      \"address\": base.address,\r\n      \"geo\": base.geo,\r\n      \"telephone\": base.telephone,\r\n      \"email\": base.email,\r\n      \"contactPoint\": {\r\n        \"@type\": \"ContactPoint\",\r\n        \"telephone\": base.telephone,\r\n        \"email\": base.email,\r\n        \"contactType\": \"sales\",\r\n        \"availableLanguage\": [\"English\", \"Chinese\", \"German\", \"French\", \"Spanish\", \"Italian\"]\r\n      },\r\n      \"hasCredential\": [\r\n        { \"@type\": \"EducationalOccupationalCredential\", \"name\": \"FSC Chain of Custody Certification\", \"credentialCategory\": \"GFA-COC-005231\" },\r\n        { \"@type\": \"EducationalOccupationalCredential\", \"name\": \"ISO 9001:2015 Quality Management System\", \"credentialCategory\": \"ISO\" },\r\n        { \"@type\": \"EducationalOccupationalCredential\", \"name\": \"EUDR Compliance\", \"credentialCategory\": \"EUDR\" }\r\n      ],\r\n      \"sameAs\": [\r\n        \"https:\/\/www.linkedin.com\/company\/hywoodfurniture\",\r\n        \"https:\/\/www.facebook.com\/hywoodfurniture\",\r\n        \"https:\/\/youtube.com\/@Huayi-all\",\r\n        \"https:\/\/instagram.com\/huayi-all\"\r\n      ]\r\n    },\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"Organization\",\r\n      \"@id\": \"https:\/\/www.hywoodfurniture.com\/#brand-\" + locale,\r\n      \"inLanguage\": locale,\r\n      \"name\": data.brand,\r\n      \"url\": base.url,\r\n      \"logo\": base.logo,\r\n      \"foundingDate\": \"2005\",\r\n      \"contactPoint\": {\r\n        \"@type\": \"ContactPoint\",\r\n        \"telephone\": base.telephone,\r\n        \"contactType\": \"Customer Service\",\r\n        \"availableLanguage\": [\"English\", \"Chinese\"]\r\n      }\r\n    },\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"BreadcrumbList\",\r\n      \"itemListElement\": [\r\n        { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": base.url }\r\n      ]\r\n    }\r\n  ];\r\n\r\n  function injectLdJson() {\r\n    if (document.querySelector('script[data-hy-ld=\"' + locale + '\"]')) return;\r\n    var s = document.createElement('script');\r\n    s.type = 'application\/ld+json';\r\n    s.setAttribute('data-hy-ld', locale);\r\n    s.text = JSON.stringify(ld);\r\n    document.head.appendChild(s);\r\n  }\r\n  if (isMobileViewport) {\r\n    var scheduleLd = function() {\r\n      if ('requestIdleCallback' in window) {\r\n        window.requestIdleCallback(injectLdJson, { timeout: 4200 });\r\n      } else {\r\n        setTimeout(injectLdJson, 2600);\r\n      }\r\n    };\r\n    if (document.readyState === 'complete') {\r\n      scheduleLd();\r\n    } else {\r\n      window.addEventListener('load', scheduleLd, { once: true });\r\n    }\r\n  } else {\r\n    injectLdJson();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n  :root{\r\n    --brand:#8B1A1A;\r\n    --brand-dark:#6D1414;\r\n    --accent:#D6B38A;\r\n    --text:#111111;\r\n    --muted:#5F5F5F;\r\n    --border:#E4DED7;\r\n    --bg:#ECEEF1;\r\n    --bg-soft:#F4F5F7;\r\n  }\r\n  .hy-home{margin:0; padding:0; background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;}\r\n  .hy-home h1,.hy-home h2,.hy-home h3,.hy-home h4,.hy-home h5,.hy-home h6{color:var(--text);}\r\n  .hy-home p{color:var(--muted);}\r\n  .hy-home a{color:var(--brand);}\r\n  .hy-home a:hover{color:var(--accent);}\r\n  .hy-home ::selection{background:var(--brand); color:#fff;}\r\n  .hy-wrap{max-width:1200px; margin:0 auto; padding:0 20px;}\r\n  .hy-section{padding:56px 0;}\r\n  .hy-section.tight{padding:40px 0;}\r\n  .hy-section.no-bottom{padding-bottom:0;}\r\n  .perf-defer{\r\n    content-visibility:auto;\r\n    contain-intrinsic-size:900px;\r\n  }\r\n  .hy-lazy{opacity:0; transition:opacity .35s ease;}\r\n  .hy-lazy.is-loaded{opacity:1;}\r\n  .badge{display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border:1px solid var(--border); border-radius:999px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#2F2F2F; background:#FFF;}\r\n  .btn{display:inline-flex; align-items:center; gap:8px; padding:14px 26px; border-radius:999px; font-weight:700; font-size:14px; text-decoration:none;}\r\n  .wa-icon{width:20px; height:20px; display:block; color:#25D366;}\r\n  .btn.primary{color:#fff; background:linear-gradient(135deg,var(--brand),var(--brand-dark)); box-shadow:0 10px 24px rgba(139,26,26,.35);}\r\n  .btn.ghost{color:#2F2F2F; background:#FFF; border:1px solid var(--border);}\r\n  .btn.ios{box-shadow:0 12px 26px rgba(0,0,0,.12);}\r\n  .hero{\r\n    position:relative;\r\n    min-height:60vh;\r\n    overflow:hidden;\r\n    display:flex;\r\n    align-items:center;\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n  }\r\n  .hero-slides{position:absolute; inset:0;}\r\n  .hero-slide{position:absolute; inset:0; opacity:0; transition:opacity 1s ease;}\r\n  .hero-slide.active{opacity:1;}\r\n  .hero-slide picture{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n  }\r\n  .hero-slide img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    transform:scale(1.01) translate3d(0,0,0);\r\n    filter:none;\r\n    transition:transform 1.1s ease;\r\n    will-change:transform;\r\n  }\r\n  .hero-slide.active img{\r\n    transform:scale(1.02) translate3d(0,0,0);\r\n  }\r\n  .hy-home.js-motion .hero-slide.active img{\r\n    animation:heroBreathStrong 3.2s cubic-bezier(.22,.61,.36,1) infinite;\r\n  }\r\n  .hero-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(180deg,rgba(17,17,17,.46),rgba(17,17,17,.22) 40%,rgba(17,17,17,.56));\r\n    opacity:.82;\r\n  }\r\n  .hero-slide.active .hero-overlay{\r\n    opacity:.84;\r\n  }\r\n  .hy-home.js-motion .hero-slide.active .hero-overlay{\r\n    animation:heroOverlayPulse 3.2s ease-in-out infinite;\r\n  }\r\n  @keyframes heroBreathStrong{\r\n    0%,100%{\r\n      transform:scale(1.03) translate3d(-1.2%, -0.6%, 0);\r\n      filter:saturate(1.04) contrast(1.04);\r\n    }\r\n    50%{\r\n      transform:scale(1.115) translate3d(1.3%, 0.85%, 0);\r\n      filter:saturate(1.14) contrast(1.12);\r\n    }\r\n  }\r\n  @keyframes heroOverlayPulse{\r\n    0%,100%{opacity:.82;}\r\n    50%{opacity:.63;}\r\n  }\r\n  .hero-content{position:relative; z-index:2; text-align:center; color:#fff; padding:40px 0;}\r\n  .hero-copy-panel{\r\n    display:inline-flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:10px;\r\n    width:min(94vw,1040px);\r\n    padding:14px 16px 16px;\r\n    border-radius:22px;\r\n    border:1px solid rgba(255,255,255,.24);\r\n    background:linear-gradient(180deg,rgba(8,12,20,.30),rgba(8,12,20,.18));\r\n    box-shadow:0 10px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.16);\r\n    backdrop-filter:blur(1.6px);\r\n  }\r\n  .hero-copy-panel > .badge{\r\n    margin:0 auto;\r\n    border:1px solid rgba(255,255,255,.88);\r\n    color:#222831;\r\n    background:#fff;\r\n    box-shadow:0 8px 18px rgba(0,0,0,.16);\r\n  }\r\n  .hero-copy-panel > .badge i,\r\n  .hero-copy-panel > .badge span{\r\n    color:#222831;\r\n  }\r\n  .hero .hero-title{\r\n    color:#fff;\r\n    text-shadow:0 4px 14px rgba(0,0,0,.55);\r\n  }\r\n  .hero-title{\r\n    display:inline-block;\r\n    max-width:min(92vw,860px);\r\n    font-size:clamp(32px,6vw,64px);\r\n    font-weight:800;\r\n    margin:2px 0 0;\r\n    padding:0;\r\n    border:none;\r\n    background:transparent;\r\n    box-shadow:none;\r\n    text-wrap:balance;\r\n  }\r\n  .hero-sub{\r\n    color:#fff !important;\r\n    max-width:820px;\r\n    margin:0 auto;\r\n    padding:10px 16px;\r\n    border-radius:14px;\r\n    border:1px solid rgba(255,255,255,.18);\r\n    background:linear-gradient(180deg,rgba(8,12,20,.24),rgba(8,12,20,.14));\r\n    backdrop-filter:blur(1px);\r\n    text-shadow:0 2px 12px rgba(0,0,0,.55);\r\n    font-size:clamp(16px,2.1vw,22px);\r\n    line-height:1.5;\r\n    font-weight:550;\r\n  }\r\n  .hero-sub,\r\n  .hero-sub *{\r\n    color:#fff !important;\r\n  }\r\n  .hero-sub span[translate=\"no\"]{\r\n    font-weight:800;\r\n    color:#fff !important;\r\n    text-shadow:0 0 16px rgba(214,179,138,.55);\r\n  }\r\n  .hero .btn{\r\n    position:relative;\r\n    transform:translateY(0);\r\n    transition:transform .24s ease, box-shadow .24s ease, filter .24s ease;\r\n  }\r\n  .hero .btn.primary{\r\n    border:1px solid rgba(109,20,20,.95);\r\n    background:linear-gradient(160deg,#a42020 0%,var(--brand) 58%,var(--brand-dark) 100%);\r\n    box-shadow:\r\n      0 14px 26px rgba(139,26,26,.38),\r\n      0 6px 10px rgba(109,20,20,.24),\r\n      inset 0 1px 0 rgba(255,255,255,.30),\r\n      inset 0 -8px 12px rgba(80,9,9,.34);\r\n  }\r\n  .hero .btn.ghost{\r\n    border:1px solid rgba(228,222,215,.92);\r\n    box-shadow:\r\n      0 10px 20px rgba(17,24,39,.18),\r\n      inset 0 1px 0 rgba(255,255,255,.92),\r\n      inset 0 -8px 12px rgba(17,24,39,.08);\r\n  }\r\n  .hero .btn:hover{\r\n    transform:translateY(-3px);\r\n    filter:saturate(1.05);\r\n  }\r\n  .hero .btn:active{\r\n    transform:translateY(-1px);\r\n  }\r\n  .hero-dots{position:absolute; left:50%; transform:translateX(-50%); bottom:20px; display:flex; gap:10px; z-index:3;}\r\n  .hero-dot{width:28px; height:4px; border-radius:999px; background:rgba(255,255,255,.4); border:none;}\r\n  .hero-dot.active{width:44px; background:var(--brand);}\r\n\r\n  .trust{display:flex; flex-wrap:wrap; gap:18px; justify-content:space-between; align-items:center;}\r\n  .trust-stats{display:flex; gap:24px; flex-wrap:wrap;}\r\n  .trust-item{min-width:90px; text-align:center;}\r\n  .trust-item b{display:block; font-size:22px;}\r\n  .trust-badges{display:flex; gap:10px; flex-wrap:wrap;}\r\n  .trust-badges .badge{\r\n    position:relative;\r\n    overflow:hidden;\r\n    color:#fff;\r\n    border:1px solid rgba(109,20,20,.9);\r\n    background:linear-gradient(160deg,#9f1f1f 0%,var(--brand) 58%,var(--brand-dark) 100%);\r\n    box-shadow:\r\n      0 10px 18px rgba(139,26,26,.28),\r\n      0 4px 8px rgba(109,20,20,.22),\r\n      inset 0 1px 0 rgba(255,255,255,.30),\r\n      inset 0 -6px 10px rgba(80,9,9,.35);\r\n    transform:translateZ(0);\r\n    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n  }\r\n  .trust-badges .badge::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,0) 42%);\r\n    pointer-events:none;\r\n  }\r\n  .trust-badges .badge i,\r\n  .trust-badges .badge span{color:#fff;}\r\n  .trust-badges .badge:hover{\r\n    transform:translateY(-2px) scale(1.03);\r\n    box-shadow:\r\n      0 14px 26px rgba(139,26,26,.34),\r\n      0 6px 10px rgba(109,20,20,.28),\r\n      inset 0 1px 0 rgba(255,255,255,.34),\r\n      inset 0 -6px 10px rgba(80,9,9,.38);\r\n    filter:saturate(1.06);\r\n  }\r\n\r\n  .grid{display:grid; gap:16px;}\r\n  .grid.products{grid-template-columns:repeat(5,1fr); perspective:1200px;}\r\n  .product-gateway{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border:1px solid var(--border);\r\n    border-radius:22px;\r\n    padding:24px;\r\n    background:\r\n      linear-gradient(180deg, rgba(255,255,255,.92), rgba(244,245,247,.9)),\r\n      linear-gradient(145deg, rgba(139,26,26,.08), rgba(139,26,26,0));\r\n    box-shadow:\r\n      0 16px 32px rgba(17,24,39,.11),\r\n      0 6px 14px rgba(17,24,39,.08),\r\n      inset 0 1px 0 rgba(255,255,255,.92),\r\n      inset 0 -2px 0 rgba(167,150,130,.26);\r\n    transform-style:preserve-3d;\r\n    perspective:1200px;\r\n    transform:translateZ(0);\r\n  }\r\n  .product-gateway::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    pointer-events:none;\r\n    background:\r\n      radial-gradient(140% 90% at 50% -30%, rgba(255,255,255,.56) 0%, rgba(255,255,255,0) 62%),\r\n      radial-gradient(120% 110% at 92% 12%, rgba(139,26,26,.12) 0%, rgba(139,26,26,0) 68%);\r\n    z-index:0;\r\n  }\r\n  .product-gateway::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    pointer-events:none;\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255,255,255,.86),\r\n      inset 0 -1px 0 rgba(166,149,130,.34),\r\n      inset 12px 10px 22px rgba(255,255,255,.18),\r\n      inset -12px -16px 24px rgba(112,95,76,.10);\r\n    z-index:1;\r\n  }\r\n  .product-gateway > *{\r\n    position:relative;\r\n    z-index:2;\r\n  }\r\n  .gateway-head{text-align:center; margin-bottom:14px;}\r\n  .gateway-head h3{\r\n    margin:0 0 6px;\r\n    font-size:clamp(24px,3.2vw,38px);\r\n    line-height:1.1;\r\n    letter-spacing:-.015em;\r\n    color:#171717;\r\n    text-shadow:\r\n      0 1px 0 rgba(255,255,255,.66),\r\n      0 12px 20px rgba(17,24,39,.10);\r\n  }\r\n  .gateway-head p{\r\n    margin:0 auto;\r\n    max-width:760px;\r\n    font-size:16px;\r\n    color:var(--muted);\r\n  }\r\n  .gateway-chip-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:10px;\r\n    margin:16px 0 18px;\r\n  }\r\n  .gateway-chip{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:44px;\r\n    padding:8px 12px;\r\n    border-radius:999px;\r\n    border:1px solid rgba(171,157,139,.72);\r\n    background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(244,240,234,.88));\r\n    color:#2c2822;\r\n    font-size:12px;\r\n    letter-spacing:.09em;\r\n    text-transform:uppercase;\r\n    font-weight:800;\r\n    text-align:center;\r\n    box-shadow:\r\n      0 10px 16px rgba(17,24,39,.10),\r\n      inset 0 1px 0 rgba(255,255,255,.86),\r\n      inset 0 -1px 0 rgba(168,151,132,.34);\r\n    transform:translateZ(8px);\r\n    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;\r\n  }\r\n  .gateway-chip:hover{\r\n    transform:translateY(-2px) translateZ(16px);\r\n    border-color:rgba(139,26,26,.42);\r\n    box-shadow:\r\n      0 14px 24px rgba(17,24,39,.14),\r\n      0 0 0 1px rgba(139,26,26,.14),\r\n      inset 0 1px 0 rgba(255,255,255,.9);\r\n  }\r\n  .gateway-actions{display:flex; gap:10px; justify-content:center; flex-wrap:wrap;}\r\n  .gateway-actions .btn{\r\n    transform:translateZ(18px);\r\n  }\r\n  .hy-home.js-motion .product-gateway{\r\n    animation:gatewayBreath 6.4s cubic-bezier(.37,0,.2,1) infinite;\r\n  }\r\n  .hy-home.js-motion .gateway-head h3{\r\n    animation:gatewayTitleBreath 6.4s cubic-bezier(.37,0,.2,1) infinite;\r\n  }\r\n  .hy-home.js-motion .gateway-chip{\r\n    animation:gatewayChipBreath 5.2s ease-in-out infinite;\r\n  }\r\n  .hy-home.js-motion .gateway-chip:nth-child(2){animation-delay:.28s;}\r\n  .hy-home.js-motion .gateway-chip:nth-child(3){animation-delay:.56s;}\r\n  .hy-home.js-motion .gateway-chip:nth-child(4){animation-delay:.84s;}\r\n  .hy-home.js-motion .gateway-chip:nth-child(5){animation-delay:1.12s;}\r\n  .hy-home.js-motion .gateway-chip:nth-child(6){animation-delay:1.40s;}\r\n  @keyframes gatewayBreath{\r\n    0%,100%{\r\n      transform:translateY(0) scale(1);\r\n      box-shadow:\r\n        0 16px 32px rgba(17,24,39,.11),\r\n        0 6px 14px rgba(17,24,39,.08),\r\n        inset 0 1px 0 rgba(255,255,255,.92),\r\n        inset 0 -2px 0 rgba(167,150,130,.26);\r\n    }\r\n    50%{\r\n      transform:translateY(-2px) scale(1.004);\r\n      box-shadow:\r\n        0 24px 42px rgba(17,24,39,.14),\r\n        0 10px 18px rgba(17,24,39,.11),\r\n        inset 0 1px 0 rgba(255,255,255,.95),\r\n        inset 0 -2px 0 rgba(167,150,130,.30);\r\n    }\r\n  }\r\n  @keyframes gatewayTitleBreath{\r\n    0%,100%{\r\n      transform:translateY(0);\r\n      text-shadow:\r\n        0 1px 0 rgba(255,255,255,.66),\r\n        0 12px 20px rgba(17,24,39,.10);\r\n    }\r\n    50%{\r\n      transform:translateY(-1px);\r\n      text-shadow:\r\n        0 1px 0 rgba(255,255,255,.7),\r\n        0 16px 26px rgba(17,24,39,.14);\r\n    }\r\n  }\r\n  @keyframes gatewayChipBreath{\r\n    0%,100%{\r\n      transform:translateZ(8px);\r\n      box-shadow:\r\n        0 10px 16px rgba(17,24,39,.10),\r\n        inset 0 1px 0 rgba(255,255,255,.86),\r\n        inset 0 -1px 0 rgba(168,151,132,.34);\r\n    }\r\n    50%{\r\n      transform:translateY(-1px) translateZ(14px);\r\n      box-shadow:\r\n        0 14px 22px rgba(17,24,39,.13),\r\n        inset 0 1px 0 rgba(255,255,255,.90),\r\n        inset 0 -1px 0 rgba(168,151,132,.38);\r\n    }\r\n  }\r\n  .card{\r\n    position:relative;\r\n    border-radius:20px;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    background:#111;\r\n    height:320px;\r\n    transform-style:preserve-3d;\r\n    -webkit-transform:translateZ(0);\r\n    transform:translateZ(0);\r\n    border:1px solid rgba(255,255,255,.42);\r\n    box-shadow:\r\n      0 18px 36px rgba(17,24,39,.20),\r\n      0 8px 14px rgba(17,24,39,.12),\r\n      inset 0 1px 0 rgba(255,255,255,.28),\r\n      inset 0 -16px 20px rgba(0,0,0,.24);\r\n    transition:transform .5s cubic-bezier(.22,.61,.36,1), box-shadow .5s ease;\r\n    animation:cardFloat 5.8s ease-in-out infinite;\r\n    will-change:transform;\r\n  }\r\n  .card:nth-child(2){animation-delay:.8s;}\r\n  .card:nth-child(3){animation-delay:1.6s;}\r\n  .card:nth-child(4){animation-delay:2.4s;}\r\n  .card:nth-child(5){animation-delay:3.2s;}\r\n  .card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-30% -80%;\r\n    background:linear-gradient(115deg,rgba(255,255,255,0) 32%,rgba(255,255,255,.32) 48%,rgba(255,255,255,0) 64%);\r\n    transform:translate3d(-28%,0,26px) rotate(10deg);\r\n    animation:cardShine 5.8s ease-in-out infinite;\r\n    pointer-events:none;\r\n    mix-blend-mode:screen;\r\n  }\r\n  .card::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:20px;\r\n    pointer-events:none;\r\n    box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), inset 0 -24px 40px rgba(0,0,0,.20);\r\n  }\r\n  .card:nth-child(odd):hover{\r\n    transform:translateY(-10px) rotateX(7deg) rotateY(-7deg) scale(1.015);\r\n    box-shadow:0 28px 48px rgba(17,24,39,.26), 0 12px 20px rgba(17,24,39,.16), inset 0 1px 0 rgba(255,255,255,.30);\r\n  }\r\n  .card:nth-child(even):hover{\r\n    transform:translateY(-10px) rotateX(7deg) rotateY(7deg) scale(1.015);\r\n    box-shadow:0 28px 48px rgba(17,24,39,.26), 0 12px 20px rgba(17,24,39,.16), inset 0 1px 0 rgba(255,255,255,.30);\r\n  }\r\n  .card:focus-visible{\r\n    outline:2px solid rgba(214,179,138,.9);\r\n    outline-offset:3px;\r\n    transform:translateY(-8px) rotateX(5deg) rotateY(-5deg);\r\n  }\r\n  .card img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    border-radius:inherit;\r\n    transform:translateZ(8px) scale(1.03);\r\n    transition:transform .6s ease, filter .6s ease;\r\n    filter:saturate(1.02) contrast(1.02);\r\n    -webkit-backface-visibility:hidden;\r\n    backface-visibility:hidden;\r\n  }\r\n  .card:hover img{\r\n    transform:translateZ(26px) scale(1.08);\r\n    filter:saturate(1.08) contrast(1.05);\r\n  }\r\n  .card .overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.68));\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:flex-end;\r\n    padding:18px;\r\n    color:#fff;\r\n    transform:translateZ(24px);\r\n  }\r\n  .card .overlay h3{\r\n    margin:0 0 6px 0;\r\n    font-size:16px;\r\n    font-weight:800;\r\n    color:#fff !important;\r\n    text-shadow:0 4px 14px rgba(0,0,0,.52);\r\n  }\r\n  .card .overlay p{margin:0; font-size:12px; color:rgba(255,255,255,.78); text-shadow:0 2px 8px rgba(0,0,0,.3);}\r\n  @keyframes cardFloat{\r\n    0%,100%{transform:translateY(0) rotateX(0deg) rotateY(0deg) scale(1);}\r\n    50%{transform:translateY(-11px) rotateX(3.2deg) rotateY(-3.2deg) scale(1.012);}\r\n  }\r\n  \/* iOS\/Safari: keep rounded corners clipped during 3D transforms *\/\r\n  @supports (-webkit-touch-callout: none) {\r\n    .card{\r\n      -webkit-mask-image:-webkit-radial-gradient(white, black);\r\n    }\r\n  }\r\n  @keyframes cardShine{\r\n    0%,100%{opacity:.20; transform:translate3d(-44%,0,26px) rotate(10deg);}\r\n    50%{opacity:.70; transform:translate3d(44%,0,26px) rotate(10deg);}\r\n  }\r\n  @keyframes cardFloatMobile{\r\n    0%,100%{transform:translateY(0) rotateX(0deg) rotateY(0deg) scale(1);}\r\n    50%{transform:translateY(-14px) rotateX(4deg) rotateY(-4deg) scale(1.02);}\r\n  }\r\n  @keyframes cardShineMobile{\r\n    0%,100%{opacity:.22; transform:translate3d(-52%,0,26px) rotate(10deg);}\r\n    50%{opacity:.78; transform:translate3d(52%,0,26px) rotate(10deg);}\r\n  }\r\n\r\n  .process{position:relative;}\r\n  .process-head{text-align:center; margin-bottom:34px;}\r\n  .process-title{\r\n    margin:12px 0 10px;\r\n    font-size:clamp(48px,6.2vw,72px);\r\n    line-height:1.03;\r\n    letter-spacing:-.02em;\r\n    font-weight:900;\r\n    color:#1f2126;\r\n  }\r\n  .process-sub{\r\n    max-width:760px;\r\n    margin:0 auto;\r\n    font-size:18px;\r\n    line-height:1.55;\r\n    color:#6b7280;\r\n  }\r\n  .process-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}\r\n  .process-card{text-align:center; padding:18px; border:1px solid var(--border); border-radius:16px; background:#fff;}\r\n  .step-icon{width:64px; height:64px; margin:0 auto 14px; border-radius:18px; background:linear-gradient(135deg,var(--brand),var(--brand-dark)); display:flex; align-items:center; justify-content:center; color:#fff;}\r\n  .step-label{font-size:11px; color:var(--brand); font-weight:800; letter-spacing:.1em; margin-bottom:6px;}\r\n  .timeline{position:relative;}\r\n  .timeline-track{\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:20px;\r\n    align-items:start;\r\n  }\r\n  .timeline-line{\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    top:40px;\r\n    height:2px;\r\n    background:#d1d5db;\r\n    z-index:0;\r\n  }\r\n  .timeline-line::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:16.666%;\r\n    right:16.666%;\r\n    top:0;\r\n    height:2px;\r\n    background:var(--brand);\r\n  }\r\n  .meteor{\r\n    position:absolute;\r\n    top:40px;\r\n    left:16.666%;\r\n    width:0;\r\n    height:0;\r\n    pointer-events:none;\r\n    animation:flowRun 3.2s linear infinite;\r\n  }\r\n  .meteor::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:10px;\r\n    height:10px;\r\n    border-radius:50%;\r\n    background:var(--accent);\r\n    transform:translate(-50%,-50%);\r\n    box-shadow:0 0 0 6px rgba(214,179,138,.22);\r\n  }\r\n  .meteor::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:-80px;\r\n    top:-1px;\r\n    width:80px;\r\n    height:2px;\r\n    background:linear-gradient(90deg,rgba(214,179,138,0),rgba(214,179,138,.95));\r\n  }\r\n  @keyframes flowRun{\r\n    0%{left:16.666%; opacity:0;}\r\n    8%{opacity:1;}\r\n    92%{opacity:1;}\r\n    100%{left:83.333%; opacity:0;}\r\n  }\r\n  .timeline-card{\r\n    min-width:0;\r\n    text-align:center;\r\n    padding:0 10px;\r\n    border:none;\r\n    border-radius:0;\r\n    background:transparent;\r\n    text-decoration:none;\r\n    color:inherit;\r\n    position:relative;\r\n    z-index:1;\r\n  }\r\n  .timeline-card .step-icon{\r\n    position:relative;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    width:80px;\r\n    height:80px;\r\n    border-radius:22px;\r\n    margin:0 auto 24px;\r\n    border:1px solid rgba(109,20,20,.88);\r\n    background:linear-gradient(158deg,#a72222 0%,var(--brand) 58%,var(--brand-dark) 100%);\r\n    box-shadow:\r\n      0 16px 30px rgba(139,26,26,.34),\r\n      0 6px 12px rgba(109,20,20,.26),\r\n      inset 0 1px 0 rgba(255,255,255,.30),\r\n      inset 0 -10px 14px rgba(80,9,9,.32);\r\n    transform:translateY(0) scale(1);\r\n    animation:stepIconBreath 3.8s ease-in-out infinite;\r\n  }\r\n  .timeline-card:nth-child(2) .step-icon{animation-delay:.35s;}\r\n  .timeline-card:nth-child(3) .step-icon{animation-delay:.7s;}\r\n  .timeline-card .step-icon::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,0) 44%);\r\n    pointer-events:none;\r\n  }\r\n  .timeline-card .step-icon::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), inset 0 -2px 0 rgba(0,0,0,.18);\r\n    pointer-events:none;\r\n  }\r\n  .timeline-card .step-icon i{\r\n    position:relative;\r\n    z-index:2;\r\n    width:34px;\r\n    height:34px;\r\n    stroke-width:2.15;\r\n    filter:drop-shadow(0 2px 2px rgba(0,0,0,.22));\r\n  }\r\n  @keyframes stepIconBreath{\r\n    0%,100%{\r\n      transform:translateY(0) scale(1);\r\n      box-shadow:\r\n        0 16px 30px rgba(139,26,26,.34),\r\n        0 6px 12px rgba(109,20,20,.26),\r\n        inset 0 1px 0 rgba(255,255,255,.30),\r\n        inset 0 -10px 14px rgba(80,9,9,.32);\r\n    }\r\n    50%{\r\n      transform:translateY(-2px) scale(1.035);\r\n      box-shadow:\r\n        0 24px 38px rgba(139,26,26,.40),\r\n        0 10px 16px rgba(109,20,20,.30),\r\n        inset 0 1px 0 rgba(255,255,255,.34),\r\n        inset 0 -12px 16px rgba(80,9,9,.36);\r\n    }\r\n  }\r\n  .timeline-card .step-label{\r\n    font-size:12px;\r\n    letter-spacing:.14em;\r\n    margin-bottom:10px;\r\n  }\r\n  .timeline-card h3{\r\n    margin:0 0 10px;\r\n    font-size:22px;\r\n    line-height:1.2;\r\n    color:#1f2126;\r\n  }\r\n  .timeline-card p{\r\n    margin:0 auto;\r\n    max-width:34ch;\r\n    color:#6b7280 !important;\r\n    font-size:15px;\r\n    line-height:1.45;\r\n  }\r\n  .timeline-card.final .step-icon{animation:stepIconBreath 3.8s ease-in-out infinite, dingPulse 2.6s ease-in-out infinite;}\r\n  @keyframes dingPulse{0%,100%{box-shadow:0 0 0 rgba(197,45,47,.0);}50%{box-shadow:0 0 24px rgba(197,45,47,.45);}}\r\n  .timeline-card.final::after{content:\"\"; position:absolute; right:18px; top:18px; width:8px; height:8px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 rgba(197,45,47,.0); animation:dingDot 2.6s ease-in-out infinite;}\r\n  @keyframes dingDot{0%,100%{box-shadow:0 0 0 rgba(197,45,47,.0);}50%{box-shadow:0 0 12px rgba(197,45,47,.6);}}\r\n\r\n  .video{\r\n    position:relative;\r\n    background:linear-gradient(160deg,#1c222f 0%,#131926 58%,#0f1420 100%);\r\n    border-radius:26px;\r\n    padding:12px;\r\n    border:1px solid rgba(228,222,215,.34);\r\n    box-shadow:\r\n      0 38px 88px rgba(17,24,39,.32),\r\n      0 16px 30px rgba(17,24,39,.22),\r\n      inset 0 1px 0 rgba(255,255,255,.18),\r\n      inset 0 -10px 18px rgba(0,0,0,.24);\r\n    transform-style:preserve-3d;\r\n    transform:perspective(1400px) rotateX(8deg) rotateY(-2deg);\r\n    transition:transform .45s cubic-bezier(.22,.61,.36,1), box-shadow .45s ease;\r\n    animation:videoFloat 5.4s ease-in-out infinite;\r\n  }\r\n  .video::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:9%;\r\n    right:9%;\r\n    bottom:-26px;\r\n    height:48px;\r\n    background:radial-gradient(ellipse at center, rgba(139,26,26,.33) 0%, rgba(17,24,39,0) 68%);\r\n    filter:blur(7px);\r\n    pointer-events:none;\r\n    z-index:0;\r\n  }\r\n  .video::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    pointer-events:none;\r\n    box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);\r\n  }\r\n  .video:hover{\r\n    transform:perspective(1400px) rotateX(3deg) rotateY(0deg) translateY(-6px) scale(1.01);\r\n    box-shadow:\r\n      0 46px 108px rgba(17,24,39,.36),\r\n      0 20px 36px rgba(17,24,39,.26),\r\n      inset 0 1px 0 rgba(255,255,255,.20),\r\n      inset 0 -10px 18px rgba(0,0,0,.28);\r\n  }\r\n  .video iframe{width:100%; height:100%; border:0;}\r\n  .video-ratio{\r\n    position:relative;\r\n    width:100%;\r\n    padding-bottom:56.25%;\r\n    border-radius:18px;\r\n    overflow:hidden;\r\n    background:#0f1420;\r\n    border:1px solid rgba(255,255,255,.18);\r\n    transform:translateZ(22px);\r\n    box-shadow:0 16px 34px rgba(17,24,39,.34), inset 0 0 0 1px rgba(255,255,255,.08);\r\n  }\r\n  .factory-video-shell .factory-video-poster{\r\n    position:absolute;\r\n    inset:0;\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    border:0;\r\n    padding:0;\r\n    margin:0;\r\n    background:#0f1420;\r\n    cursor:pointer;\r\n  }\r\n  .factory-video-shell .factory-video-poster img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    filter:contrast(1.04) saturate(1.02);\r\n  }\r\n  .factory-video-shell .factory-video-poster::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(180deg,rgba(7,12,20,.12),rgba(7,12,20,.42));\r\n  }\r\n  .factory-video-shell .factory-video-retry{\r\n    position:absolute;\r\n    right:12px;\r\n    bottom:12px;\r\n    z-index:3;\r\n    display:none;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:28px;\r\n    padding:6px 10px;\r\n    border-radius:999px;\r\n    border:1px solid rgba(255,255,255,.35);\r\n    background:rgba(15,20,32,.58);\r\n    color:#fff;\r\n    font-size:11px;\r\n    letter-spacing:.04em;\r\n    text-decoration:none;\r\n    cursor:pointer;\r\n    backdrop-filter:blur(2px);\r\n  }\r\n  .factory-video-shell .factory-video-play{\r\n    position:absolute;\r\n    left:50%;\r\n    top:50%;\r\n    width:62px;\r\n    height:44px;\r\n    transform:translate(-50%,-50%);\r\n    border-radius:12px;\r\n    background:rgba(197,45,47,.94);\r\n    box-shadow:0 12px 22px rgba(17,24,39,.32);\r\n    z-index:2;\r\n  }\r\n  .factory-video-shell .factory-video-play::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:24px;\r\n    top:12px;\r\n    width:0;\r\n    height:0;\r\n    border-top:10px solid transparent;\r\n    border-bottom:10px solid transparent;\r\n    border-left:15px solid #fff;\r\n  }\r\n  .factory-video-shell .factory-video-embed{\r\n    opacity:0;\r\n  }\r\n  .factory-video-shell.is-ready .factory-video-embed{\r\n    opacity:1;\r\n  }\r\n  .factory-video-shell.is-ready .factory-video-poster{\r\n    opacity:0;\r\n    pointer-events:none;\r\n    transition:opacity .25s ease;\r\n  }\r\n  .factory-video-shell.is-failed .factory-video-retry{\r\n    display:inline-flex;\r\n  }\r\n  .factory-video-shell.is-ready .factory-video-retry{\r\n    opacity:0;\r\n    pointer-events:none;\r\n  }\r\n  \/* Android Chromium: avoid iframe rendering glitches from transforms\/filters *\/\r\n  .hy-home.hy-android .video,\r\n  .hy-home.hy-android .video:hover{\r\n    transform:none !important;\r\n    animation:none !important;\r\n  }\r\n  .hy-home.hy-android .video::before{\r\n    display:none;\r\n  }\r\n  .hy-home.hy-android .video-ratio,\r\n  .hy-home.hy-android .video-ratio iframe,\r\n  .hy-home.hy-android .video:hover .video-ratio iframe{\r\n    transform:none !important;\r\n    filter:none !important;\r\n    transition:none !important;\r\n  }\r\n  .video-ratio iframe{\r\n    position:absolute;\r\n    inset:0;\r\n    transform:scale(1.025);\r\n    filter:contrast(1.06) saturate(1.05);\r\n    transition:transform .5s ease, filter .5s ease;\r\n  }\r\n  .video:hover .video-ratio iframe{\r\n    transform:scale(1.055);\r\n    filter:contrast(1.1) saturate(1.08);\r\n  }\r\n  @keyframes videoFloat{\r\n    0%,100%{transform:perspective(1400px) rotateX(8deg) rotateY(-2deg) translateY(0);}\r\n    50%{transform:perspective(1400px) rotateX(7deg) rotateY(-2deg) translateY(-6px);}\r\n  }\r\n  .video-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px;}\r\n  .pill{border:1px solid var(--border); border-radius:14px; padding:12px; text-align:center; background:#eceef1;}\r\n\r\n  .logo-marquee{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-top:1px solid #f3f4f6;\r\n    border-bottom:1px solid #f3f4f6;\r\n    background:#fff;\r\n    touch-action:pan-y;\r\n  }\r\n  .logo-marquee.is-scrolling .logo-rail{animation-play-state:paused !important;}\r\n  .logo-marquee.is-manual-paused .logo-rail{animation-play-state:paused !important;}\r\n  .logo-rail{\r\n    display:flex;\r\n    width:max-content;\r\n    will-change:transform;\r\n    transform:translate3d(0,0,0);\r\n    backface-visibility:hidden;\r\n    --marquee-shift:50%;\r\n    animation:marqueeRail 28s linear infinite;\r\n  }\r\n  .logo-track{\r\n    display:flex;\r\n    gap:12px;\r\n    flex-shrink:0;\r\n    width:max-content;\r\n    padding:10px 0;\r\n    margin-right:12px;\r\n    perspective:900px;\r\n  }\r\n  .logo-item{\r\n    position:relative;\r\n    width:180px;\r\n    aspect-ratio:9\/4;\r\n    height:auto;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    border:1px solid rgba(148,163,184,.55);\r\n    border-radius:16px;\r\n    overflow:hidden;\r\n    background:#fff;\r\n    box-shadow:\r\n      0 26px 36px rgba(17,24,39,.30),\r\n      0 10px 16px rgba(17,24,39,.22),\r\n      0 3px 0 rgba(17,24,39,.34),\r\n      inset 0 1px 0 rgba(255,255,255,.78),\r\n      inset 0 -14px 20px rgba(17,24,39,.18);\r\n    transform-style:preserve-3d;\r\n    backface-visibility:hidden;\r\n    transform:translateY(0) rotateX(10deg) rotateY(-2deg) scale(1.01);\r\n    transform-origin:50% 100%;\r\n    transition:transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease, filter .28s ease;\r\n  }\r\n  .logo-item:nth-child(even){\r\n    transform:translateY(0) rotateX(10deg) rotateY(2deg) scale(1.01);\r\n  }\r\n  .logo-item::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    background:\r\n      linear-gradient(155deg,rgba(255,255,255,.50) 0%,rgba(255,255,255,0) 44%),\r\n      linear-gradient(0deg,rgba(0,0,0,.14),rgba(0,0,0,0) 30%),\r\n      linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 20%);\r\n    pointer-events:none;\r\n  }\r\n  .logo-item::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    box-shadow:inset 0 0 0 1px rgba(255,255,255,.36), inset 0 -2px 0 rgba(0,0,0,.18);\r\n    pointer-events:none;\r\n  }\r\n  .logo-item:hover{\r\n    transform:translateY(-12px) scale(1.055) rotateX(17deg) rotateY(-12deg);\r\n    box-shadow:\r\n      0 44px 62px rgba(17,24,39,.38),\r\n      0 16px 24px rgba(17,24,39,.28),\r\n      0 4px 0 rgba(17,24,39,.38),\r\n      inset 0 1px 0 rgba(255,255,255,.52),\r\n      inset 0 -16px 22px rgba(17,24,39,.22);\r\n    filter:none;\r\n  }\r\n  .logo-item:nth-child(even):hover{\r\n    transform:translateY(-12px) scale(1.055) rotateX(17deg) rotateY(12deg);\r\n  }\r\n  .logo-item:active{\r\n    transform:translateY(-6px) scale(1.03) rotateX(12deg) rotateY(0deg);\r\n  }\r\n  .logo-item img{\r\n    width:100%;\r\n    height:100%;\r\n    max-width:none;\r\n    max-height:none;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    cursor:pointer;\r\n    transform:translateZ(20px);\r\n    backface-visibility:hidden;\r\n    filter:none;\r\n    image-rendering:auto;\r\n    border-radius:inherit;\r\n    border:none;\r\n    background:transparent;\r\n    box-shadow:none;\r\n    transition:transform .22s ease, filter .22s ease;\r\n  }\r\n  .logo-item img:hover{\r\n    transform:translateZ(24px) scale(1.03);\r\n    filter:contrast(1.06) saturate(1.05);\r\n  }\r\n  .logo-marquee.is-hover-paused .logo-rail{animation-play-state:paused;}\r\n  @keyframes marqueeRail{\r\n    0%{transform:translate3d(0,0,0);}\r\n    100%{transform:translate3d(calc(-1 * var(--marquee-shift)),0,0);}\r\n  }\r\n  @keyframes logoMobileFloat{\r\n    0%,100%{transform:translateY(0) rotateX(10deg) rotateY(-3deg) scale(1.015);}\r\n    50%{transform:translateY(-4px) rotateX(13deg) rotateY(-4deg) scale(1.03);}\r\n  }\r\n  @keyframes logoMobileFloatEven{\r\n    0%,100%{transform:translateY(0) rotateX(10deg) rotateY(3deg) scale(1.015);}\r\n    50%{transform:translateY(-4px) rotateX(13deg) rotateY(4deg) scale(1.03);}\r\n  }\r\n  .social-wheel{\r\n    position:relative;\r\n    height:560px;\r\n    overflow:hidden;\r\n    display:flex;\r\n    align-items:flex-start;\r\n    justify-content:center;\r\n    background:#eceef1;\r\n    animation:socialBreath 4.8s ease-in-out infinite;\r\n  }\r\n  .wheel{\r\n    position:absolute;\r\n    width:900px;\r\n    height:900px;\r\n    border-radius:50%;\r\n    left:50%;\r\n    transform:translateX(-50%) rotate(0deg);\r\n    bottom:-520px;\r\n    animation:wheelSpin 32s linear infinite;\r\n  }\r\n  .wheel-ring{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    pointer-events:none;\r\n    overflow:visible;\r\n  }\r\n  .wheel-ring-soft{\r\n    fill:none;\r\n    stroke:rgba(139,26,26,.20);\r\n    stroke-width:1.1;\r\n    vector-effect:non-scaling-stroke;\r\n    shape-rendering:geometricPrecision;\r\n  }\r\n  .wheel-ring-core{\r\n    fill:none;\r\n    stroke:rgba(139,26,26,.58);\r\n    stroke-width:.36;\r\n    vector-effect:non-scaling-stroke;\r\n    shape-rendering:geometricPrecision;\r\n    stroke-linecap:round;\r\n  }\r\n  .wheel-node{\r\n    position:absolute;\r\n    left:50%;\r\n    top:50%;\r\n    width:170px;\r\n    margin-left:-85px;\r\n    margin-top:-128px;\r\n    transform:rotate(var(--angle)) translateY(-450px);\r\n    text-decoration:none;\r\n  }\r\n  .node-upright{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    animation:wheelUpright 32s linear infinite;\r\n  }\r\n  .node-card{\r\n    width:170px;\r\n    height:255px;\r\n    border-radius:22px;\r\n    overflow:hidden;\r\n    border:3px solid #5a646f;\r\n    box-shadow:0 16px 28px rgba(31,41,55,.22);\r\n    background:#fff;\r\n    animation:nodeBreath 4.8s ease-in-out infinite;\r\n  }\r\n  .node-card img{width:100%; height:100%; object-fit:cover;}\r\n  .node-label{\r\n    margin-top:10px;\r\n    font-size:18px;\r\n    line-height:1;\r\n    font-weight:800;\r\n    color:#20262f;\r\n  }\r\n  .node-label.hot{ color:var(--brand); }\r\n  .wheel-hub{\r\n    position:absolute;\r\n    width:320px;\r\n    height:320px;\r\n    border-radius:50%;\r\n    background:#f4f5f7;\r\n    border:1px solid #e2e5ea;\r\n    display:block;\r\n    box-shadow:0 10px 30px rgba(31,41,55,.08);\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    bottom:-96px !important;\r\n    z-index:3;\r\n    animation:hubBreath 4.8s ease-in-out infinite;\r\n  }\r\n  .hub-content{\r\n    position:absolute;\r\n    left:50%;\r\n    top:49%;\r\n    transform:translate(-50%,-50%);\r\n    width:100%;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-align:center;\r\n    pointer-events:none;\r\n    z-index:3;\r\n  }\r\n  .hub-kicker{\r\n    font-size:8px;\r\n    letter-spacing:.22em;\r\n    color:var(--brand);\r\n    font-weight:800;\r\n    margin-top:0;\r\n    text-transform:uppercase;\r\n  }\r\n  .hub-title{\r\n    font-size:18px !important;\r\n    letter-spacing:.11em;\r\n    color:#1f2126;\r\n    font-weight:850;\r\n    margin-top:6px;\r\n    line-height:1.1;\r\n    text-transform:uppercase;\r\n  }\r\n  .hub-icon{\r\n    width:58px;\r\n    height:58px;\r\n    border-radius:50%;\r\n    background:var(--brand);\r\n    display:grid;\r\n    place-items:center;\r\n    color:#fff;\r\n    margin:10px auto 0 !important;\r\n    box-shadow:0 8px 20px rgba(139,26,26,.28);\r\n  }\r\n  .hub-glyph{\r\n    display:block;\r\n    width:22px;\r\n    height:22px;\r\n    stroke:#fff;\r\n    stroke-width:2.4;\r\n    fill:none;\r\n    animation:hubSpin .9s linear infinite !important;\r\n    transform-origin:50% 50%;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n  }\r\n  @keyframes wheelSpin{\r\n    from{transform:translateX(-50%) rotate(0deg);}\r\n    to{transform:translateX(-50%) rotate(-360deg);}\r\n  }\r\n  @keyframes wheelUpright{\r\n    from{transform:rotate(calc(-1 * var(--angle) + 0deg));}\r\n    to{transform:rotate(calc(-1 * var(--angle) + 360deg));}\r\n  }\r\n  @keyframes hubSpin{\r\n    from{transform:rotate(0deg);}\r\n    to{transform:rotate(-360deg);}\r\n  }\r\n  @keyframes socialBreath{\r\n    0%,100%{transform:translateY(0);}\r\n    50%{transform:translateY(-6px);}\r\n  }\r\n  @keyframes nodeBreath{\r\n    0%,100%{\r\n      transform:translateZ(0) scale(1);\r\n      box-shadow:0 16px 28px rgba(31,41,55,.22);\r\n    }\r\n    50%{\r\n      transform:translateZ(0) scale(1.022);\r\n      box-shadow:0 22px 36px rgba(31,41,55,.30);\r\n    }\r\n  }\r\n  @keyframes hubBreath{\r\n    0%,100%{\r\n      transform:translateX(-50%) scale(1);\r\n      box-shadow:0 10px 30px rgba(31,41,55,.08);\r\n    }\r\n    50%{\r\n      transform:translateX(-50%) scale(1.03);\r\n      box-shadow:0 16px 38px rgba(31,41,55,.14);\r\n    }\r\n  }\r\n  @keyframes socialBreathMobile{\r\n    0%,100%{transform:translateY(0);}\r\n    50%{transform:translateY(-9px);}\r\n  }\r\n  @keyframes nodeBreathMobile{\r\n    0%,100%{\r\n      transform:translateZ(0) scale(1);\r\n      box-shadow:0 14px 24px rgba(31,41,55,.24);\r\n    }\r\n    50%{\r\n      transform:translateZ(0) scale(1.04);\r\n      box-shadow:0 24px 34px rgba(31,41,55,.34);\r\n    }\r\n  }\r\n  @keyframes hubBreathMobile{\r\n    0%,100%{\r\n      transform:translateX(-50%) scale(1);\r\n      box-shadow:0 10px 28px rgba(31,41,55,.12);\r\n    }\r\n    50%{\r\n      transform:translateX(-50%) scale(1.06);\r\n      box-shadow:0 18px 42px rgba(31,41,55,.22);\r\n    }\r\n  }\r\n\r\n  .cta{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:linear-gradient(160deg,#eff1f4 0%,#e8ebef 100%);\r\n    border:1px solid var(--border);\r\n    border-radius:26px;\r\n    padding:28px;\r\n    text-align:center;\r\n    box-shadow:\r\n      0 14px 28px rgba(17,24,39,.10),\r\n      inset 0 1px 0 rgba(255,255,255,.88),\r\n      inset 0 -10px 16px rgba(17,24,39,.08);\r\n  }\r\n  .cta::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    pointer-events:none;\r\n    background:linear-gradient(180deg,rgba(255,255,255,.40),rgba(255,255,255,0) 36%);\r\n  }\r\n  .cta::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    pointer-events:none;\r\n    box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);\r\n  }\r\n  .cta .btn{\r\n    position:relative;\r\n    overflow:hidden;\r\n    transform:translateY(0) scale(1);\r\n    transition:transform .16s ease, box-shadow .18s ease, filter .18s ease;\r\n    touch-action:manipulation;\r\n    -webkit-tap-highlight-color:transparent;\r\n  }\r\n  .cta .btn::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:inherit;\r\n    background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 45%);\r\n    pointer-events:none;\r\n    opacity:.9;\r\n  }\r\n  .cta .btn.primary{\r\n    box-shadow:\r\n      0 12px 22px rgba(139,26,26,.34),\r\n      0 4px 8px rgba(109,20,20,.24),\r\n      inset 0 1px 0 rgba(255,255,255,.24),\r\n      inset 0 -8px 12px rgba(80,9,9,.30);\r\n  }\r\n  .cta .btn.ghost{\r\n    box-shadow:\r\n      0 10px 18px rgba(17,24,39,.14),\r\n      0 3px 6px rgba(17,24,39,.10),\r\n      inset 0 1px 0 rgba(255,255,255,.92),\r\n      inset 0 -8px 12px rgba(17,24,39,.07);\r\n  }\r\n  .cta .btn:hover{\r\n    transform:translateY(-2px) scale(1.012);\r\n    filter:saturate(1.04);\r\n  }\r\n  .cta .btn:active,\r\n  .cta .btn.is-pressed{\r\n    transform:translateY(2px) scale(.988);\r\n    filter:saturate(.98);\r\n  }\r\n  .cta .btn.primary:active,\r\n  .cta .btn.primary.is-pressed{\r\n    box-shadow:\r\n      0 4px 10px rgba(139,26,26,.28),\r\n      inset 0 2px 6px rgba(80,9,9,.34),\r\n      inset 0 -1px 0 rgba(255,255,255,.16);\r\n  }\r\n  .cta .btn.ghost:active,\r\n  .cta .btn.ghost.is-pressed{\r\n    box-shadow:\r\n      0 3px 8px rgba(17,24,39,.16),\r\n      inset 0 2px 6px rgba(17,24,39,.12);\r\n  }\r\n\r\n  @media (max-width: 1024px){\r\n    .grid.products{grid-template-columns:repeat(2,1fr);}\r\n    .gateway-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n    .card{animation-duration:8s;}\r\n    .card:hover{transform:translateY(-6px) scale(1.01);}\r\n    .process-title{font-size:clamp(40px,5.8vw,56px);}\r\n    .process-sub{font-size:16px;}\r\n    .timeline-card .step-icon{width:74px; height:74px; border-radius:20px; margin-bottom:20px;}\r\n    .timeline-card h3{font-size:20px;}\r\n    .timeline-card p{font-size:14px;}\r\n    .video{\r\n      transform:perspective(1200px) rotateX(5deg) rotateY(-1deg);\r\n      box-shadow:0 30px 72px rgba(17,24,39,.28), 0 12px 24px rgba(17,24,39,.2), inset 0 1px 0 rgba(255,255,255,.15);\r\n    }\r\n    .video::before{bottom:-22px; height:42px; opacity:.9;}\r\n    .social-wheel{height:460px;}\r\n    .wheel{width:760px; height:760px; bottom:-430px;}\r\n    .wheel-node{width:150px; margin-left:-75px; margin-top:-112px; transform:rotate(var(--angle)) translateY(-380px);}\r\n    .node-card{width:150px; height:225px;}\r\n    .wheel-hub{width:280px; height:280px; bottom:-82px !important;}\r\n    .hub-content{top:50%;}\r\n    .hub-kicker{font-size:7px; letter-spacing:.2em; margin-top:0;}\r\n    .hub-title{font-size:16px !important; margin-top:6px; letter-spacing:.1em;}\r\n  }\r\n  @media (max-width: 767px){\r\n    .hy-section{padding:36px 0;}\r\n    .hy-section.tight{padding:24px 0;}\r\n    .hero-content{\r\n      padding:18px 0 44px;\r\n      text-align:center;\r\n    }\r\n    .hero-copy-panel{\r\n      display:flex;\r\n      width:100%;\r\n      max-width:min(94vw,360px);\r\n      padding:9px 9px 10px;\r\n      gap:7px;\r\n      border-radius:16px;\r\n      border:1px solid rgba(255,255,255,.24);\r\n      background:linear-gradient(180deg,rgba(8,12,20,.30),rgba(8,12,20,.18));\r\n      box-shadow:0 8px 16px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.14);\r\n      backdrop-filter:blur(1.2px);\r\n    }\r\n    .hero-copy-panel > .badge{\r\n      margin:0 auto;\r\n      max-width:min(90vw,320px);\r\n      justify-content:center;\r\n      padding:4px 9px;\r\n      font-size:9px;\r\n      letter-spacing:.045em;\r\n      gap:5px;\r\n    }\r\n    .hero-copy-panel > .badge i{\r\n      width:12px;\r\n      height:12px;\r\n    }\r\n    .hero-title{\r\n      margin:0 auto;\r\n      max-width:min(90vw,330px);\r\n      font-size:clamp(30px,8.8vw,40px);\r\n      line-height:1.06;\r\n      letter-spacing:-.012em;\r\n      padding:0;\r\n      border:none;\r\n      background:transparent;\r\n      box-shadow:none;\r\n      text-wrap:balance;\r\n    }\r\n    .hero-sub{\r\n      max-width:min(90vw,330px);\r\n      margin:0 auto;\r\n      padding:6px 9px;\r\n      border-radius:10px;\r\n      font-size:12px;\r\n      line-height:1.3;\r\n      letter-spacing:-.004em;\r\n      text-wrap:pretty;\r\n    }\r\n    .hy-section.tight.no-bottom{\r\n      padding-top:12px;\r\n      padding-bottom:0;\r\n    }\r\n    .cta{\r\n      border-radius:20px;\r\n      padding:18px 14px;\r\n      box-shadow:\r\n        0 10px 20px rgba(17,24,39,.08),\r\n        inset 0 1px 0 rgba(255,255,255,.9),\r\n        inset 0 -8px 12px rgba(17,24,39,.06);\r\n    }\r\n    .cta h2{\r\n      margin:0 auto 8px;\r\n      max-width:11ch;\r\n      font-size:clamp(30px,10vw,44px);\r\n      line-height:1.06;\r\n      letter-spacing:-.02em;\r\n      text-wrap:balance;\r\n    }\r\n    .cta p{\r\n      margin:6px auto 12px !important;\r\n      max-width:31ch;\r\n      font-size:13px;\r\n      line-height:1.38;\r\n      letter-spacing:-.005em;\r\n      text-wrap:pretty;\r\n    }\r\n    .cta > div{\r\n      margin-top:8px !important;\r\n      gap:8px !important;\r\n    }\r\n    .cta .btn{\r\n      min-height:40px;\r\n      padding:9px 14px;\r\n      font-size:12px;\r\n      gap:6px;\r\n      border-radius:999px;\r\n    }\r\n    .hero-actions{\r\n      display:grid !important;\r\n      grid-template-columns:1fr 1fr;\r\n      gap:6px !important;\r\n      width:min(92vw,338px);\r\n      margin:12px auto 0 !important;\r\n      align-items:stretch;\r\n      justify-items:stretch;\r\n    }\r\n    .hero-actions .btn{\r\n      min-width:0;\r\n      width:100%;\r\n      justify-content:center;\r\n      padding:9px 8px;\r\n      font-size:10.5px;\r\n      gap:4px;\r\n      white-space:nowrap;\r\n      border-radius:999px;\r\n    }\r\n    .hero-actions .btn i{\r\n      width:13px;\r\n      height:13px;\r\n    }\r\n    .trust{\r\n      gap:8px;\r\n      justify-content:center;\r\n      align-items:center;\r\n    }\r\n    .trust-stats{\r\n      width:100%;\r\n      display:grid;\r\n      grid-template-columns:repeat(4,minmax(0,1fr));\r\n      gap:4px;\r\n    }\r\n    .trust-item{\r\n      min-width:0;\r\n      text-align:center;\r\n      padding:0;\r\n    }\r\n    .trust-item b{\r\n      font-size:16px;\r\n      line-height:1.15;\r\n      margin:0;\r\n    }\r\n    .trust-item .muted{\r\n      font-size:11px;\r\n      line-height:1.15;\r\n      color:#2f2f2f;\r\n      white-space:nowrap;\r\n    }\r\n    .trust-badges{\r\n      width:100%;\r\n      display:grid;\r\n      grid-template-columns:repeat(3,minmax(0,1fr));\r\n      gap:6px;\r\n      justify-items:stretch;\r\n    }\r\n    .trust-badges .badge{\r\n      width:100%;\r\n      justify-content:center;\r\n      min-width:0;\r\n      padding:6px 8px;\r\n      font-size:9px;\r\n      letter-spacing:.03em;\r\n      white-space:nowrap;\r\n      gap:4px;\r\n    }\r\n    .trust-badges .badge i{\r\n      width:13px;\r\n      height:13px;\r\n    }\r\n    .product-gateway{\r\n      padding:14px 12px;\r\n      border-radius:16px;\r\n    }\r\n    .gateway-head{\r\n      margin-bottom:10px;\r\n    }\r\n    .gateway-head h3{\r\n      font-size:clamp(20px,6vw,28px);\r\n      margin-bottom:6px;\r\n    }\r\n    .gateway-head p{\r\n      font-size:14px;\r\n      line-height:1.45;\r\n    }\r\n    .gateway-chip-grid{\r\n      grid-template-columns:repeat(2,minmax(0,1fr));\r\n      gap:8px;\r\n      margin:12px 0 14px;\r\n    }\r\n    .gateway-chip{\r\n      min-height:40px;\r\n      padding:7px 9px;\r\n      font-size:10px;\r\n      letter-spacing:.07em;\r\n      border-radius:999px;\r\n    }\r\n    .gateway-actions{\r\n      gap:8px;\r\n    }\r\n    .gateway-actions .btn{\r\n      width:100%;\r\n      justify-content:center;\r\n      padding:11px 14px;\r\n      font-size:13px;\r\n    }\r\n    .card{\r\n      height:220px;\r\n      animation:cardFloatMobile 4.4s ease-in-out infinite !important;\r\n      transform-style:preserve-3d;\r\n    }\r\n    .card::before{animation:cardShineMobile 4.4s ease-in-out infinite !important;}\r\n    .card:nth-child(2){animation-delay:.5s !important;}\r\n    .card:nth-child(3){animation-delay:1.05s !important;}\r\n    .card:nth-child(4){animation-delay:1.6s !important;}\r\n    .card:nth-child(5){animation-delay:2.15s !important;}\r\n    .card,.card:hover,.card:nth-child(odd):hover,.card:nth-child(even):hover{will-change:transform;}\r\n    .card img,.card:hover img{transform:translateZ(14px) scale(1.06);}\r\n    .card:active{transform:translateY(-9px) scale(1.03) rotateX(5deg) !important;}\r\n    .card:active img{transform:translateZ(18px) scale(1.09) !important;}\r\n    .process-title{\r\n      font-size:30px;\r\n      line-height:1.08;\r\n      letter-spacing:-.01em;\r\n      margin:10px 0 8px;\r\n    }\r\n    .process-sub{\r\n      font-size:14px;\r\n      line-height:1.45;\r\n      max-width:96%;\r\n    }\r\n    .timeline-track{\r\n      grid-template-columns:repeat(3,minmax(0,1fr));\r\n      gap:8px;\r\n      align-items:start;\r\n    }\r\n    .timeline-line{\r\n      display:block;\r\n      left:8%;\r\n      right:8%;\r\n      top:26px;\r\n      height:2px;\r\n    }\r\n    .timeline-line::after{\r\n      left:0;\r\n      right:0;\r\n    }\r\n    .meteor{\r\n      display:block;\r\n      top:26px;\r\n      left:8%;\r\n      animation:flowRun 2.8s linear infinite;\r\n    }\r\n    .timeline-card{\r\n      padding:0 3px;\r\n      min-width:0;\r\n    }\r\n    .timeline-card .step-icon{\r\n      width:52px;\r\n      height:52px;\r\n      border-radius:14px;\r\n      margin:0 auto 8px;\r\n    }\r\n    .timeline-card .step-icon i{\r\n      width:22px;\r\n      height:22px;\r\n      stroke-width:2.1;\r\n    }\r\n    .timeline-card .step-label{\r\n      font-size:9px;\r\n      letter-spacing:.07em;\r\n      margin-bottom:4px;\r\n    }\r\n    .timeline-card h3{\r\n      font-size:14px;\r\n      line-height:1.16;\r\n      letter-spacing:-.01em;\r\n      margin:0 0 4px;\r\n      text-wrap:balance;\r\n      word-break:normal;\r\n      overflow-wrap:normal;\r\n    }\r\n    .timeline-card p{\r\n      font-size:11px;\r\n      line-height:1.24;\r\n      letter-spacing:-.005em;\r\n      max-width:17ch;\r\n      text-wrap:pretty;\r\n      word-break:normal;\r\n      overflow-wrap:normal;\r\n    }\r\n    .video{\r\n      padding:8px;\r\n      border-radius:18px;\r\n      transform:none !important;\r\n      animation:none !important;\r\n      box-shadow:0 18px 36px rgba(17,24,39,.20), 0 8px 16px rgba(17,24,39,.14);\r\n    }\r\n    .video::before{display:none;}\r\n    .video-ratio{\r\n      border-radius:12px;\r\n      transform:none;\r\n      box-shadow:0 10px 20px rgba(17,24,39,.24);\r\n    }\r\n    .video-ratio iframe{\r\n      transform:none;\r\n      filter:contrast(1.06) saturate(1.04);\r\n    }\r\n    .cta .btn{\r\n      transition:transform .12s ease, box-shadow .14s ease, filter .14s ease;\r\n    }\r\n    .cta .btn:active,\r\n    .cta .btn.is-pressed{\r\n      transform:translateY(3px) scale(.985);\r\n    }\r\n    .logo-track{gap:8px; padding:8px 0; margin-right:8px; perspective:900px;}\r\n    .logo-item{\r\n      width:154px;\r\n      aspect-ratio:9\/4;\r\n      height:auto;\r\n      border-radius:14px;\r\n      transform:translateY(0) rotateX(10deg) rotateY(-2deg) scale(1.01);\r\n      box-shadow:\r\n        0 12px 20px rgba(17,24,39,.20),\r\n        0 4px 8px rgba(17,24,39,.14),\r\n        0 2px 0 rgba(17,24,39,.22),\r\n        inset 0 1px 0 rgba(255,255,255,.72),\r\n        inset 0 -8px 10px rgba(17,24,39,.12);\r\n      animation:none;\r\n      transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .logo-item:nth-child(even){\r\n      transform:translateY(0) rotateX(10deg) rotateY(2deg) scale(1.01);\r\n    }\r\n    .logo-item:hover,\r\n    .logo-item:nth-child(even):hover{\r\n      transform:inherit;\r\n    }\r\n    .logo-item:active{\r\n      transform:translateY(-6px) scale(1.03) rotateX(12deg) rotateY(0deg) !important;\r\n    }\r\n    .logo-item img{\r\n      width:100%;\r\n      height:100%;\r\n      max-width:none;\r\n      max-height:none;\r\n      border-radius:inherit;\r\n      transform:translateZ(20px);\r\n      transition:transform .22s ease, filter .22s ease;\r\n    }\r\n    .social-wheel{height:340px; animation:socialBreath 4.8s ease-in-out infinite;}\r\n    .wheel{width:520px; height:520px; bottom:-295px; animation:wheelSpin 32s linear infinite;}\r\n    .wheel-node{width:108px; margin-left:-54px; margin-top:-82px; transform:rotate(var(--angle)) translateY(-248px);}\r\n    .node-upright{animation:wheelUpright 32s linear infinite;}\r\n    .node-card{width:108px; height:165px; border-width:2px; border-radius:14px;}\r\n    .node-card{animation:nodeBreath 4.8s ease-in-out infinite;}\r\n    .node-label{font-size:14px; margin-top:6px;}\r\n    .wheel-hub{width:190px; height:190px; bottom:-46px !important; animation:hubBreath 4.8s ease-in-out infinite;}\r\n    .hub-content{top:52%;}\r\n    .hub-icon{width:40px; height:40px; margin-top:6px;}\r\n    .hub-glyph{width:17px; height:17px; stroke-width:2.1;}\r\n    .hub-kicker{font-size:5px; letter-spacing:.16em; margin-top:0;}\r\n    .hub-title{font-size:12px !important; margin-top:4px; letter-spacing:.08em;}\r\n    .video-stats{grid-template-columns:repeat(3,1fr);}\r\n  }\r\n  @media (prefers-reduced-motion: reduce){\r\n    .card,.card::before,.meteor,.wheel,.node-upright,.hub-glyph,.video,.logo-item,.social-wheel,.node-card,.wheel-hub{animation:none !important;}\r\n    .video,.video:hover,.video-ratio iframe,.video:hover .video-ratio iframe{transform:none !important;}\r\n    .logo-item,.logo-item:hover,.logo-item:nth-child(even),.logo-item:nth-child(even):hover,.logo-item:active{transform:none !important;}\r\n    .wheel{transform:translateX(-50%) rotate(0deg) !important;}\r\n    .node-upright{transform:rotate(calc(-1 * var(--angle))) !important;}\r\n    .hero-slide.active img,.hero-slide.active .hero-overlay{animation:none !important;}\r\n    .hero-slide img{transform:none !important; filter:none !important;}\r\n    .product-gateway,.gateway-head h3,.gateway-chip{animation:none !important;}\r\n    .product-gateway,.gateway-chip,.gateway-actions .btn{transform:none !important;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hy-home\">\r\n  <!-- HERO -->\r\n  <section class=\"hero\">\r\n    <div class=\"hero-slides\">\r\n      <div class=\"hero-slide active\">\r\n        <picture>\r\n          <source media=\"(max-width: 767px)\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_factory-mb.webp\" sizes=\"100vw\" type=\"image\/webp\" data-mobile-lcp=\"1\">\r\n          <source media=\"(min-width: 768px)\" srcset=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_factory.webp\" sizes=\"100vw\" type=\"image\/webp\">\r\n          <img fetchpriority=\"high\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_factory-mb.webp\" alt=\"HUAYI 45,000 sqm solid wood furniture factory - aerial view of modern production campus in Qingdao, China\" width=\"1440\" height=\"810\" loading=\"eager\" fetchpriority=\"high\" decoding=\"sync\">\r\n        <\/picture>\r\n        <div class=\"hero-overlay\"><\/div>\r\n      <\/div>\r\n      <div class=\"hero-slide\">\r\n        <img loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" data-src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_Workshop.webp\" data-mobile-src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_Workshop-mb.webp\" alt=\"\" aria-hidden=\"true\" width=\"1440\" height=\"810\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\" class=\"hero-deferred\">\r\n        <div class=\"hero-overlay\"><\/div>\r\n      <\/div>\r\n      <div class=\"hero-slide\">\r\n        <img loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" data-src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_Gallery.webp\" data-mobile-src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_Gallery-mb.jpg\" alt=\"\" aria-hidden=\"true\" width=\"1440\" height=\"810\" loading=\"lazy\" fetchpriority=\"low\" importance=\"low\" decoding=\"async\" class=\"hero-deferred\">\r\n        <div class=\"hero-overlay\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hy-wrap hero-content\">\r\n      <div class=\"hero-copy-panel\">\r\n        <span class=\"badge\"><i data-lucide=\"award\"><\/i> FSC & EUDR Certified - Since 2005<\/span>\r\n        <h1 class=\"hero-title\">Premium Solid Wood<br><span style=\"color:var(--brand);\">OEM\/ODM Partner<\/span><\/h1>\r\n        <p class=\"hero-sub\">From raw timber to finished furniture - <span translate=\"no\">45,000<\/span> sqm vertically integrated factory serving the world's most discerning brands.<\/p>\r\n        <div class=\"hero-actions\" style=\"margin-top:24px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap;\">\r\n          <a class=\"btn primary ios\" href=\"\/products\"><i data-lucide=\"grid-3x3\"><\/i>View Products<\/a>\r\n          <a class=\"btn ghost ios\" href=\"https:\/\/wa.me\/85265717290?text=Hi%20HUAYI%2C%20I%20want%20to%20get%20a%20quote.\" target=\"_blank\" rel=\"noopener noreferrer\"><i data-lucide=\"message-square\"><\/i>Get a Quote<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-dots\">\r\n      <button class=\"hero-dot active\" data-goto=\"0\" aria-label=\"Slide 1\"><\/button>\r\n      <button class=\"hero-dot\" data-goto=\"1\" aria-label=\"Slide 2\"><\/button>\r\n      <button class=\"hero-dot\" data-goto=\"2\" aria-label=\"Slide 3\"><\/button>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TRUST BAR -->\r\n  <section class=\"hy-section tight\">\r\n    <div class=\"hy-wrap trust\">\r\n      <div class=\"trust-stats\">\r\n        <div class=\"trust-item\"><b translate=\"no\">20+<\/b><div class=\"muted\">Years<\/div><\/div>\r\n        <div class=\"trust-item\"><b translate=\"no\">45k sqm<\/b><div class=\"muted\">Factory<\/div><\/div>\r\n        <div class=\"trust-item\"><b translate=\"no\">500+<\/b><div class=\"muted\">Staff<\/div><\/div>\r\n        <div class=\"trust-item\"><b translate=\"no\">98%<\/b><div class=\"muted\">On-Time<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"trust-badges\">\r\n        <span class=\"badge\"><i data-lucide=\"tree-pine\"><\/i><span translate=\"no\">FSC<\/span><\/span>\r\n        <span class=\"badge\"><i data-lucide=\"shield-check\"><\/i><span translate=\"no\">EUDR<\/span><\/span>\r\n        <span class=\"badge\"><i data-lucide=\"badge-check\"><\/i><span translate=\"no\">ISO 9001<\/span><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PRODUCTS -->\r\n  <section class=\"hy-section perf-defer\">\r\n    <div class=\"hy-wrap\">\r\n      <div style=\"text-align:center; margin-bottom:26px;\">\r\n        <span class=\"badge\"><i data-lucide=\"layers\"><\/i>Product Range<\/span>\r\n        <h2 style=\"margin:10px 0 6px 0;\">What We Manufacture<\/h2>\r\n        <p style=\"color:var(--muted);\">We organize products into 6 major programs. For specifications and full category detail, enter the Product Hub.<\/p>\r\n      <\/div>\r\n      <div class=\"product-gateway\">\r\n        <div class=\"gateway-head\">\r\n          <h3>Six Product Programs, One Hub<\/h3>\r\n          <p>Living Room, Bedroom, Dining Room, Bathroom, Study Room, and Wooden Ornament are managed in one centralized product page for easy evaluation.<\/p>\r\n        <\/div>\r\n        <div class=\"gateway-chip-grid\" aria-label=\"Program Categories\">\r\n          <span class=\"gateway-chip\">Living Room<\/span>\r\n          <span class=\"gateway-chip\">Bedroom<\/span>\r\n          <span class=\"gateway-chip\">Dining Room<\/span>\r\n          <span class=\"gateway-chip\">Bathroom<\/span>\r\n          <span class=\"gateway-chip\">Study Room<\/span>\r\n          <span class=\"gateway-chip\">Wooden Ornament<\/span>\r\n        <\/div>\r\n        <div class=\"gateway-actions\">\r\n          <a class=\"btn primary ios\" href=\"\/products\"><i data-lucide=\"grid-3x3\"><\/i>Explore All 6 Programs<\/a>\r\n          <a class=\"btn ghost ios\" href=\"\/contact-us\/\"><i data-lucide=\"file-text\"><\/i>Request Technical Pack<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PROCESS (TIMELINE) -->\r\n  <section class=\"hy-section perf-defer\">\r\n    <div class=\"hy-wrap process\">\r\n      <div class=\"process-head\">\r\n        <span class=\"badge\"><i data-lucide=\"settings\"><\/i>How It Works<\/span>\r\n        <h2 class=\"process-title\">From Concept to Container<\/h2>\r\n        <p class=\"process-sub\">Simple, transparent <span translate=\"no\">OEM\/ODM<\/span> process built on 20 years of export experience.<\/p>\r\n      <\/div>\r\n      <div class=\"timeline\">\r\n        <div class=\"timeline-track\">\r\n          <div class=\"timeline-line\"><\/div>\r\n          <div class=\"meteor\" aria-hidden=\"true\"><\/div>\r\n          <a class=\"timeline-card\" href=\"\/contact-us\/\">\r\n            <div class=\"step-icon\"><i data-lucide=\"file-text\"><\/i><\/div>\r\n            <div class=\"step-label\" translate=\"no\">Step 01<\/div>\r\n            <h3>Share Your Brief<\/h3>\r\n            <p style=\"color:var(--muted);\">Send your drawings, references, or concept. We review feasibility within 24 hours.<\/p>\r\n          <\/a>\r\n          <a class=\"timeline-card\" href=\"\/products\">\r\n            <div class=\"step-icon\"><i data-lucide=\"box\"><\/i><\/div>\r\n            <div class=\"step-label\" translate=\"no\">Step 02<\/div>\r\n            <h3>Sample & Refine<\/h3>\r\n            <p style=\"color:var(--muted);\">Prototype in 15-20 days. Iterate until every detail meets your standard.<\/p>\r\n          <\/a>\r\n          <a class=\"timeline-card final\" href=\"\/contact-us\/\">\r\n            <div class=\"step-icon\"><i data-lucide=\"truck\"><\/i><\/div>\r\n            <div class=\"step-label\" translate=\"no\">Step 03<\/div>\r\n            <h3>Production & Delivery<\/h3>\r\n            <p style=\"color:var(--muted);\">Bulk production in 35-50 days. QC at every stage. <span translate=\"no\">ISTA<\/span>-certified packing.<\/p>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- VIDEO -->\r\n  <section class=\"hy-section perf-defer\">\r\n    <div class=\"hy-wrap\">\r\n      <div style=\"text-align:center; margin-bottom:20px;\">\r\n        <span class=\"badge\"><i data-lucide=\"factory\"><\/i>Factory Showcase<\/span>\r\n        <h2 style=\"margin:10px 0 6px 0;\">Precision in Every Grain<\/h2>\r\n        <p style=\"color:var(--muted);\">Advanced 5-axis <span translate=\"no\">CNC<\/span> technology meets artisan solid wood craftsmanship.<\/p>\r\n      <\/div>\r\n      <div class=\"video\">\r\n        <div class=\"video-ratio factory-video-shell\" data-video-id=\"k6hWcqALoKo\">\r\n          <button type=\"button\" class=\"factory-video-poster\" aria-label=\"Play HUAYI Factory Tour video\">\r\n            <img loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" data-src=\"https:\/\/i.ytimg.com\/vi\/k6hWcqALoKo\/hqdefault.jpg\" data-fallback-src=\"https:\/\/i.ytimg.com\/vi\/k6hWcqALoKo\/mqdefault.jpg\" alt=\"HUAYI Factory Tour video cover\" width=\"1280\" height=\"720\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" class=\"hy-lazy\">\r\n            <span class=\"factory-video-play\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n          <button type=\"button\" class=\"factory-video-retry\" aria-label=\"Retry video playback\">Retry Video<\/button>\r\n          <iframe class=\"factory-video-embed\" data-video-id=\"k6hWcqALoKo\" title=\"HUAYI Factory Tour - Precision in Every Grain\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen loading=\"lazy\" fetchpriority=\"low\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"video-stats\">\r\n        <div class=\"pill\"><b translate=\"no\">5-Axis<\/b><div style=\"font-size:11px; color:var(--muted);\">CNC Tech<\/div><\/div>\r\n        <div class=\"pill\"><b translate=\"no\">Auto UV<\/b><div style=\"font-size:11px; color:var(--muted);\">Coating Line<\/div><\/div>\r\n        <div class=\"pill\"><b translate=\"no\">FSC<\/b><div style=\"font-size:11px; color:var(--muted);\">Traceable Timber<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PARTNERS -->\r\n  <section class=\"hy-section perf-defer\">\r\n    <div class=\"hy-wrap\" style=\"text-align:center; margin-bottom:16px;\">\r\n      <span class=\"badge\"><i data-lucide=\"globe\"><\/i>Trusted Worldwide<\/span>\r\n      <h2 style=\"margin:10px 0 6px 0;\">Global Partner Network<\/h2>\r\n      <p style=\"color:var(--muted);\">Supplying the world's most discerning furniture brands since <span translate=\"no\">2005<\/span>.<\/p>\r\n    <\/div>\r\n    <div class=\"logo-marquee\">\r\n      <div class=\"logo-rail\">\r\n        <div class=\"logo-track\">\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_1-768x341.webp\" alt=\"Partner Stream 1\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_2-768x341.webp\" alt=\"Partner Stream 2\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_3-768x341.webp\" alt=\"Partner Stream 3\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_4-768x341.webp\" alt=\"Partner Stream 4\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_5-768x341.webp\" alt=\"Partner Stream 5\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_6-768x341.webp\" alt=\"Partner Stream 6\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_7-768x341.webp\" alt=\"Partner Stream 7\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n        <\/div>\r\n        <div class=\"logo-track\" aria-hidden=\"true\">\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_1-768x341.webp\" alt=\"Partner Stream 1\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_2-768x341.webp\" alt=\"Partner Stream 2\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_3-768x341.webp\" alt=\"Partner Stream 3\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_4-768x341.webp\" alt=\"Partner Stream 4\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_5-768x341.webp\" alt=\"Partner Stream 5\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_6-768x341.webp\" alt=\"Partner Stream 6\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n          <div class=\"logo-item\"><img loading=\"lazy\" src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_7-768x341.webp\" alt=\"Partner Stream 7\" width=\"768\" height=\"341\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SOCIAL (WHEEL) -->\r\n  <section class=\"hy-section perf-defer\">\r\n    <div class=\"hy-wrap\" style=\"text-align:center; margin-bottom:18px;\">\r\n      <span class=\"badge\"><i data-lucide=\"play-circle\"><\/i>Social Stream<\/span>\r\n      <h2 style=\"margin:10px 0 6px 0;\" translate=\"no\">HUAYI <span style=\"color:var(--brand);\">Live<\/span><\/h2>\r\n      <p style=\"color:var(--muted);\">Real factory videos, craftsmanship reels, and behind-the-scenes from our global feeds.<\/p>\r\n    <\/div>\r\n    <div class=\"social-wheel\">\r\n      <div class=\"wheel\">\r\n        <svg class=\"wheel-ring\" viewBox=\"0 0 100 100\" aria-hidden=\"true\" focusable=\"false\">\r\n          <circle class=\"wheel-ring-soft\" cx=\"50\" cy=\"50\" r=\"49\"><\/circle>\r\n          <circle class=\"wheel-ring-core\" cx=\"50\" cy=\"50\" r=\"49\"><\/circle>\r\n        <\/svg>\r\n        <a class=\"wheel-node\" style=\"--angle:20deg\" href=\"https:\/\/youtube.com\/@Huayi-all\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <div class=\"node-upright\">\r\n            <div class=\"node-card\"><img loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" data-src=\"https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/04\/Compress_base.webp\" alt=\"HUAYI Factory Tour - YouTube\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" class=\"hy-lazy\"><\/div>\r\n            <div class=\"node-label hot\" translate=\"no\">YouTube<\/div>\r\n          <\/div>\r\n        <\/a>\r\n        <a class=\"wheel-node\" style=\"--angle:90deg\" href=\"https:\/\/pinterest.com\/hywoodfurniture\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <div class=\"node-upright\">\r\n            <div class=\"node-card\"><img loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" data-src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&q=48&w=280&fm=webp\" alt=\"Design Inspiration - Pinterest\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" class=\"hy-lazy\"><\/div>\r\n            <div class=\"node-label hot\" translate=\"no\">Pinterest<\/div>\r\n          <\/div>\r\n        <\/a>\r\n        <a class=\"wheel-node\" style=\"--angle:160deg\" href=\"https:\/\/www.tiktok.com\/@hywoodfurniture\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <div class=\"node-upright\">\r\n            <div class=\"node-card\"><img loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" data-src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?auto=format&fit=crop&q=48&w=280&fm=webp\" alt=\"Factory Shorts - TikTok\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" class=\"hy-lazy\"><\/div>\r\n            <div class=\"node-label hot\" translate=\"no\">TikTok<\/div>\r\n          <\/div>\r\n        <\/a>\r\n        <a class=\"wheel-node\" style=\"--angle:230deg\" href=\"https:\/\/www.facebook.com\/hywoodfurniture\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <div class=\"node-upright\">\r\n            <div class=\"node-card\"><img loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" data-src=\"https:\/\/images.unsplash.com\/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&q=48&w=280&fm=webp\" alt=\"Showroom Gallery  - Facebook\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" class=\"hy-lazy\"><\/div>\r\n            <div class=\"node-label\" translate=\"no\">Facebook<\/div>\r\n          <\/div>\r\n        <\/a>\r\n        <a class=\"wheel-node\" style=\"--angle:300deg\" href=\"https:\/\/instagram.com\/huayi-all\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <div class=\"node-upright\">\r\n            <div class=\"node-card\"><img loading=\"lazy\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" data-src=\"https:\/\/images.unsplash.com\/photo-1542314831-068cd1dbfeeb?auto=format&fit=crop&q=48&w=280&fm=webp\" alt=\"CNC Craftsmanship  - Instagram\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" class=\"hy-lazy\"><\/div>\r\n            <div class=\"node-label\" translate=\"no\">Instagram<\/div>\r\n          <\/div>\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"wheel-hub\">\r\n        <div class=\"hub-content\">\r\n          <div class=\"hub-kicker\">REAL-TIME FEED<\/div>\r\n          <div class=\"hub-title\" translate=\"no\">SOCIAL HUB<\/div>\r\n          <div class=\"hub-icon\" aria-hidden=\"true\">\r\n            <svg class=\"hub-glyph\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n              <path d=\"M16.5 7.5A6.5 6.5 0 0 0 6 10.5\"><\/path>\r\n              <path d=\"M16.5 7.5V4.8M16.5 7.5h2.7\"><\/path>\r\n              <path d=\"M7.5 16.5A6.5 6.5 0 0 0 18 13.5\"><\/path>\r\n              <path d=\"M7.5 16.5h-2.7M7.5 16.5v2.7\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA -->\r\n  <section class=\"hy-section tight no-bottom perf-defer\">\r\n    <div class=\"hy-wrap\">\r\n      <div class=\"cta\">\r\n        <h2>Ready to Start Your Project?<\/h2>\r\n        <p style=\"color:var(--muted); margin:8px auto 16px;\">From concept to container  - our team is here to support every step of your furniture sourcing journey.<\/p>\r\n        <div style=\"display:flex; gap:12px; justify-content:center; flex-wrap:wrap;\">\r\n          <a class=\"btn ghost ios\" href=\"https:\/\/wa.me\/85265717290?text=Hi%20HUAYI%2C%20I%27d%20like%20to%20discuss%20a%20furniture%20project.\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n              <path fill=\"currentColor\" d=\"M13.601 2.326A10.9 10.9 0 0 0 3.8 17.884L2.279 23.44l5.687-1.492A10.9 10.9 0 1 0 13.6 2.326m.008 1.746a9.15 9.15 0 1 1 0 18.3 9.1 9.1 0 0 1-4.665-1.278l-.334-.198-3.375.886.9-3.29-.217-.339a9.15 9.15 0 0 1 7.691-14.081m5.293 11.568c-.289-.144-1.706-.84-1.971-.938-.264-.098-.456-.144-.648.145-.191.288-.744.938-.912 1.13-.168.191-.336.216-.624.072-.289-.145-1.219-.449-2.322-1.433-.858-.765-1.438-1.709-1.607-1.997-.168-.289-.018-.445.126-.589.13-.129.289-.336.433-.504.145-.168.192-.289.288-.481.096-.191.048-.36-.024-.505-.072-.144-.648-1.56-.888-2.136-.233-.56-.47-.484-.648-.493l-.552-.01a1.06 1.06 0 0 0-.769.36c-.264.289-1.008.985-1.008 2.4s1.032 2.784 1.176 2.976c.144.191 2.03 3.098 4.916 4.343.686.296 1.22.473 1.637.605.687.219 1.313.188 1.807.114.551-.083 1.706-.697 1.946-1.37.24-.674.24-1.25.168-1.37-.072-.12-.264-.191-.553-.336\"\/>\r\n            <\/svg>\r\n            Chat on WhatsApp\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var isMobileViewport = window.matchMedia && window.matchMedia('(max-width: 767px)').matches;\r\n  var lucideIcons = {\r\n    'award': '<circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><path d=\"m15.477 12.89 1.515 8.526L12 18l-4.992 3.416 1.515-8.526\"><\/path>',\r\n    'badge-check': '<path d=\"m12 2 2.4 2.4 3.4-.5.5 3.4L20 10l-1.7 2.7.5 3.4-3.4.5L12 20l-2.4-2.4-3.4.5-.5-3.4L4 12l1.7-2.7-.5-3.4 3.4-.5Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path>',\r\n    'box': '<path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"><\/path><path d=\"m3.3 7 8.7 5 8.7-5\"><\/path><path d=\"M12 22V12\"><\/path>',\r\n    'factory': '<path d=\"M2 22h20\"><\/path><path d=\"M4 22V11l8-4v4l8-4v15\"><\/path><path d=\"M6 18h2\"><\/path><path d=\"M10 18h2\"><\/path><path d=\"M14 18h2\"><\/path><path d=\"M18 18h2\"><\/path>',\r\n    'file-text': '<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><path d=\"M14 2v6h6\"><\/path><path d=\"M16 13H8\"><\/path><path d=\"M16 17H8\"><\/path><path d=\"M10 9H8\"><\/path>',\r\n    'globe': '<circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M2 12h20\"><\/path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>',\r\n    'grid-3x3': '<rect x=\"3\" y=\"3\" width=\"6\" height=\"6\" rx=\"1\"><\/rect><rect x=\"15\" y=\"3\" width=\"6\" height=\"6\" rx=\"1\"><\/rect><rect x=\"3\" y=\"15\" width=\"6\" height=\"6\" rx=\"1\"><\/rect><rect x=\"15\" y=\"15\" width=\"6\" height=\"6\" rx=\"1\"><\/rect><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>',\r\n    'layers': '<path d=\"m12 2 9 5-9 5-9-5 9-5z\"><\/path><path d=\"m3 12 9 5 9-5\"><\/path><path d=\"m3 17 9 5 9-5\"><\/path>',\r\n    'message-square': '<path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>',\r\n    'play-circle': '<circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m10 8 6 4-6 4V8z\"><\/path>',\r\n    'settings': '<path d=\"M12 2v4\"><\/path><path d=\"M12 18v4\"><\/path><path d=\"m4.93 4.93 2.83 2.83\"><\/path><path d=\"m16.24 16.24 2.83 2.83\"><\/path><path d=\"M2 12h4\"><\/path><path d=\"M18 12h4\"><\/path><path d=\"m4.93 19.07 2.83-2.83\"><\/path><path d=\"m16.24 7.76 2.83-2.83\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>',\r\n    'shield-check': '<path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path>',\r\n    'tree-pine': '<path d=\"m17 14 3 3H4l3-3\"><\/path><path d=\"m15 10 4 4H5l4-4\"><\/path><path d=\"m13 6 5 5H6l5-5\"><\/path><path d=\"M12 22v-5\"><\/path>',\r\n    'truck': '<path d=\"M10 17h4V5H2v12h3\"><\/path><path d=\"M14 9h4l4 4v4h-3\"><\/path><circle cx=\"7.5\" cy=\"17.5\" r=\"2.5\"><\/circle><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"><\/circle>',\r\n  };\r\n  function initLucideIcons() {\r\n    var placeholders = document.querySelectorAll('i[data-lucide]');\r\n    if (!placeholders.length) return true;\r\n    placeholders.forEach(function(el) {\r\n      if (el.getAttribute('data-lucide-ready') === '1') return;\r\n      var name = el.getAttribute('data-lucide');\r\n      var icon = lucideIcons[name];\r\n      if (!icon) return;\r\n      el.innerHTML = '';\r\n      el.setAttribute('data-lucide-ready', '1');\r\n      el.setAttribute('aria-hidden', 'true');\r\n      el.classList.add('hy-icon');\r\n      el.innerHTML = '<svg viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\" aria-hidden=\"true\">' + icon + '<\/svg>';\r\n    });\r\n    return true;\r\n  }\r\n  function scheduleLucideInit() {\r\n    var run = function() {\r\n      if ('requestIdleCallback' in window) {\r\n        requestIdleCallback(function() { initLucideIcons(); }, { timeout: 2200 });\r\n      } else {\r\n        setTimeout(function() { initLucideIcons(); }, 700);\r\n      }\r\n    };\r\n    if (document.readyState === 'complete') {\r\n      run();\r\n    } else {\r\n      window.addEventListener('load', run, { once: true });\r\n    }\r\n  }\r\n  function bootLucide() {\r\n    scheduleLucideInit();\r\n  }\r\n  if (isMobileViewport) {\r\n    var startLucideMobile = function() {\r\n      if ('requestIdleCallback' in window) {\r\n        requestIdleCallback(bootLucide, { timeout: 3200 });\r\n      } else {\r\n        setTimeout(bootLucide, 1600);\r\n      }\r\n    };\r\n    if (document.readyState === 'complete') {\r\n      startLucideMobile();\r\n    } else {\r\n      window.addEventListener('load', startLucideMobile, { once: true });\r\n    }\r\n  } else {\r\n    bootLucide();\r\n  }\r\n\r\n  var root = document.querySelector('.hy-home');\r\n  if (!root) return;\r\n  if (isMobileViewport) root.classList.add('is-mobile');\r\n  var heroLcpImg = root.querySelector('.hero-slide.active img');\r\n  var heroMobileSource = root.querySelector('.hero-slide.active source[data-mobile-lcp]');\r\n  if (isMobileViewport && heroLcpImg && heroMobileSource) {\r\n    heroLcpImg.addEventListener('error', function() {\r\n      if (heroMobileSource.parentNode) heroMobileSource.parentNode.removeChild(heroMobileSource);\r\n      heroLcpImg.setAttribute('src', 'https:\/\/hywoodfurniture.com\/wp-content\/uploads\/2026\/05\/Compress_factory.webp');\r\n    }, { once: true });\r\n  }\r\n\r\n  function hydrateImage(img) {\r\n    if (!img || img.getAttribute('data-loaded') === '1') return;\r\n    var src = isMobileViewport && img.getAttribute('data-mobile-src') ? img.getAttribute('data-mobile-src') : img.getAttribute('data-src');\r\n    if (!src) return;\r\n    var markLoaded = function() { img.classList.add('is-loaded'); };\r\n    img.addEventListener('load', markLoaded, { once: true });\r\n    img.addEventListener('error', markLoaded, { once: true });\r\n    img.setAttribute('src', src);\r\n    var srcset = img.getAttribute('data-srcset');\r\n    if (srcset) img.setAttribute('srcset', srcset);\r\n    img.setAttribute('data-loaded', '1');\r\n    if (img.complete) img.classList.add('is-loaded');\r\n  }\r\n\r\n  \/\/ Keep LCP resources prioritized; defer non-critical image fetch work.\r\n  (function tuneImagePriorities() {\r\n    var heroLcp = root.querySelector('.hero-slide.active img');\r\n    var imgs = root.querySelectorAll('img');\r\n    imgs.forEach(function(img) {\r\n      if (img === heroLcp) return;\r\n      if (!img.getAttribute('loading')) img.setAttribute('loading', 'lazy');\r\n      if (!img.getAttribute('fetchpriority')) img.setAttribute('fetchpriority', 'low');\r\n      if (!img.getAttribute('decoding')) img.setAttribute('decoding', 'async');\r\n    });\r\n  })();\r\n\r\n  (function initDeferredImages() {\r\n    var lazyImgs = root.querySelectorAll('img.hy-lazy[data-src]');\r\n    if (!lazyImgs.length) return;\r\n    if (!('IntersectionObserver' in window)) {\r\n      lazyImgs.forEach(hydrateImage);\r\n      return;\r\n    }\r\n    var io = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (!entry.isIntersecting) return;\r\n        hydrateImage(entry.target);\r\n        io.unobserve(entry.target);\r\n      });\r\n    }, { rootMargin: isMobileViewport ? '100px 0px' : '240px 0px', threshold: 0.01 });\r\n    lazyImgs.forEach(function(img) { io.observe(img); });\r\n  })();\r\n\r\n  if (!isMobileViewport) {\r\n    var enableMotion = function() { root.classList.add('js-motion'); };\r\n    if (document.readyState === 'complete') {\r\n      setTimeout(enableMotion, 700);\r\n    } else {\r\n      window.addEventListener('load', function() { setTimeout(enableMotion, 700); }, { once: true });\r\n    }\r\n  }\r\n\r\n  \/\/ Android-first stable inline player: click to load, auto switch host on timeout.\r\n  function initFactoryVideo() {\r\n    var shell = root.querySelector('.factory-video-shell');\r\n    if (!shell) return;\r\n    var videoFrame = shell.querySelector('.factory-video-embed');\r\n    var poster = shell.querySelector('.factory-video-poster');\r\n    var posterImage = poster ? poster.querySelector('img') : null;\r\n    var retryBtn = shell.querySelector('.factory-video-retry');\r\n    var videoId = shell.getAttribute('data-video-id') || (videoFrame ? videoFrame.getAttribute('data-video-id') : '');\r\n    if (!videoFrame || !poster || !videoId) return;\r\n\r\n    if (posterImage) {\r\n      var fallbackPosterSrc = posterImage.getAttribute('data-fallback-src');\r\n      if (fallbackPosterSrc) {\r\n        posterImage.addEventListener('error', function() {\r\n          if (posterImage.getAttribute('data-src') === fallbackPosterSrc) return;\r\n          posterImage.setAttribute('data-src', fallbackPosterSrc);\r\n          posterImage.setAttribute('src', fallbackPosterSrc);\r\n        }, { once: true });\r\n      }\r\n      if ('IntersectionObserver' in window) {\r\n        var posterIO = new IntersectionObserver(function(entries) {\r\n          entries.forEach(function(entry) {\r\n            if (!entry.isIntersecting) return;\r\n            hydrateImage(posterImage);\r\n            posterIO.disconnect();\r\n          });\r\n        }, { rootMargin: '280px 0px', threshold: 0.01 });\r\n        posterIO.observe(shell);\r\n      } else {\r\n        setTimeout(function() { hydrateImage(posterImage); }, 1200);\r\n      }\r\n    }\r\n\r\n    var ua = (navigator.userAgent || '').toLowerCase();\r\n    var isAndroid = ua.indexOf('android') !== -1;\r\n    if (isAndroid) root.classList.add('hy-android');\r\n\r\n    \/\/ Mobile inline playback: prefer youtube.com directly for better compatibility.\r\n    var hosts = isMobileViewport ? ['www.youtube.com'] : ['www.youtube-nocookie.com', 'www.youtube.com'];\r\n    var currentHostIndex = 0;\r\n    var loaded = false;\r\n    var fallbackTimer = null;\r\n    var siteOrigin = window.location && window.location.origin ? window.location.origin : 'https:\/\/hywoodfurniture.com';\r\n\r\n    function buildEmbedUrl(host, autoplay) {\r\n      var params = [\r\n        'rel=0',\r\n        'playsinline=1',\r\n        'modestbranding=1',\r\n        'controls=1',\r\n        'iv_load_policy=3',\r\n        'disablekb=0',\r\n        'enablejsapi=1',\r\n        'origin=' + encodeURIComponent(siteOrigin),\r\n        'widget_referrer=' + encodeURIComponent(siteOrigin + '\/'),\r\n        'autoplay=' + (autoplay ? '1' : '0'),\r\n        'mute=0'\r\n      ];\r\n      return 'https:\/\/' + host + '\/embed\/' + encodeURIComponent(videoId) + '?' + params.join('&');\r\n    }\r\n\r\n    function clearFallbackTimer() {\r\n      if (!fallbackTimer) return;\r\n      clearTimeout(fallbackTimer);\r\n      fallbackTimer = null;\r\n    }\r\n\r\n    function markReady() {\r\n      loaded = true;\r\n      clearFallbackTimer();\r\n      shell.classList.remove('is-failed');\r\n      shell.classList.add('is-ready');\r\n    }\r\n\r\n    function loadHost(index, autoplay) {\r\n      currentHostIndex = index;\r\n      loaded = false;\r\n      shell.classList.remove('is-failed');\r\n      videoFrame.src = buildEmbedUrl(hosts[index], autoplay);\r\n      clearFallbackTimer();\r\n      fallbackTimer = setTimeout(function() {\r\n        if (loaded) return;\r\n        if (index + 1 < hosts.length) {\r\n          loadHost(index + 1, autoplay);\r\n          return;\r\n        }\r\n        shell.classList.remove('is-ready');\r\n        shell.classList.add('is-failed');\r\n      }, isMobileViewport ? 14000 : 7000);\r\n    }\r\n\r\n    videoFrame.addEventListener('load', markReady);\r\n\r\n    function startPlayback() {\r\n      \/\/ Show iframe immediately so users can see loading state inside player.\r\n      shell.classList.add('is-ready');\r\n      shell.classList.remove('is-failed');\r\n      loadHost(0, true);\r\n    }\r\n\r\n    poster.addEventListener('click', function() {\r\n      startPlayback();\r\n    });\r\n\r\n    if (retryBtn) {\r\n      retryBtn.addEventListener('click', function() {\r\n        shell.classList.add('is-ready');\r\n        shell.classList.remove('is-failed');\r\n        loadHost((currentHostIndex + 1) % hosts.length, true);\r\n      });\r\n    }\r\n  }\r\n  if (isMobileViewport) {\r\n    var bootVideoMobile = function() {\r\n      if ('requestIdleCallback' in window) {\r\n        requestIdleCallback(initFactoryVideo, { timeout: 2600 });\r\n      } else {\r\n        setTimeout(initFactoryVideo, 900);\r\n      }\r\n    };\r\n    if (document.readyState === 'complete') {\r\n      bootVideoMobile();\r\n    } else {\r\n      window.addEventListener('load', bootVideoMobile, { once: true });\r\n    }\r\n  } else {\r\n    initFactoryVideo();\r\n  }\r\n\r\n  \/\/ Hero carousel\r\n  var slides = root.querySelectorAll('.hero-slide');\r\n  var dots = root.querySelectorAll('.hero-dot');\r\n  var current = 0;\r\n  var total = slides.length;\r\n  var timer = null;\r\n  function hydrateHeroSlide(idx) {\r\n    if (!total) return;\r\n    var target = slides[(idx + total) % total];\r\n    if (!target) return;\r\n    var deferred = target.querySelector('img.hero-deferred[data-src]');\r\n    if (deferred) hydrateImage(deferred);\r\n  }\r\n\r\n  function goTo(idx){\r\n    hydrateHeroSlide(idx);\r\n    hydrateHeroSlide(idx + 1);\r\n    slides[current].classList.remove('active');\r\n    dots[current].classList.remove('active');\r\n    current = (idx + total) % total;\r\n    slides[current].classList.add('active');\r\n    dots[current].classList.add('active');\r\n  }\r\n  function next(){ goTo(current + 1); }\r\n  var heroInterval = isMobileViewport ? 5200 : 3200;\r\n  function start(){ stop(); timer = setInterval(next, heroInterval); }\r\n  function stop(){ if (timer) { clearInterval(timer); timer = null; } }\r\n  function scheduleHeroDeferredPreload() {\r\n    var runner = function() {\r\n      hydrateHeroSlide(1);\r\n      if ('requestIdleCallback' in window) {\r\n        window.requestIdleCallback(function() { hydrateHeroSlide(2); }, { timeout: 2600 });\r\n      } else {\r\n        setTimeout(function() { hydrateHeroSlide(2); }, 2200);\r\n      }\r\n    };\r\n    if ('requestIdleCallback' in window) {\r\n      window.requestIdleCallback(runner, { timeout: 2800 });\r\n    } else {\r\n      setTimeout(runner, 1800);\r\n    }\r\n  }\r\n  if (total > 1 && dots.length >= total) {\r\n    var heroLcp = slides[0] ? slides[0].querySelector('img') : null;\r\n    if (!isMobileViewport) {\r\n      if (heroLcp) {\r\n        if (heroLcp.complete) {\r\n          setTimeout(scheduleHeroDeferredPreload, 300);\r\n        } else {\r\n          heroLcp.addEventListener('load', function() {\r\n            setTimeout(scheduleHeroDeferredPreload, 300);\r\n          }, { once: true });\r\n        }\r\n      } else {\r\n        setTimeout(scheduleHeroDeferredPreload, 600);\r\n      }\r\n    } else {\r\n      if (heroLcp) {\r\n        if (heroLcp.complete) {\r\n          setTimeout(function() { hydrateHeroSlide(1); }, Math.max(2600, heroInterval - 1200));\r\n        } else {\r\n          heroLcp.addEventListener('load', function() {\r\n            setTimeout(function() { hydrateHeroSlide(1); }, Math.max(2600, heroInterval - 1200));\r\n          }, { once: true });\r\n        }\r\n      } else {\r\n        setTimeout(function() { hydrateHeroSlide(1); }, Math.max(3000, heroInterval - 900));\r\n      }\r\n    }\r\n    dots.forEach(function(d){\r\n      d.addEventListener('click', function(){ goTo(parseInt(this.getAttribute('data-goto'),10)); start(); });\r\n    });\r\n    start();\r\n  }\r\n\r\n  \/\/ Partner logo marquee: click logo to pause (no lightbox)\r\n  var logoMarquee = root.querySelector('.logo-marquee');\r\n  var logoRail = root.querySelector('.logo-rail');\r\n  var logoTrackA = logoRail ? logoRail.querySelector('.logo-track') : null;\r\n  var logoTrackB = logoRail ? logoRail.querySelectorAll('.logo-track')[1] : null;\r\n  var logoSeedHTML = logoTrackA ? logoTrackA.innerHTML : '';\r\n  var logoPauseTimer = null;\r\n  var logoManualPauseMs = 1600;\r\n  function hydrateLogoRailImages() {\r\n    if (!logoRail) return;\r\n    var logoImgs = logoRail.querySelectorAll('img[data-src]');\r\n    logoImgs.forEach(function(img) {\r\n      if (typeof hydrateImage === 'function') {\r\n        hydrateImage(img);\r\n        return;\r\n      }\r\n      var src = img.getAttribute('data-src');\r\n      if (!src) return;\r\n      img.setAttribute('src', src);\r\n      img.classList.add('is-loaded');\r\n    });\r\n  }\r\n  function pauseMarqueeByTarget(target) {\r\n    if (!logoMarquee || !logoRail || !target || typeof target.closest !== 'function') return;\r\n    var img = target.closest('.logo-item img');\r\n    if (!img || !logoMarquee.contains(img)) return;\r\n    if (logoPauseTimer) {\r\n      clearTimeout(logoPauseTimer);\r\n      logoPauseTimer = null;\r\n    }\r\n    logoMarquee.classList.add('is-manual-paused');\r\n    logoRail.style.animationPlayState = 'paused';\r\n    logoPauseTimer = setTimeout(function() {\r\n      logoMarquee.classList.remove('is-manual-paused');\r\n      logoRail.style.animationPlayState = '';\r\n      logoPauseTimer = null;\r\n    }, logoManualPauseMs);\r\n  }\r\n  if (logoMarquee && logoRail) {\r\n    logoMarquee.addEventListener('click', function(e) {\r\n      pauseMarqueeByTarget(e.target);\r\n    });\r\n    if ('ontouchstart' in window) {\r\n      var tapState = null;\r\n      logoMarquee.addEventListener('touchstart', function(e) {\r\n        if (!e.touches || e.touches.length !== 1) return;\r\n        var t = e.touches[0];\r\n        tapState = { x: t.clientX, y: t.clientY, time: Date.now() };\r\n      }, { passive: true });\r\n      logoMarquee.addEventListener('touchend', function(e) {\r\n        if (!tapState || !e.changedTouches || !e.changedTouches.length) {\r\n          tapState = null;\r\n          return;\r\n        }\r\n        var t = e.changedTouches[0];\r\n        var dx = Math.abs(t.clientX - tapState.x);\r\n        var dy = Math.abs(t.clientY - tapState.y);\r\n        var dt = Date.now() - tapState.time;\r\n        tapState = null;\r\n        if (dx > 12 || dy > 12 || dt > 360) return;\r\n        var tapped = document.elementFromPoint(t.clientX, t.clientY) || e.target;\r\n        pauseMarqueeByTarget(tapped);\r\n      }, { passive: true });\r\n    }\r\n  }\r\n\r\n  \/\/ CTA tactile press feedback (mobile + desktop)\r\n  var ctaButtons = root.querySelectorAll('.cta .btn');\r\n  ctaButtons.forEach(function(btn) {\r\n    var release = function() { btn.classList.remove('is-pressed'); };\r\n    btn.addEventListener('pointerdown', function() { btn.classList.add('is-pressed'); });\r\n    btn.addEventListener('pointerup', release);\r\n    btn.addEventListener('pointercancel', release);\r\n    btn.addEventListener('pointerleave', release);\r\n    btn.addEventListener('blur', release);\r\n  });\r\n\r\n  \/\/ Seamless marquee: compute exact loop width of one track to avoid visual gaps.\r\n  function syncLogoMarqueeShift() {\r\n    if (!logoRail || !logoMarquee || !logoTrackA || !logoTrackB || !logoSeedHTML) return;\r\n    logoTrackA.innerHTML = logoSeedHTML;\r\n\r\n    \/\/ Ensure one loop is wider than viewport, so the handoff never exposes blank space.\r\n    var loops = 0;\r\n    while (logoTrackA.scrollWidth < logoMarquee.clientWidth * 1.2 && loops < 4) {\r\n      logoTrackA.insertAdjacentHTML('beforeend', logoSeedHTML);\r\n      loops += 1;\r\n    }\r\n    logoTrackB.innerHTML = logoTrackA.innerHTML;\r\n    hydrateLogoRailImages();\r\n\r\n    var cs = window.getComputedStyle(logoTrackA);\r\n    var mr = parseFloat(cs.marginRight || '0') || 0;\r\n    var shift = Math.ceil(logoTrackA.scrollWidth + mr);\r\n    if (shift > 0) {\r\n      logoRail.style.setProperty('--marquee-shift', shift + 'px');\r\n      \/\/ Keep visual speed consistent across screen widths.\r\n      var duration = Math.max(18, Math.min(70, shift \/ 70));\r\n      logoRail.style.animationDuration = duration + 's';\r\n    }\r\n  }\r\n  function scheduleLogoMarqueeSync() {\r\n    if ('requestIdleCallback' in window) {\r\n      window.requestIdleCallback(syncLogoMarqueeShift, { timeout: 1200 });\r\n    } else {\r\n      setTimeout(syncLogoMarqueeShift, 180);\r\n    }\r\n  }\r\n  hydrateLogoRailImages();\r\n  scheduleLogoMarqueeSync();\r\n  window.addEventListener('load', scheduleLogoMarqueeSync);\r\n  var lastViewportWidth = window.innerWidth || document.documentElement.clientWidth || 0;\r\n  window.addEventListener('resize', function() {\r\n    var currentViewportWidth = window.innerWidth || document.documentElement.clientWidth || 0;\r\n    if (Math.abs(currentViewportWidth - lastViewportWidth) < 2) return;\r\n    lastViewportWidth = currentViewportWidth;\r\n    setTimeout(syncLogoMarqueeShift, 80);\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-141ae14 e-flex e-con-boxed e-con e-parent\" data-id=\"141ae14\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9f73c2b e-con-full e-flex e-con e-child\" data-id=\"9f73c2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b717615 elementor-widget elementor-widget-heading\" data-id=\"b717615\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Latest Blog Posts<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e68639 ct-button-icon elementor-widget elementor-widget-button\" data-id=\"3e68639\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View All Posts<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>FSC &#038; EUDR Certified &#8211; Since 2005 Premium Solid WoodOEM\/ODM Partner From raw timber to finished furniture &#8211; 45,000 sqm vertically integrated factory serving the world&#8217;s most discerning brands. View Products Get a Quote 20+Years 45k sqmFactory 500+Staff 98%On-Time FSC EUDR ISO 9001 Product Range What We Manufacture We organize products into 6 major programs. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-1174","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/comments?post=1174"}],"version-history":[{"count":144,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1174\/revisions"}],"predecessor-version":[{"id":3025,"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/pages\/1174\/revisions\/3025"}],"wp:attachment":[{"href":"https:\/\/hywoodfurniture.com\/fr\/wp-json\/wp\/v2\/media?parent=1174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}