{"title":"Humanoids","description":"\u003cp data-end=\"511\" data-start=\"376\"\u003eDiscover a curated selection of advanced humanoid robots designed for research, education, demonstrations, and interactive experiences.\u003c\/p\u003e\n\u003cp data-end=\"739\" data-start=\"513\"\u003eBuilt for a wide range of professional and experimental applications, these platforms combine mobility, intelligence, and human-inspired design to support innovation across academic, commercial, and public-facing environments.\u003c\/p\u003e","products":[{"product_id":"unitree-g1-edu-plus-robotic-humanoid-u2","title":"Unitree G1 EDU Plus Robotic Humanoid (U2)","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 EDU Plus (U2) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 EDU Plus (U2) Humanoid Robot, Unitree Robotics, Humanoid, humanoid, NVIDIA Jetson Orin Integration, Force-Position Hybrid Control, 3D Li DAR \u0026amp; Depth Sensing, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 EDU Plus (U2) Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 EDU Plus (U2) Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 EDU Plus (U2) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-plus-u2-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1_3df1e424-4721-48e4-ba87-b0dc4b58dc56.webp?v=1727210915\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 EDU Plus (U2) Humanoid Robot - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-2_9576fbb5-893a-476e-a578-2d6ba0103cce.webp?v=1727210915\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"53900.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 EDU Plus (U2) Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 EDU Plus (U2) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1_3df1e424-4721-48e4-ba87-b0dc4b58dc56.webp?v=1727210915\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 EDU Plus (U2) Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"53900.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-48\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-EDU-U2\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Unitree G1 EDU Plus (U2) Humanoid Robot\",\"description\":\"Built for advanced robotics development and research. Verified specifications include 29 Do F degrees of freedom, 100 TOPS computing power, 9000 m Ah battery capacity, and 35+ kg weight.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1_3df1e424-4721-48e4-ba87-b0dc4b58dc56.webp?v=1727210915\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-2_9576fbb5-893a-476e-a578-2d6ba0103cce.webp?v=1727210915\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Unitree Robotics\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Unitree Robotics\"},\"category\":\"Humanoid\",\"sku\":\"RB-Unt-48\",\"mpn\":\"G1-EDU-U2\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-plus-u2-humanoid-robot\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-plus-u2-humanoid-robot\",\"priceCurrency\":\"USD\",\"price\":\"53900.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"Manufacturer standard warranty applies; contact Unitree for specific EDU support terms.\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e Robotics\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Total Degrees of Freedom\",\"value\":\"29 DoF\"},{\"@type\":\"PropertyValue\",\"name\":\"AI Computing Power\",\"value\":\"100 TOPS\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"9000 mAh\"},{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"35+ kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Payload Capacity\",\"value\":\"3 kg\"}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Does this version include the dexterous hands shown in some promotional videos?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, the Unitree G1 EDU Plus (U2) does not include hands as standard. It is designed with 7 degrees of freedom per arm to support the optional installation of the Dex3-1 three-fingered dexterous hand or other compatible end-effectors.\"}},{\"@type\":\"Question\",\"name\":\"What are the primary differences between the standard G1 and the EDU Plus model?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The EDU Plus model features significant hardware upgrades including a 100 TOPS NVIDIA Jetson Orin module, increased knee torque of 120 N.m, and full support for secondary development at both the high and low levels, which is not available on the basic consumer version.\"}},{\"@type\":\"Question\",\"name\":\"How does the robot handle heat during intensive AI computations?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The system is equipped with a local air cooling system specifically designed to maintain optimal operating temperatures for the 8-core CPU and NVIDIA computing module during high-load tasks.\"}},{\"@type\":\"Question\",\"name\":\"Can I program this robot using ROS or other common frameworks?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the EDU Plus version is specifically built for secondary development. Unitree provides a comprehensive GitHub repository, development manuals, and technical support to facilitate integration with various robotics frameworks and AI models.\"}}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Humanoid\",\"item\":\"https:\/\/therobocraft.com\/collections\/humanoid\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Unitree G1 EDU Plus (U2) Humanoid Robot\",\"item\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-plus-u2-humanoid-robot\"}]}\u003c\/script\u003e\n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-plus-u2-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 EDU Plus (U2) Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eIndustrial humanoid deployment\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eManufacturer warranty\u003c\/span\u003e\u003c\/span\u003e\u003ca class=\"rc-hero-meta-chip rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eSupport\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eAsk a question\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"rc-hero-meta-bar-wrap\"\u003e\u003ca class=\"rc-hero-meta-bar rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eShipping\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eUS policy\u003c\/span\u003e\u003c\/a\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for advanced research and sports applications, this sophisticated humanoid platform features 29 degrees of freedom and a powerful 100 TOPS computing unit. It utilizes force-position hybrid control and dual encoders for human-like precision, supported by a high-capacity 9000m Ah battery. Its foldable design and integrated 3D Li DAR make it a versatile tool for AI-driven robotics development and complex environmental interaction.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 29 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAI Computing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 35+ kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePayload Capacity: 3 kg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1_3df1e424-4721-48e4-ba87-b0dc4b58dc56.webp?v=1727210915\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eAI and Machine Learning Research: Ideal for developers utilizing reinforcement learning and imitation learning to train robots in complex object manipulation and human-like movement.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eEducational Robotics Programs: Serves as a high-tier platform for university laboratories requiring secondary development capabilities at both upper and lower system levels.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n        \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n        \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eThis platform is designed for robotics researchers, university educators, and AI developers who require a high-performance, customizable humanoid for embodied intelligence and advanced motion control studies.\u003c\/div\u003e\n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute complex 29-joint coordinated movements for athletic simulations.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eProcess real-time environmental data using 100 TOPS AI computing power.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePerform precise object manipulation using force-position hybrid control.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eNavigate autonomously using integrated 3D Li DAR and depth camera mapping.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-2_9576fbb5-893a-476e-a578-2d6ba0103cce.webp?v=1727210915\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e29 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRouting\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYes Joint Encoder: Dual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder system\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35+ kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; AI\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAI Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBasic Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8-core high-performance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Voltage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e12-58 V\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLocal air cooling Power Supply: 13-string lithium battery Basic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eControl \u0026amp; Development\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Gantry\u003c\/li\u003e\n\u003cli\u003eNote: Hands are NOT included\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eDexterous Hands (Dex3-1 or similar must be purchased separately)\u003c\/li\u003e\n\u003cli\u003eExternal NVIDIA Jetson development kits (internal module included)\u003c\/li\u003e\n\u003cli\u003eCustom programming software (SDK available via Git Hub)\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-faq-list\"\u003e\n            \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eDoes this version include the dexterous hands shown in some promotional videos?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eNo, the Unitree G1 EDU Plus (U2) does not include hands as standard. It is designed with 7 degrees of freedom per arm to support the optional installation of the Dex3-1 three-fingered dexterous hand or other compatible end-effectors.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat are the primary differences between the standard G1 and the EDU Plus model?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe EDU Plus model features significant hardware upgrades including a 100 TOPS NVIDIA Jetson Orin module, increased knee torque of 120 N.m, and full support for secondary development at both the high and low levels, which is not available on the basic consumer version.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the robot handle heat during intensive AI computations?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe system is equipped with a local air cooling system specifically designed to maintain optimal operating temperatures for the 8-core CPU and NVIDIA computing module during high-load tasks.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eCan I program this robot using ROS or other common frameworks?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eYes, the EDU Plus version is specifically built for secondary development. Unitree provides a comprehensive Git Hub repository, development manuals, and technical support to facilitate integration with various robotics frameworks and AI models.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eConnectivity\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6, Bluetooth 5.2\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eWiring Design\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eFull joint hollow electrical routing\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eUpdate Method\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUpgraded Intelligent OTA\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eManual Controller\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIncluded\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eDevelopment Platform\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUnifo LM (Unitree Robot Unified Large Model)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n    \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n            \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e Monthly\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eInspect joint bolts and fasteners for tightness, especially after high-impact testing.\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eClean 3D Li DAR and depth camera lenses with a microfiber cloth to ensure sensing accuracy.\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCheck air cooling vents for dust accumulation and clear as necessary.\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eMonitor battery health via the smart management system and store at 50% charge if unused for over 10 days.\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eUpdate firmware via the Intelligent OTA system to ensure compatibility with the latest SDK features.\u003c\/li\u003e\n  \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 EDU Plus (U2) Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-48\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-EDU-U2\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$53,900\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 EDU Plus (U2) Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(9)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree","offers":[{"title":"Default Title","offer_id":52959836930391,"sku":"RB-Unt-48","price":53900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/unitree-g1-edu-plus-robotic-humanoid-u2-6465970.jpg?v=1772906900"},{"product_id":"unitree-g1-edu-ultimate-a-u3-humanoid-robot-43-dof-100tpos-delivery-time-two-months","title":"Unitree G1 EDU Ultimate A (U3) Humanoid Robot","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 EDU Ultimate A (U3) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 EDU Ultimate A (U3) Humanoid Robot, Unitree Robotics, Humanoid, humanoid, 43 Degrees of Freedom, Dex3-1 Dexterous Hands, NVIDIA Jetson Orin, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 EDU Ultimate A (U3) Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate A (U3) Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 EDU Ultimate A (U3) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-a-u3-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-a-u3-humanoid-robot-img1.webp?v=1727247591\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 EDU Ultimate A (U3) Humanoid Robot - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-a-u3-humanoid-robot-img2.webp?v=1727247591\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"65900.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate A (U3) Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 EDU Ultimate A (U3) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-a-u3-humanoid-robot-img1.webp?v=1727247591\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 EDU Ultimate A (U3) Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"65900.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-56\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-EDU-U3\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Unitree G1 EDU Ultimate A (U3) Humanoid Robot\",\"description\":\"Built for advanced robotics development and research. Verified specifications include 43 Do F degrees of freedom, 100 TOPS computing power, 9000 m Ah battery capacity, and 35+ kg weight.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-a-u3-humanoid-robot-img1.webp?v=1727247591\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-a-u3-humanoid-robot-img2.webp?v=1727247591\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Unitree Robotics\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Unitree Robotics\"},\"category\":\"Humanoid\",\"sku\":\"RB-Unt-56\",\"mpn\":\"G1-EDU-U3\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-a-u3-humanoid-robot\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-a-u3-humanoid-robot\",\"priceCurrency\":\"USD\",\"price\":\"65900.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"18 months (EDU version)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e Robotics\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Total Degrees of Freedom\",\"value\":\"43 DoF\"},{\"@type\":\"PropertyValue\",\"name\":\"AI Computing Power\",\"value\":\"100 TOPS\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"9000 mAh\"},{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"35+ kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Payload Capacity\",\"value\":\"3 kg\"}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What distinguishes the EDU Ultimate A (U3) from the standard G1 model?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The EDU Ultimate A (U3) is the highest-specification version, featuring 43 degrees of freedom compared to the standard 23. It includes the NVIDIA Jetson Orin high-computing module, dual force-controlled dexterous hands, and full support for secondary development, which are not standard on the base consumer model.\"}},{\"@type\":\"Question\",\"name\":\"How does the force-controlled dexterous hand function?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Dex3-1 hands utilize force-position hybrid control to simulate human-like precision. The thumb features 3 active degrees of freedom, while the index and middle fingers each have 2, allowing the robot to handle delicate objects and perform complex tasks through imitation and reinforcement learning.\"}},{\"@type\":\"Question\",\"name\":\"What software capabilities are available for developers?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This robot supports the Unitree Robot Unified Large Model (UnifoLM) and provides extensive secondary development tools. It features upgraded intelligent OTA (Over-the-Air) capabilities for continuous software improvements and is compatible with GitHub-hosted development resources for deep system integration.\"}}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Humanoid\",\"item\":\"https:\/\/therobocraft.com\/collections\/humanoid\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Unitree G1 EDU Ultimate A (U3) Humanoid Robot\",\"item\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-a-u3-humanoid-robot\"}]}\u003c\/script\u003e\n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-a-u3-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 EDU Ultimate A (U3) Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eIndustrial humanoid deployment\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003e18-month warranty\u003c\/span\u003e\u003c\/span\u003e\u003ca class=\"rc-hero-meta-chip rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eSupport\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eAsk a question\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"rc-hero-meta-bar-wrap\"\u003e\u003ca class=\"rc-hero-meta-bar rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eShipping\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eUS policy\u003c\/span\u003e\u003c\/a\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for advanced research and complex manipulation, this sophisticated humanoid platform features an industry-leading 43 degrees of freedom. It integrates dual force-controlled dexterous hands with high-performance NVIDIA Jetson Orin computing to enable precise object handling through reinforcement learning. With integrated 3D Li DAR and depth sensing, it offers unparalleled environmental awareness for AI-driven robotics development and sports applications.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 43 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAI Computing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 35+ kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePayload Capacity: 3 kg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-a-u3-humanoid-robot-img1.webp?v=1727247591\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eAcademic researchers utilize this platform to develop and test reinforcement learning algorithms for bipedal locomotion and complex manipulation.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIndustrial R\u0026amp;D teams employ the dexterous hands for simulating human-like precision in assembly and object sorting tasks.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n        \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n        \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eThis platform is designed for professional robotics researchers, AI developers, and academic institutions requiring a high-DOF humanoid for secondary development and complex manipulation studies.\u003c\/div\u003e\n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePerform complex object manipulation using force-position hybrid control.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute dynamic bipedal locomotion with 6 Do F per leg and 120 N.m knee torque.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eMap 3D environments in real-time using integrated Li DAR and depth sensing.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eProcess 100 TOPS of AI workloads locally via the NVIDIA Jetson Orin module.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-a-u3-humanoid-robot-img2.webp?v=1727247591\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e43 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRouting\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYes Joint Encoder: Dual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35+ kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; AI\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAI Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBasic Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8-core high-performance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLocal air cooling Power Supply: 13-string lithium battery Basic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eControl \u0026amp; Development\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e2x Dex3-1 force-controlled 3-Finger Dexterous Hands\u003c\/li\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Gantry\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eTactile sensor arrays (optional add-on for Dex3-1 hands)\u003c\/li\u003e\n\u003cli\u003eWaist fastener (optional accessory)\u003c\/li\u003e\n\u003cli\u003eExternal high-power computing workstations\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-faq-list\"\u003e\n            \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat distinguishes the EDU Ultimate A (U3) from the standard G1 model?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe EDU Ultimate A (U3) is the highest-specification version, featuring 43 degrees of freedom compared to the standard 23. It includes the NVIDIA Jetson Orin high-computing module, dual force-controlled dexterous hands, and full support for secondary development, which are not standard on the base consumer model.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the force-controlled dexterous hand function?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe Dex3-1 hands utilize force-position hybrid control to simulate human-like precision. The thumb features 3 active degrees of freedom, while the index and middle fingers each have 2, allowing the robot to handle delicate objects and perform complex tasks through imitation and reinforcement learning.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat software capabilities are available for developers?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThis robot supports the Unitree Robot Unified Large Model (Unifo LM) and provides extensive secondary development tools. It features upgraded intelligent OTA (Over-the-Air) capabilities for continuous software improvements and is compatible with Git Hub-hosted development resources for deep system integration.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Routing\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eFull Joint Hollow Electrical Routing\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Bearings\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial grade crossed roller bearings\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eMotor Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eLow inertia high-speed internal rotor PMSM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware Platform\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUnifo LM (Unitree Robot Unified Large Model)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eSupported (EDU version)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eUpdate Method\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUpgraded Intelligent OTA\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n    \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-compat-content\"\u003e\n            \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n            \u003cul\u003e\n              \u003cli\u003eCompatible with Git Hub-hosted development resources for deep system integration\u003c\/li\u003e\n            \u003c\/ul\u003e\n            \n            \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n    \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n            \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e Monthly\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eInspect joint hollow electrical routing for signs of wear or obstruction\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eClean 3D Li DAR and Depth Camera lenses with a microfiber cloth\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCheck local air cooling system vents for dust accumulation\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eVerify battery health and cycle count via the smart battery management system\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eEnsure all joint bolts are tightened to manufacturer specifications\u003c\/li\u003e\n  \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 EDU Ultimate A (U3) Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-56\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-EDU-U3\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$65,900\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 EDU Ultimate A (U3) Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(10)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree","offers":[{"title":"Default Title","offer_id":52981756100951,"sku":"RB-Unt-56","price":65900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/1_00bd3d8b-57bf-4a74-abcc-d43a664c6468.jpg?v=1773153342"},{"product_id":"unitree-g1-edu-ultimate-b-u4-humanoid-robot","title":"Unitree G1 EDU Ultimate B (U4) Humanoid Robot","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 EDU Ultimate B (U4) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 EDU Ultimate B (U4) Humanoid Robot, Unitree Robotics, Humanoid, humanoid, 43-Joint Range of Motion, Dex3-1 Dexterous Hands, NVIDIA Jetson Orin Module, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 EDU Ultimate B (U4) Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate B (U4) Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 EDU Ultimate B (U4) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-b-u4-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-b-u4-humanoid-robot-img1.webp?v=1727242279\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 EDU Ultimate B (U4) Humanoid Robot - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-b-u4-humanoid-robot-img2.webp?v=1727242279\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"67900.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate B (U4) Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 EDU Ultimate B (U4) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-b-u4-humanoid-robot-img1.webp?v=1727242279\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 EDU Ultimate B (U4) Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"67900.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-49\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-EDU-U4\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Unitree G1 EDU Ultimate B (U4) Humanoid Robot\",\"description\":\"Built for advanced robotics development and research. Verified specifications include 43 Do F degrees of freedom, 100 TOPS computing power, Knee Joint Peak Torque: 90 N.m, and 9000 m Ah battery capacity.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-b-u4-humanoid-robot-img1.webp?v=1727242279\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-b-u4-humanoid-robot-img2.webp?v=1727242279\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Unitree Robotics\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Unitree Robotics\"},\"category\":\"Humanoid\",\"sku\":\"RB-Unt-49\",\"mpn\":\"G1-EDU-U4\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-b-u4-humanoid-robot\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-b-u4-humanoid-robot\",\"priceCurrency\":\"USD\",\"price\":\"67900.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"18 months (EDU version)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e Robotics\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Total Degrees of Freedom\",\"value\":\"43 DoF\"},{\"@type\":\"PropertyValue\",\"name\":\"AI Computing Power\",\"value\":\"100 TOPS\"},{\"@type\":\"PropertyValue\",\"name\":\"Knee Joint Peak Torque\",\"value\":\"90 N.m\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"9000 mAh\"},{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"35+ kg\"}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What makes the EDU Ultimate B version different from the standard G1?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The EDU Ultimate B (U4) model features a significant upgrade in degrees of freedom (43 vs 23), higher knee torque (120 N.m vs 90 N.m), and a more powerful 100 TOPS computing module. It also includes the Dex3-1 dexterous hands with tactile sensors and supports full secondary development, which is not available on the standard consumer version.\"}},{\"@type\":\"Question\",\"name\":\"How does the robot handle object manipulation?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This model is equipped with two Dex3-1 force-controlled three-finger hands. Each hand features tactile sensor arrays and multiple active degrees of freedom (3 in the thumb, 2 in the index, and 2 in the middle finger), allowing it to simulate human-like precision and force-position hybrid control for delicate tasks.\"}},{\"@type\":\"Question\",\"name\":\"What development environments are supported for this platform?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The robot supports secondary development for both upper and lower levels. Unitree provides a comprehensive SDK, detailed development manuals, and GitHub resources. It is designed to work with the UnifoLM (Unitree Robot Unified Large Model) and supports imitation and reinforcement learning frameworks.\"}}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Humanoid\",\"item\":\"https:\/\/therobocraft.com\/collections\/humanoid\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Unitree G1 EDU Ultimate B (U4) Humanoid Robot\",\"item\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-b-u4-humanoid-robot\"}]}\u003c\/script\u003e\n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-b-u4-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 EDU Ultimate B (U4) Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eIndustrial humanoid deployment\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003e18-month warranty\u003c\/span\u003e\u003c\/span\u003e\u003ca class=\"rc-hero-meta-chip rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eSupport\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eAsk a question\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"rc-hero-meta-bar-wrap\"\u003e\u003ca class=\"rc-hero-meta-bar rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eShipping\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eUS policy\u003c\/span\u003e\u003c\/a\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for advanced research and athletic applications, this sophisticated humanoid platform features an industry-leading 43 degrees of freedom and integrated tactile sensing. It leverages a powerful 100 TOPS computing unit and NVIDIA Jetson Orin module to execute complex imitation learning tasks. With high-torque joints and a foldable design, it offers unparalleled flexibility for developers pushing the boundaries of AI-driven robotics and dexterous manipulation.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 43 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAI Computing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eKnee Joint Peak Torque: 90 N.m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 35+ kg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-b-u4-humanoid-robot-img1.webp?v=1727242279\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eDesigned for robotics researchers, AI developers, and academic institutions requiring a high-performance, secondary-development-ready humanoid platform for manipulation and locomotion studies.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute complex imitation learning tasks using force-position hybrid control.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eNavigate challenging environments using real-time 3D Li DAR mapping and depth sensing.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePerform delicate object manipulation with tactile feedback from three-fingered hands.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eSupport a maximum arm payload of 3kg for various service or research tasks.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-b-u4-humanoid-robot-img2.webp?v=1727242279\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e43 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e23 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Leg DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWaist DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Arm DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e5 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRouting\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYes Joint Encoder: Dual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eKnee Joint Peak Torque\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e90 N.m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35+ kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eFolded Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e690x450x300mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eArm Span\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 0.45M\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; AI\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAI Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBasic Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8-core high-performance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eSensing \u0026amp; Audio\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Minimum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e12\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Maximum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e60\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e5 W Speaker\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYES\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSmart Battery (Quick Release)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Voltage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e12-58 V\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLocal air cooling Power Supply: 13-string lithium battery Basic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Batteries\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Nonstandard Battery batteries required. (included)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePower Source\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ebattery\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eNot Supported What's in the box\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-6\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eControl \u0026amp; Development\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIncluded Components\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRemote Control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBest Sellers Rank\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e#1,091,827 in Toys \u0026amp; Games (See Top 100 in Toys \u0026amp; Games) #1,191 in Remote- \u0026amp; App-Controlled Robots #11,615 in Kids' Electronics\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eGeneral Specifications\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOuter Material\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAluminum Measurements Unit Count: 1.0 Count\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eModel Name\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree G1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Pieces\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTheme\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRobot\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eColor\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eGrey\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eStyle\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eModern Features \u0026amp; Specs Is Assembly Required: No\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIndoor Outdoor Usage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eIndoor\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Warranty\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eFor warranty information about this product, please click here Feedback Would you like to\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e2x Dex3-1 force-controlled 3-finger Dexterous Hand (with tactile sensor)\u003c\/li\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Gantry\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eExternal workstation for heavy model training\u003c\/li\u003e\n\u003cli\u003eSafety tether system (beyond the included gantry)\u003c\/li\u003e\n\u003cli\u003eAdditional specialized end-effectors\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-faq-list\"\u003e\n            \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat makes the EDU Ultimate B version different from the standard G1?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe EDU Ultimate B (U4) model features a significant upgrade in degrees of freedom (43 vs 23), higher knee torque (120 N.m vs 90 N.m), and a more powerful 100 TOPS computing module. It also includes the Dex3-1 dexterous hands with tactile sensors and supports full secondary development, which is not available on the standard consumer version.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the robot handle object manipulation?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThis model is equipped with two Dex3-1 force-controlled three-finger hands. Each hand features tactile sensor arrays and multiple active degrees of freedom (3 in the thumb, 2 in the index, and 2 in the middle finger), allowing it to simulate human-like precision and force-position hybrid control for delicate tasks.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat development environments are supported for this platform?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe robot supports secondary development for both upper and lower levels. Unitree provides a comprehensive SDK, detailed development manuals, and Git Hub resources. It is designed to work with the Unifo LM (Unitree Robot Unified Large Model) and supports imitation and reinforcement learning frameworks.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Routing\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eFull Joint Hollow Electrical Routing\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Bearings\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial grade crossed roller bearings\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eMotor Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eLow inertia high-speed internal rotor PMSM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware Updates\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUpgraded Intelligent OTA\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Design\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eSmart Battery with Quick Release\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n    \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n            \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e As needed per manufacturer guidelines\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eMonitor joint temperatures during high-load operations\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eEnsure local air cooling vents remain unobstructed\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCheck joint encoder calibration via the provided software tools\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eInspect hollow electrical routing for any signs of wear during routine checks\u003c\/li\u003e\n  \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 EDU Ultimate B (U4) Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-49\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-EDU-U4\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$67,900\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 EDU Ultimate B (U4) Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(9)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree Robotics","offers":[{"title":"Default Title","offer_id":52995267690839,"sku":"RB-Unt-49","price":67900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/unitree-g1-edu-ultimate-b-u4-humanoid-robot-img1.webp?v=1773306397"},{"product_id":"unitree-g1-humanoid-robot-1","title":"Unitree G1 Humanoid Robot","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 Humanoid Robot, Unitree Robotics, Humanoid, humanoid, 23 Degrees of Freedom, 3D Li DAR \u0026amp; Depth Camera, Foldable Form Factor, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1.webp?v=1727195962\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 Humanoid Robot - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-2.webp?v=1727195962\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"17990.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1.webp?v=1727195962\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"17990.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-51\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-Basic\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Unitree G1 Humanoid Robot\",\"description\":\"Built for advanced robotics development and research. Verified specifications include 23 Do F degrees of freedom, 100 TOPS computing power, Knee Joint Peak Torque: 90 N.m, and 9000 m Ah battery capacity.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1.webp?v=1727195962\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-2.webp?v=1727195962\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Unitree Robotics\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Unitree Robotics\"},\"category\":\"Humanoid\",\"sku\":\"RB-Unt-51\",\"mpn\":\"G1-Basic\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-humanoid-robot\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-humanoid-robot\",\"priceCurrency\":\"USD\",\"price\":\"17990.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"8 months standard manufacturer warranty for the G1 Basic model.\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e Robotics\",\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":35,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Total Degrees of Freedom\",\"value\":\"23 DoF\"},{\"@type\":\"PropertyValue\",\"name\":\"AI Computing Power\",\"value\":\"100 TOPS\"},{\"@type\":\"PropertyValue\",\"name\":\"Knee Joint Peak Torque\",\"value\":\"90 N.m\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"9000 mAh\"},{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"About 35 kg\"}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Can the basic version of this product be programmed for custom tasks?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The G1 Basic is primarily intended as a demonstration platform for legged humanoid capabilities and is not designed for secondary development or custom programming. Users requiring an open platform for coding, adding hands, or integrating additional sensors should consider the EDU variant of this robot.\"}},{\"@type\":\"Question\",\"name\":\"How does the robot handle heat during extended operation?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This humanoid utilizes a local air cooling system specifically designed to manage the thermal output of its high-speed internal rotor PMSM motors. This ensures that the joints maintain consistent torque and performance even during the full 2-hour battery runtime.\"}},{\"@type\":\"Question\",\"name\":\"What is the benefit of the hollow joint design?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The full joint hollow electrical routing allows all power and data cables to pass through the center of the joints. This prevents wire fatigue from repeated movements, eliminates external cable snags, and allows for the extra-large joint movement angles that define this platform's flexibility.\"}}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Humanoid\",\"item\":\"https:\/\/therobocraft.com\/collections\/humanoid\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Unitree G1 Humanoid Robot\",\"item\":\"https:\/\/therobocraft.com\/products\/unitree-g1-humanoid-robot\"}]}\u003c\/script\u003e\n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid R\u0026amp;D\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003e8-month warranty\u003c\/span\u003e\u003c\/span\u003e\u003ca class=\"rc-hero-meta-chip rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eSupport\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eAsk a question\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"rc-hero-meta-bar-wrap\"\u003e\u003ca class=\"rc-hero-meta-bar rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eShipping\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eUS policy\u003c\/span\u003e\u003c\/a\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered to redefine the entry point for humanoid robotics, this advanced bipedal platform features 23 degrees of freedom and a sophisticated force-position hybrid control system. Boasting a 1.32-meter standing height and a compact foldable design, it integrates 3D Li DAR and depth sensing for precise environmental awareness. With a 2-hour runtime and high-torque knee joints, it offers a versatile foundation for AI-driven motion research.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 23 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAI Computing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eKnee Joint Peak Torque: 90 N.m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): About 35 kg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1.webp?v=1727195962\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIdeal for robotics researchers and academic institutions looking to study bipedal locomotion and balance algorithms on a standardized hardware platform.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eServes as a high-tech demonstration tool for public-facing environments, capable of performing pre-programmed gestures like waving and handshaking.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n        \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n        \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eDesigned for robotics researchers, AI developers, and technology enthusiasts who require a sophisticated yet accessible humanoid platform for motion study and environmental interaction.\u003c\/div\u003e\n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute basic locomotion including walking forward, backward, and turning left or right.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePerform complex postural changes such as sitting down, standing up, and squatting.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eInteract with users through social gestures like waving and shaking hands.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eProcess voice commands in both English and Chinese for hands-free operation.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-2.webp?v=1727195962\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e23 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Leg DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWaist DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Arm DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e5 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e2 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eKnee Joint Peak Torque\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e90 N.m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder system\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eModel\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eG1 EDUDimensions (standing): 1320 × 450 × 200 mm Dimensions (folded): 690 × 450 × 300 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eFolded Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e690x450x300mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 35 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eArm Span\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 0.45M\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; AI\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAI Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eSensing \u0026amp; Audio\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Minimum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e12\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Maximum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e60\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e5 W Speaker\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYES\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSmart Battery (Quick Release)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Batteries\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Nonstandard Battery batteries required. (included)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePower Source\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ebattery\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eNot Supported From the brand Previous page About Us\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-6\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eControl \u0026amp; Development\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIncluded Components\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRemote Control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBest Sellers Rank\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e#1,091,827 in Toys \u0026amp; Games (See Top 100 in Toys \u0026amp; Games) #1,191 in Remote- \u0026amp; App-Controlled Robots #11,615 in Kids' Electronics\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003elocal air cooling\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eGeneral Specifications\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOuter Material\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAluminum Measurements Unit Count: 1.0 Count\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eModel Name\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree G1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Pieces\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTheme\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRobot\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eColor\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eGrey\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eStyle\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eModern Features \u0026amp; Specs Is Assembly Required: No\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIndoor Outdoor Usage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eIndoor\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Warranty\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eFor warranty information about this product, please click here Feedback Would you like to\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"2\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(2 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003eNote: Hands are NOT included\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eDextrous hands (Basic version features standard arm ends)\u003c\/li\u003e\n\u003cli\u003eSecondary development SDK (Reserved for EDU variants)\u003c\/li\u003e\n\u003cli\u003eTactile sensor arrays\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-faq-list\"\u003e\n            \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eCan the basic version of this product be programmed for custom tasks?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe G1 Basic is primarily intended as a demonstration platform for legged humanoid capabilities and is not designed for secondary development or custom programming. Users requiring an open platform for coding, adding hands, or integrating additional sensors should consider the EDU variant of this robot.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the robot handle heat during extended operation?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThis humanoid utilizes a local air cooling system specifically designed to manage the thermal output of its high-speed internal rotor PMSM motors. This ensures that the joints maintain consistent torque and performance even during the full 2-hour battery runtime.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat is the benefit of the hollow joint design?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe full joint hollow electrical routing allows all power and data cables to pass through the center of the joints. This prevents wire fatigue from repeated movements, eliminates external cable snags, and allows for the extra-large joint movement angles that define this platform's flexibility.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Routing\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eFull Joint Hollow Electrical Routing\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eMotor Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eLow inertia high-speed internal rotor PMSM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eBearing Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial grade crossed roller bearings\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware Update Method\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIntelligent OTA (Over-the-Air)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eVoice Command Languages\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eEnglish, Chinese\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eLearning Framework Support\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eImitation and Reinforcement Learning\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eAssembly Status\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eFully Assembled\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n    \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n            \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e Monthly\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eInspect joint movement for smoothness and check for any debris in the air cooling vents\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eVerify battery health via the smart management system\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003ePerform OTA software updates to ensure the latest stability and motion improvements\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eClean depth camera and Li DAR lenses with a microfiber cloth\u003c\/li\u003e\n  \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-51\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-Basic\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$17,990\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(8)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree Robotics","offers":[{"title":"Default Title","offer_id":53083908735319,"sku":"RB-Unt-51","price":17990.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/unitree-g1-humanoid-robot-1.webp?v=1774297260"},{"product_id":"unitree-g1-edu-standard-u1-humanoid-robot","title":"Unitree G1 EDU Standard (U1) Humanoid Robot","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 EDU Standard (U1) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 EDU Standard (U1) Humanoid Robot, Unitree Robotics, Humanoid, humanoid, Advanced Motion Control, High-Torque Performance, AI-Ready Computing, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 EDU Standard (U1) Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 EDU Standard (U1) Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 EDU Standard (U1) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-standard-u1-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1_c3db6f67-4ec5-4435-8bed-83d032a5acc7.webp?v=1727200974\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 EDU Standard (U1) Humanoid Robot - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-2_43d63809-5fd6-4fbe-9f3c-31659aa50814.webp?v=1727200974\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"43900.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 EDU Standard (U1) Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 EDU Standard (U1) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1_c3db6f67-4ec5-4435-8bed-83d032a5acc7.webp?v=1727200974\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 EDU Standard (U1) Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"43900.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-50\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-EDU-U1\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Unitree G1 EDU Standard (U1) Humanoid Robot\",\"description\":\"Built for advanced robotics development and research. Verified specifications include 23 Do F degrees of freedom, 100 TOPS computing power, 9000 m Ah battery capacity, and 35 kg weight.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1_c3db6f67-4ec5-4435-8bed-83d032a5acc7.webp?v=1727200974\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-2_43d63809-5fd6-4fbe-9f3c-31659aa50814.webp?v=1727200974\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Unitree Robotics\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Unitree Robotics\"},\"category\":\"Humanoid\",\"sku\":\"RB-Unt-50\",\"mpn\":\"G1-EDU-U1\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-standard-u1-humanoid-robot\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-standard-u1-humanoid-robot\",\"priceCurrency\":\"USD\",\"price\":\"43900.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"18 months (EDU version)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e Robotics\",\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":35,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Total Degrees of Freedom\",\"value\":\"23 DoF\"},{\"@type\":\"PropertyValue\",\"name\":\"AI Computing Power\",\"value\":\"100 TOPS\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"9000 mAh\"},{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"35 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Payload Capacity\",\"value\":\"3 kg\"}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What are the primary differences between the G1 and the G1 EDU Standard?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The EDU Standard (U1) model provides significant performance upgrades, including a higher knee joint torque of 120 N.m compared to 90 N.m on the base model. It also features a 100 TOPS computing unit, increased arm load capacity of 3kg, and full support for secondary development, which is not available on the standard consumer version.\"}},{\"@type\":\"Question\",\"name\":\"Does this robot support secondary development?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the EDU Standard (U1) is specifically designed for secondary development. It supports both upper and lower-level development, and Unitree provides comprehensive technical support, detailed development manuals, and ongoing ecological support to assist researchers.\"}},{\"@type\":\"Question\",\"name\":\"How does the folding mechanism work for transport?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This humanoid features a unique folding design that allows it to collapse from its standing height of 1320mm down to just 690mm. This significantly reduces its footprint, making it portable enough to be moved by a single person or stored in standard equipment cases.\"}},{\"@type\":\"Question\",\"name\":\"What sensors are used for environmental perception?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The robot is equipped with a sophisticated sensing suite that includes a Depth Camera and 3D LiDAR. These sensors work in tandem to provide real-time spatial data, allowing the robot to navigate complex environments and interact precisely with objects.\"}}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Humanoid\",\"item\":\"https:\/\/therobocraft.com\/collections\/humanoid\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Unitree G1 EDU Standard (U1) Humanoid Robot\",\"item\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-standard-u1-humanoid-robot\"}]}\u003c\/script\u003e\n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-standard-u1-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 EDU Standard (U1) Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid R\u0026amp;D\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003e18-month warranty\u003c\/span\u003e\u003c\/span\u003e\u003ca class=\"rc-hero-meta-chip rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eSupport\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eAsk a question\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"rc-hero-meta-bar-wrap\"\u003e\u003ca class=\"rc-hero-meta-bar rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eShipping\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eUS policy\u003c\/span\u003e\u003c\/a\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for advanced research and education, this sophisticated humanoid platform delivers an expansive range of motion through 23 degrees of freedom. It integrates a powerful 100 TOPS computing unit and a high-torque 120 N.m knee joint to facilitate complex athletic maneuvers. With its foldable design and 9000m Ah quick-release battery, it offers a versatile, high-performance solution for AI-driven robotics development and reinforcement learning applications.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 23 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAI Computing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 35 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePayload Capacity: 3 kg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-1_c3db6f67-4ec5-4435-8bed-83d032a5acc7.webp?v=1727200974\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eRobotics researchers utilize this platform to develop and test large-scale AI models (Unifo LM) using imitation and reinforcement learning.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eEducational institutions deploy it as a comprehensive tool for teaching advanced kinematics, control systems, and human-robot interaction.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n        \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n        \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eThis platform is designed for robotics researchers, AI developers, and university laboratories requiring a high-performance, secondary-development-ready humanoid for advanced experimentation.\u003c\/div\u003e\n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute complex athletic maneuvers using 120 N.m high-torque knee joints.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePerform precise object manipulation using force-position hybrid control systems.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eNavigate and map environments in 3D using integrated Li DAR and depth sensing.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eSupport imitation and reinforcement learning for autonomous task development.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-humanoid-robot-2_43d63809-5fd6-4fbe-9f3c-31659aa50814.webp?v=1727200974\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e23 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRouting\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYes Joint Encoder: Dual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder system\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eModel\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eG1 EDUDimensions (standing): 1320 × 450 × 200 mm Dimensions (folded): 690 × 450 × 300 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; AI\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAI Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBasic Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8-core high-performance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLocal air cooling Power Supply: 13-string lithium battery Basic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eControl \u0026amp; Development\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Gantry\u003c\/li\u003e\n\u003cli\u003eNote: Hands are NOT included\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eDexterous Hands (Hands are NOT included in the standard U1 package)\u003c\/li\u003e\n\u003cli\u003eTactile sensor arrays\u003c\/li\u003e\n\u003cli\u003eNVIDIA Jetson Orin module (Optional upgrade)\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-faq-list\"\u003e\n            \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat are the primary differences between the G1 and the G1 EDU Standard?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe EDU Standard (U1) model provides significant performance upgrades, including a higher knee joint torque of 120 N.m compared to 90 N.m on the base model. It also features a 100 TOPS computing unit, increased arm load capacity of 3kg, and full support for secondary development, which is not available on the standard consumer version.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eDoes this robot support secondary development?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eYes, the EDU Standard (U1) is specifically designed for secondary development. It supports both upper and lower-level development, and Unitree provides comprehensive technical support, detailed development manuals, and ongoing ecological support to assist researchers.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the folding mechanism work for transport?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThis humanoid features a unique folding design that allows it to collapse from its standing height of 1320mm down to just 690mm. This significantly reduces its footprint, making it portable enough to be moved by a single person or stored in standard equipment cases.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat sensors are used for environmental perception?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe robot is equipped with a sophisticated sensing suite that includes a Depth Camera and 3D Li DAR. These sensors work in tandem to provide real-time spatial data, allowing the robot to navigate complex environments and interact precisely with objects.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eElectrical Routing\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eFull joint hollow design\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Bearings\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial grade crossed roller bearings\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eMotor Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eLow inertia high-speed internal rotor PMSM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eSupported (Upper and Lower levels)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware Updates\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUpgraded Intelligent OTA supported\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Design\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eSmart Quick Release\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n    \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n            \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e As needed per research intensity\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eMonitor local air cooling system for dust accumulation\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCheck joint dual encoders for calibration accuracy\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eInspect hollow electrical routing for wear or tension\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eEnsure smart battery is stored at recommended charge levels when not in use\u003c\/li\u003e\n  \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 EDU Standard (U1) Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-50\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-EDU-U1\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$43,900\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 EDU Standard (U1) Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(9)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree Robotics","offers":[{"title":"Default Title","offer_id":53083941830999,"sku":"RB-Unt-50","price":43900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/unitree-g1-humanoid-robot-1_c3db6f67-4ec5-4435-8bed-83d032a5acc7.webp?v=1774297891"},{"product_id":"unitree-g1-edu-ultimate-c-u5-humanoid-robot","title":"Unitree G1 EDU Ultimate C (U5) Humanoid Robot","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 EDU Ultimate C (U5) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 EDU Ultimate C (U5) Humanoid Robot, Unitree Robotics, Humanoid, humanoid, 41 Degrees of Freedom, NVIDIA Jetson Orin Module, Inspire Dexterous Hands, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 EDU Ultimate C (U5) Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate C (U5) Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 EDU Ultimate C (U5) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-c-u5-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img1.webp?v=1728888076\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 EDU Ultimate C (U5) Humanoid Robot - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img2.webp?v=1728888076\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img3.webp?v=1728888076\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"67900.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate C (U5) Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 EDU Ultimate C (U5) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img1.webp?v=1728888076\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 EDU Ultimate C (U5) Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"67900.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-86\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-EDU-U5\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Unitree G1 EDU Ultimate C (U5) Humanoid Robot\",\"description\":\"Built for advanced robotics development and research. Verified specifications include 41 Do F degrees of freedom, 100 TOPS computing power, Knee Joint Torque: 120 N.m, and 9000 m Ah battery capacity.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img1.webp?v=1728888076\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img2.webp?v=1728888076\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img3.webp?v=1728888076\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Unitree Robotics\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Unitree Robotics\"},\"category\":\"Humanoid\",\"sku\":\"RB-Unt-86\",\"mpn\":\"G1-EDU-U5\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-c-u5-humanoid-robot\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-c-u5-humanoid-robot\",\"priceCurrency\":\"USD\",\"price\":\"67900.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"18 months (EDU model)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e Robotics\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Total Degrees of Freedom\",\"value\":\"41 DoF\"},{\"@type\":\"PropertyValue\",\"name\":\"Computing Power\",\"value\":\"100 TOPS\"},{\"@type\":\"PropertyValue\",\"name\":\"Knee Joint Torque\",\"value\":\"120 N.m\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"9000 mAh\"},{\"@type\":\"PropertyValue\",\"name\":\"Arm Maximum Load\",\"value\":\"3 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Weight\",\"value\":\"35+ kg\"}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What are the primary differences between the G1 Standard and the G1 EDU model?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The EDU model offers significant hardware upgrades including higher knee joint torque (120 N.m vs 90 N.m), increased arm load capacity (3kg vs 2kg), and the inclusion of the NVIDIA Jetson Orin module for 100 TOPS of computing power. Additionally, the EDU version supports secondary development and features a longer 18-month warranty compared to the 8-month standard warranty.\"}},{\"@type\":\"Question\",\"name\":\"How does the robot handle complex object manipulation?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This product utilizes force-position hybrid control combined with two Inspire 5-finger dexterous hands. Each joint is monitored by dual encoders to ensure precision, allowing the robot to simulate human-like precision when interacting with various objects.\"}},{\"@type\":\"Question\",\"name\":\"What software development tools are available for this robot?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The G1 EDU supports secondary development for both upper and lower levels. Unitree provides comprehensive technical support, detailed development manuals, and access to their GitHub repository and ecological support systems to facilitate custom programming and AI integration.\"}}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Humanoid\",\"item\":\"https:\/\/therobocraft.com\/collections\/humanoid\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Unitree G1 EDU Ultimate C (U5) Humanoid Robot\",\"item\":\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-c-u5-humanoid-robot\"}]}\u003c\/script\u003e\n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-c-u5-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 EDU Ultimate C (U5) Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eIndustrial humanoid deployment\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003e18-month warranty\u003c\/span\u003e\u003c\/span\u003e\u003ca class=\"rc-hero-meta-chip rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eSupport\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eAsk a question\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"rc-hero-meta-bar-wrap\"\u003e\u003ca class=\"rc-hero-meta-bar rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eShipping\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eUS policy\u003c\/span\u003e\u003c\/a\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for advanced research and complex manipulation, this sophisticated humanoid features an impressive 41 degrees of freedom and integrated 5-finger dexterous hands. It leverages a 100 TOPS computing unit and NVIDIA Jetson Orin module to process real-time AI tasks. With a peak knee torque of 120 N.m and 3D Li DAR sensing, it offers unparalleled agility and environmental awareness for next-generation robotics development.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 41 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eComputing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eKnee Joint Torque: 120 N.m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eArm Maximum Load: 3 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight: 35+ kg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img1.webp?v=1728888076\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eRobotics researchers utilize this platform to develop and test imitation and reinforcement learning models using the Unifo LM framework.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIndustrial R\u0026amp;D labs deploy the robot to simulate human-centric tasks and dexterous object manipulation in controlled environments.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n        \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n        \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eThis professional-grade humanoid is designed for robotics researchers, AI developers, and university laboratories requiring a high-Do F platform for secondary development and complex manipulation studies.\u003c\/div\u003e\n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute complex 41-Do F coordinated movements for research and demonstration.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePerform dexterous object manipulation using 5-finger force-controlled hands.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eProcess real-time AI models at 100 TOPS using the onboard NVIDIA Jetson Orin.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eNavigate environments autonomously using 3D Li DAR and Depth Camera data.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img2.webp?v=1728888076\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Torque of Knee Joint\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e120 N.m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eArm Maximum Load\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCalf + Thigh Length\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e0.6 m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eArm Span\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e0.45 m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eJoint Movement Space\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWaist Joint (Z)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e± 155°\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eKnee Joint\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e0 - 165°\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eHip Joint (P)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e± 154°\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eHip Joint (R)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e-30° to +170°\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eHip Joint (Y)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e± 158°\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWrist Joint (P)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e± 92.5°\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eHeight (Stand)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1320 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWidth (Stand)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e450 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eThickness (Stand)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e200 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eHeight (Folded)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e690 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eThickness (Folded)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e300 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35+ kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; Sensing\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBasic Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8-core high-performance CPU\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eHigh Computing Power Module\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eNVIDIA Jetson Orin\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Computing Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSensing Sensors\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eDepth Camera + 3D Li DAR\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMicrophone Array\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e4-microphone array\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSpeaker Output\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e5 W\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Type\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e13-string lithium battery\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCharger Output\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e54 V 5 A\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003elocal air cooling\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-spec\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img3.webp?v=1728888076\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e2x Inspire 5-finger dexterous hands (RH56DFQ-2R, RH56DFQ-2L)\u003c\/li\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Gantry\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eExternal safety tether system\u003c\/li\u003e\n\u003cli\u003eCustom end-effectors beyond the included dexterous hands\u003c\/li\u003e\n\u003cli\u003eHigh-level AI training servers\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-faq-list\"\u003e\n            \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat are the primary differences between the G1 Standard and the G1 EDU model?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe EDU model offers significant hardware upgrades including higher knee joint torque (120 N.m vs 90 N.m), increased arm load capacity (3kg vs 2kg), and the inclusion of the NVIDIA Jetson Orin module for 100 TOPS of computing power. Additionally, the EDU version supports secondary development and features a longer 18-month warranty compared to the 8-month standard warranty.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the robot handle complex object manipulation?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThis product utilizes force-position hybrid control combined with two Inspire 5-finger dexterous hands. Each joint is monitored by dual encoders to ensure precision, allowing the robot to simulate human-like precision when interacting with various objects.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat software development tools are available for this robot?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe G1 EDU supports secondary development for both upper and lower levels. Unitree provides comprehensive technical support, detailed development manuals, and access to their Git Hub repository and ecological support systems to facilitate custom programming and AI integration.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eConnectivity\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6, Bluetooth 5.2\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eElectrical Routing\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eFull Joint Hollow Electrical Routing\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Bearings\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial grade crossed roller bearings\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eMotor Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eLow inertia high-speed internal rotor PMSM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eSupported (Upper and Lower levels)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eOTA Updates\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUpgraded Intelligent OTA supported\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Design\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eSmart Battery with Quick Release\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eManual Controller\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIncluded\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n    \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n            \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e Monthly\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eInspect joint movement for smooth operation\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCheck air cooling vents for dust accumulation\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eVerify battery health via the smart management system\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003ePerform firmware updates via OTA as released by Unitree\u003c\/li\u003e\n  \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 EDU Ultimate C (U5) Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-86\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-EDU-U5\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$67,900\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 EDU Ultimate C (U5) Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(9)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree Robotics","offers":[{"title":"Default Title","offer_id":53084318466391,"sku":"RB-Unt-86","price":67900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/unitree-g1-edu-ultimate-c-u5-humanoid-robot-us-img1.webp?v=1774300975"},{"product_id":"unitree-g1-edu-ultimate-e-u8-humanoid-robot","title":"Unitree G1 EDU Ultimate E (U8) Humanoid Robot","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 EDU Ultimate E (U8) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 EDU Ultimate E (U8) Humanoid Robot, Unitree Robotics, Humanoid, humanoid, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 EDU Ultimate E (U8) Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate E (U8) Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 EDU Ultimate E (U8) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-e-u8-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u8-humanoid-robot-us-01.webp?v=1759339532\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 EDU Ultimate E (U8) Humanoid Robot - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u8-humanoid-robot-us-02.webp?v=1759339532\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"54900.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate E (U8) Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 EDU Ultimate E (U8) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u8-humanoid-robot-us-01.webp?v=1759339532\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 EDU Ultimate E (U8) Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"54900.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-188\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-EDU-U8\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \n    \n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-e-u8-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 EDU Ultimate E (U8) Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eIndustrial humanoid deployment\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for advanced research and sports applications, this sophisticated humanoid platform features 37 degrees of freedom and a powerful 100 TOPS computing unit. It utilizes force-position hybrid control and dual encoders for human-like precision, supported by a high-capacity 9000m Ah quick-release battery. With a 120 N.m peak knee torque and integrated 3D Li DAR, it offers unparalleled flexibility and environmental awareness for AI-driven development.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 37 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAI Computing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003e3 Max knee torque 120 N...: \u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 35 kg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u8-humanoid-robot-us-01.webp?v=1759339532\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eAI Research: Developing large robot models (Unifo LM) using imitation and reinforcement learning.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eDesigned for AI researchers, robotics engineers, and academic institutions requiring a high-performance, secondary-development-ready humanoid platform.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003e37 Do F Degrees of Freedom\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eTotal Do F: 37 Do F\u003c\/p\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003e100 TOPS Compute\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eComputing capacity: 100 TOPS. CPU: 8-core high-performance\u003c\/p\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eSensor Suite\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eSpeaker: YES\u003c\/p\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eConnectivity\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eWireless: Wi Fi 6\u003c\/p\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u8-humanoid-robot-us-02.webp?v=1759339532\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e37 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e23 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Leg DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWaist DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Arm DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e5 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWalking Speed\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e2 m\/s\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRouting\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYes Joint Encoder: Dual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e7 DOF waist\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e3 Max knee torque 120 N·m\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eKnee Joint Peak Torque\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e90 N.m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder system\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eFolded Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e690x450x300mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eArm Span\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 0.45M\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; AI\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAI Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBasic Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8-core high-performance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eSensing \u0026amp; Audio\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Minimum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e12\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Maximum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e60\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e5 W Speaker\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYES\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSmart Battery (Quick Release)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLocal air cooling Power Supply: 13-string lithium battery Basic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Batteries\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Nonstandard Battery batteries required. (included)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePower Source\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ebattery\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eNot Supported What's in the box\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-6\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eControl \u0026amp; Development\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIncluded Components\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRemote Control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBest Sellers Rank\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e#1,126,211 in Toys \u0026amp; Games (See Top 100 in Toys \u0026amp; Games) #1,216 in Remote- \u0026amp; App-Controlled Robots #11,862 in Kids' Electronics\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eGeneral Specifications\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOuter Material\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAluminum Measurements Unit Count: 1.0 Count\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRobotic Hands\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3-finger hands\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eModel Name\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree G1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTheme\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRobot\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eColor\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eGrey\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eStyle\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eModern Features \u0026amp; Specs Is Assembly Required: No\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIndoor Outdoor Usage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eIndoor\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Warranty\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eFor warranty information about this product, please click here Feedback Would you like to\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e2x Dex3-1 force-controlled 3-finger dexterous hands (without tactile sensor)\u003c\/li\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Gantry\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eTactile sensor arrays for Dex3-1 hands (optional)\u003c\/li\u003e\n\u003cli\u003eNVIDIA Jetson Orin module (optional high computing power)\u003c\/li\u003e\n\u003cli\u003eAdditional waist degrees of freedom (optional)\u003c\/li\u003e\n\u003cli\u003eAdditional wrist degrees of freedom (optional)\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eDescription\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree G1 EDU Ultimate E (U8) Humanoid Robot\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eEstimated Lead Time\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eOrders placed today are expected to ship within 6-8 weeks\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 EDU Ultimate E (U8) Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-188\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-EDU-U8\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$54,900.00\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 EDU Ultimate E (U8) Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(7)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree Robotics","offers":[{"title":"Default Title","offer_id":53299105923415,"sku":"RB-Unt-188","price":54900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/unitree-g1-edu-u8-humanoid-robot-us-01_7e98bb63-33bb-4806-a92c-fc78a707ac77.webp?v=1776091179"},{"product_id":"unitree-g1-edu-ultimate-e-u9-humanoid-robot","title":"Unitree G1 EDU Ultimate E (U9) Humanoid Robot","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 EDU Ultimate E (U9) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 EDU Ultimate E (U9) Humanoid Robot, Unitree Robotics, Humanoid, humanoid, 37 Degrees of Freedom, Dex3-1 Dexterous Hands, 100 TOPS AI Power, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 EDU Ultimate E (U9) Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate E (U9) Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 EDU Ultimate E (U9) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-e-u9-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u9-humanoid-robot-01.webp?v=1759339516\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 EDU Ultimate E (U9) Humanoid Robot - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u9-humanoid-robot-02.webp?v=1759339516\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"56900.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate E (U9) Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 EDU Ultimate E (U9) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u9-humanoid-robot-01.webp?v=1759339516\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 EDU Ultimate E (U9) Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"56900.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-189\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-EDU-U9\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \n    \n    \n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-e-u9-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 EDU Ultimate E (U9) Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eIndustrial humanoid deployment\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip rc-hero-meta-odd\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003e18-month warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for advanced research and complex manipulation, this humanoid platform features 37 degrees of freedom and integrated tactile-sensing dexterous hands. It delivers 100 TOPS of AI computing power alongside a high-torque 120 N.m knee joint for dynamic mobility. With a 9000m Ah quick-release battery and secondary development support, it represents the pinnacle of accessible, high-performance humanoid robotics for research and educational environments.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 37 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAI Computing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eKnee Joint Peak Torque: 90 N.m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 35 kg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u9-humanoid-robot-01.webp?v=1759339516\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eEducational institutions use the secondary development support and comprehensive technical manuals to teach advanced control theory and humanoid kinematics.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIndustrial R\u0026amp;D teams deploy the platform to test force-position hybrid control in simulated service or sports applications.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n        \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n        \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eThis platform is designed for advanced robotics researchers, AI developers, and educational institutions requiring a high-DOF humanoid for imitation learning and complex manipulation experiments.\u003c\/div\u003e\n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute complex manipulation tasks using force-position hybrid control.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eNavigate environments autonomously using 3D Li DAR and depth camera sensing.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePerform high-speed computations for reinforcement learning and imitation learning.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eFold into a compact 690mm form factor for easier transport and storage.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u9-humanoid-robot-02.webp?v=1759339516\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e37 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e23 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Leg DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWaist DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Arm DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e5 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWalking Speed\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1.5 m\/s\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRouting\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYes Joint Encoder: Dual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eKnee Joint Peak Torque\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e90 N.m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder system\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eFolded Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e690x450x300mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eArm Span\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 0.45M\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; AI\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAI Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBasic Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8-core high-performance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eSensing \u0026amp; Audio\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Minimum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e12\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Maximum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e60\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e5 W Speaker\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYES\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSmart Battery (Quick Release)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLocal air cooling Power Supply: 13-string lithium battery Basic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Batteries\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Nonstandard Battery batteries required. (included)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePower Source\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ebattery\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eNot Supported What's in the box\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-6\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eControl \u0026amp; Development\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIncluded Components\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRemote Control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBest Sellers Rank\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e#1,126,211 in Toys \u0026amp; Games (See Top 100 in Toys \u0026amp; Games) #1,216 in Remote- \u0026amp; App-Controlled Robots #11,862 in Kids' Electronics\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eGeneral Specifications\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOuter Material\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAluminum Measurements Unit Count: 1.0 Count\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eModel Name\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree G1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Pieces\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTheme\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRobot\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eColor\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eGrey\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eStyle\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eModern Features \u0026amp; Specs Is Assembly Required: No\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIndoor Outdoor Usage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eIndoor\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Warranty\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eFor warranty information about this product, please click here Feedback Would you like to\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e2x Dex3-1 force-controlled 3-finger dexterous hands (with tactile sensor)\u003c\/li\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Gantry\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eNVIDIA Jetson Orin High Computing Power Module (Optional upgrade)\u003c\/li\u003e\n\u003cli\u003eAdditional spare batteries\u003c\/li\u003e\n\u003cli\u003eExternal safety tether systems\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-faq-list\"\u003e\n            \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat is the difference between the standard G1 and this EDU model?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe EDU model features significant hardware and software upgrades, including a higher knee torque of 120 N.m (vs 90 N.m), a 3kg arm load capacity, and a much more powerful 100 TOPS computing unit. Most importantly, the EDU version supports secondary development for both upper and lower levels, making it suitable for advanced research.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the robot handle object manipulation?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThis model uses Dex3-1 force-controlled three-fingered hands equipped with tactile sensor arrays. By combining force-position hybrid control, the robot can simulate human-like precision to achieve delicate operations on various objects, leveraging imitation and reinforcement learning.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat software and development resources are available?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eUnitree provides comprehensive ecological support including a Git Hub repository, detailed secondary development manuals, and upgraded intelligent OTA (Over-The-Air) updates to ensure the robot's software remains current and compatible with the latest AI models.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eElectrical Routing\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eFull joint hollow electrical routing\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Bearings\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial grade crossed roller bearings\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eMotor Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eLow inertia high-speed internal rotor PMSM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware Updates\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUpgraded Intelligent OTA\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Design\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eQuick-release smart battery\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eTactile Sensors\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIntegrated tactile sensor arrays in hands\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n    \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-compat-content\"\u003e\n            \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n            \u003cul\u003e\n              \u003cli\u003eCompatible with the latest AI models\u003c\/li\u003e\n            \u003c\/ul\u003e\n            \n            \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n    \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n            \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e As needed per manufacturer guidelines\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eMonitor local air cooling system for dust accumulation\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCheck joint movement for smooth operation of crossed roller bearings\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003ePerform regular firmware updates via OTA system\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eInspect hollow electrical routing for any signs of wear\u003c\/li\u003e\n  \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 EDU Ultimate E (U9) Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-189\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-EDU-U9\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$56,900.00\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 EDU Ultimate E (U9) Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(10)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree Robotics","offers":[{"title":"Default Title","offer_id":53299155566935,"sku":"RB-Unt-189","price":56900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/unitree-g1-edu-u9-humanoid-robot-01.webp?v=1776091570"},{"product_id":"unitree-g1-edu-ultimate-e-u10-humanoid-robot","title":"Unitree G1 EDU Ultimate E (U10) Humanoid Robot","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 EDU Ultimate E (U10) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 EDU Ultimate E (U10) Humanoid Robot, Unitree Robotics, Humanoid, humanoid, 35 Degrees of Freedom, Brain Co Dexterous Hands, 100 TOPS AI Computing, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 EDU Ultimate E (U10) Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate E (U10) Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 EDU Ultimate E (U10) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-e-u10-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u10-humanoid-robot-01.webp?v=1759339504\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 EDU Ultimate E (U10) Humanoid Robot - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u10-humanoid-robot-02.webp?v=1759339504\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/brainco-revo-2-hands-left-right-01_31732b0e-e249-4d7b-9af5-fb3afdb19b7c.webp?v=1759339504\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"51900.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate E (U10) Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 EDU Ultimate E (U10) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u10-humanoid-robot-01.webp?v=1759339504\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 EDU Ultimate E (U10) Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"51900.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-190\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-EDU-U10\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \n    \n    \n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-e-u10-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 EDU Ultimate E (U10) Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eIndustrial humanoid deployment\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip rc-hero-meta-odd\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003e18-month warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered to redefine humanoid\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 35 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAI Computing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eKnee Joint Peak Torque: 90 N.m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 35 kg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u10-humanoid-robot-01.webp?v=1759339504\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eAI Research and Development: Ideal for labs developing the Unifo LM (Unitree Robot Unified Large Model) using imitation and reinforcement learning.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIndustrial Manipulation: Testing dexterous object handling with the Brain Co five-finger hands in simulated factory or warehouse settings.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n        \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n        \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eDesigned for robotics researchers, AI developers, and academic institutions requiring a high-DOF humanoid platform with significant onboard computing and dexterous manipulation capabilities.\u003c\/div\u003e\n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePerform complex bipedal walking and balance tasks with 6 Do F per leg.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute dexterous manipulation of objects using two five-finger hands with force control.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eProcess real-time environmental data using an 8-core CPU and 100 TOPS AI unit.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eNavigate and map surroundings using integrated 3D Li DAR and depth camera sensors.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-u10-humanoid-robot-02.webp?v=1759339504\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e23 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Leg DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWaist DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Arm DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e5 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWalking Speed\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1.5 m\/s\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRouting\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYes Joint Encoder: Dual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eKnee Joint Peak Torque\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e90 N.m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder system\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eFolded Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e690x450x300mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eArm Span\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 0.45M\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; AI\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAI Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBasic Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8-core high-performance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eSensing \u0026amp; Audio\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Minimum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e12\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Maximum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e60\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e5 W Speaker\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYES\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSmart Battery (Quick Release)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLocal air cooling Power Supply: 13-string lithium battery Basic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Batteries\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Nonstandard Battery batteries required. (included)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePower Source\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ebattery\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eNot Supported What's in the box\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-6\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eControl \u0026amp; Development\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIncluded Components\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRemote Control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBest Sellers Rank\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e#1,126,211 in Toys \u0026amp; Games (See Top 100 in Toys \u0026amp; Games) #1,216 in Remote- \u0026amp; App-Controlled Robots #11,862 in Kids' Electronics\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eGeneral Specifications\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOuter Material\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAluminum Measurements Unit Count: 1.0 Count\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eModel Name\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree G1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Pieces\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTheme\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRobot\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eColor\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eGrey\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eStyle\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eModern Features \u0026amp; Specs Is Assembly Required: No\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIndoor Outdoor Usage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eIndoor\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Warranty\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eFor warranty information about this product, please click here Feedback Would you like to\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-spec\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/brainco-revo-2-hands-left-right-01_31732b0e-e249-4d7b-9af5-fb3afdb19b7c.webp?v=1759339504\" alt=\"Technical reference\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eTechnical reference\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Gantry\u003c\/li\u003e\n\u003cli\u003e2x Brain Co Five-Finger Dexterity Hand Revo 2 Basic Edition (Revo 2 Basic)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eNVIDIA Jetson Orin High Computing Power Module (Optional accessory)\u003c\/li\u003e\n\u003cli\u003eTactile sensor arrays for hands (Optional)\u003c\/li\u003e\n\u003cli\u003eAdditional waist degrees of freedom (Optional configuration)\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-faq-list\"\u003e\n            \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat is the primary difference between the standard G1 and this EDU model?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe EDU model is a significant upgrade featuring 100 TOPS of computing power compared to the standard version, along with higher knee torque (120 N.m) and an increased arm load capacity of 3 kg. Most importantly, the EDU version supports secondary development for both upper and lower levels, which is required for advanced research.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the robot manage heat during high-performance AI tasks?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThis robot features a dedicated local air cooling system designed to maintain optimal operating temperatures for the 8-core high-performance CPU and the 100 TOPS computing unit, ensuring stability during complex real-time computations.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat software environment does this robot support for development?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe platform is designed for AI-driven evolution using the Unifo LM (Unitree Robot Unified Large Model). It supports secondary development with comprehensive technical support, detailed manuals, and access to the Unitree Git Hub repository for ecological support.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eElectrical Routing\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eFull joint hollow design\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Motor Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eLow inertia high-speed internal rotor PMSM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Bearings\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial grade crossed roller bearings\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware Update Method\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUpgraded Intelligent OTA\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Design\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eSmart Quick-Release\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n    \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n            \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e As needed per manufacturer guidelines\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eMonitor joint performance via dual encoders\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eEnsure local air cooling vents remain unobstructed\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003ePerform regular firmware updates via the Upgraded Intelligent OTA system\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eInspect hollow electrical routing for wear during routine checks\u003c\/li\u003e\n  \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 EDU Ultimate E (U10) Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-190\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-EDU-U10\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$51,900.00\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 EDU Ultimate E (U10) Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(10)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree Robotics","offers":[{"title":"Default Title","offer_id":53299244663127,"sku":"RB-Unt-190","price":51900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/unitree-g1-edu-u10-humanoid-robot-01.webp?v=1776092203"},{"product_id":"unitree-g1-edu-ultimate-d-u6-humanoid-robot","title":"Unitree G1 EDU Ultimate D (U6) Humanoid Robot","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 EDU Ultimate D (U6) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 EDU Ultimate D (U6) Humanoid Robot, Unitree Robotics, Humanoid, humanoid, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 EDU Ultimate D (U6) Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate D (U6) Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 EDU Ultimate D (U6) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-d-u6-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 EDU Ultimate D (U6) Humanoid Robot - Product Image\"\u003e\n    \n    \u003cmeta property=\"og:price:amount\" content=\"73900.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate D (U6) Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 EDU Ultimate D (U6) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 EDU Ultimate D (U6) Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"73900.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-130\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-EDU-U6-US\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \n    \n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-d-u6-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 EDU Ultimate D (U6) Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eIndustrial humanoid deployment\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered to redefine humanoid\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 41 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAI Computing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eKnee Joint Peak Torque: 90 N.m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 35+ kg2x Inspire 5-finger d...\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eAI Research: Developing reinforcement learning models using Unifo LM.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIndustrial Manipulation: Testing precise object handling with force-feedback dexterous hands.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n        \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n        \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eDesigned for robotics researchers, AI developers, and academic institutions requiring a high-Do F humanoid platform for reinforcement learning and complex manipulation studies.\u003c\/div\u003e\n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003e41 Do F Degrees of Freedom\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eTotal Do F: 41 Do F\u003c\/p\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003e100 TOPS Compute\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eComputing capacity: 100 TOPS. CPU: 8-core high-performance\u003c\/p\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eSensor Suite\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eSpeaker: YES\u003c\/p\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eConnectivity\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eWireless: Wi Fi 6\u003c\/p\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e41 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e23 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Leg DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWaist DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Arm DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e5 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRouting\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYes Joint Encoder: Dual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eKnee Joint Peak Torque\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e90 N.m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35+ kg2x Inspire 5-finger dexterous hands with 17x tactile sensors in each hand\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eFolded Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e690x450x300mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eArm Span\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 0.45M\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; AI\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAI Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBasic Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8-core high-performance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eSensing \u0026amp; Audio\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Minimum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e12\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Maximum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e60\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e5 W Speaker\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYES\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSmart Battery (Quick Release)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLocal air cooling Power Supply: 13-string lithium battery Basic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Batteries\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Nonstandard Battery batteries required. (included)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePower Source\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ebattery\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eNot Supported What's in the box\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-6\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eControl \u0026amp; Development\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIncluded Components\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRemote Control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBest Sellers Rank\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e#1,126,211 in Toys \u0026amp; Games (See Top 100 in Toys \u0026amp; Games) #1,216 in Remote- \u0026amp; App-Controlled Robots #11,862 in Kids' Electronics\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eGeneral Specifications\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOuter Material\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAluminum Measurements Unit Count: 1.0 Count\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eModel Name\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree G1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Pieces\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTheme\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRobot\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eColor\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eGrey\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eStyle\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eModern Features \u0026amp; Specs Is Assembly Required: No\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIndoor Outdoor Usage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eIndoor\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Warranty\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eFor warranty information about this product, please click here Feedback Would you like to\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e2x Inspire 5-finger dexterous hand (RH56DFQ-2R, RH56DFQ-2L) with tactile sensors, with force feedback\u003c\/li\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Gantry\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eExternal training workstation\u003c\/li\u003e\n\u003cli\u003eCustom end-effectors (other than the included dexterous hands)\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eDescription\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree G1 EDU Ultimate D (U6) Humanoid Robot\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eEstimated Lead Time\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eOrders placed today are expected to ship within 6-8 weeks\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 EDU Ultimate D (U6) Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-130\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-EDU-U6-US\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$73,900.00\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 EDU Ultimate D (U6) Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(7)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree Robotics","offers":[{"title":"Default Title","offer_id":53299281428823,"sku":"RB-Unt-130","price":73900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/unitree-g1-edu-ultimate-c-u6-humanoid-robot-02.webp?v=1776092699"},{"product_id":"unitree-g1-edu-ultimate-e-u7-humanoid-robot","title":"Unitree G1 EDU Ultimate E (U7) Humanoid Robot","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Unitree G1 EDU Ultimate E (U7) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Unitree G1 EDU Ultimate E (U7) Humanoid Robot, Unitree Robotics, Humanoid, humanoid, 41 Degrees of Freedom, Brain Co Dexterity Hands, NVIDIA Jetson Orin Module, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Unitree G1 EDU Ultimate E (U7) Humanoid Robot\u003c\/title\u003e\n    \n    \u003c!-- Performance: Preload critical resources --\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n    \n    \u003c!-- Open Graph \/ Social Media --\u003e\n    \n    \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n    \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate E (U7) Humanoid Robot\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Unitree G1 EDU Ultimate E (U7) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-e-u7-humanoid-robot\"\u003e\n    \u003cmeta property=\"og:site_name\" content=\"TheRoboCraft\"\u003e\n    \u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u6-humanoid-robot-us-01.webp?v=1759339147\"\u003e\n    \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n    \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n    \u003cmeta property=\"og:image:alt\" content=\"Unitree G1 EDU Ultimate E (U7) Humanoid Robot - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u6-humanoid-robot-us-02.webp?v=1759339147\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/brainco-revo-2-hands-left-right-01.webp?v=1759339147\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"63900.00\"\u003e\n    \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n    \u003c!-- Twitter Card --\u003e\n    \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n    \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n    \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Unitree G1 EDU Ultimate E (U7) Humanoid Robot\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Unitree G1 EDU Ultimate E (U7) Humanoid Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u6-humanoid-robot-us-01.webp?v=1759339147\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Unitree G1 EDU Ultimate E (U7) Humanoid Robot\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Unitree Robotics\"\u003e\n    \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n    \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n    \u003cmeta property=\"product:price:amount\" content=\"63900.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Unt-187\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"G1-EDU-U7\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \n    \n    \n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/unitree-g1-edu-ultimate-e-u7-humanoid-robot\"\u003e\n\n\n    \n      \u003cstyle\u003e\n    \/* ==========================================\n       ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n       No bare tag selectors. No all:initial. No @scope. No @layer.\n       GUARANTEED: Cannot affect any element outside .rc-doc\n       ========================================== *\/\n\n    \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n    @keyframes rc-fadeInUp {\n      from { opacity: 0.7; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes rc-fadeInScale {\n      from { opacity: 0; transform: scale(0.95); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    @keyframes rc-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n    \n  @keyframes rc-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.12; }\n  50% { transform: scale(1.08); opacity: 0.20; }\n  }\n    \n    @keyframes rc-gradientShift {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    @keyframes rc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-12px) rotate(1deg); }\n    }\n    \n    @keyframes rc-scanline {\n      0% { transform: translateY(-100%); }\n      100% { transform: translateY(100%); }\n    }\n    \n  @keyframes rc-techPulse {\n  0%, 100% { opacity: 0.4; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.15); }\n  }\n    \n    @keyframes rc-slideInRight {\n      from { opacity: 0; transform: translateX(30px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    @keyframes rc-rotateGradient {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       MAIN DOCUMENT CONTAINER\n       No all:initial, no @scope, no contain.\n       Only .rc-* prefixed selectors used.\n       ======================================== *\/\n    \n    .rc-doc {\n      display: block;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      color: #1a1f2e;\n      line-height: 1.7;\n      background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      \n      --accent: #0A84FF;\n      --accent-light: #E8F2FF;\n      --accent-dark: #0066CC;\n      --accent-glow: rgba(14, 165, 233, 0.15);\n      --accent-sec: #0284c7;\n      --accent-sec-light: #e0f2fe;\n      --accent-sec-dark: #0369a1;\n      --accent-ter: #0369a1;\n      --accent-ter-light: #f0f9ff;\n      --accent-ter-dark: #075985;\n      --tech-black: #0f172a;\n      --tech-dark: #1e293b;\n      --tech-charcoal: #334155;\n      --tech-green: #10b981;\n      --tech-red: #f43f5e;\n      --tech-white: #f8fafc;\n      --success: #10b981;\n      --success-light: #d1fae5;\n      --warning: #f59e0b;\n      --warning-light: #fef3c7;\n      --robocraft-charcoal: #334155;\n      --robocraft-dark: #1e293b;\n      --robocraft-darker: #0f172a;\n      --robocraft-blue: #0ea5e9;\n      --robocraft-green: #10b981;\n      --glass-bg: rgba(14, 165, 233, 0.04);\n      --glass-border: rgba(14, 165, 233, 0.1);\n      --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n      --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n      --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n    }\n    \n    .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n    .rc-doc img {\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n    \n    \/* Accessibility: Focus states - scoped to .rc-doc *\/\n    .rc-doc a:focus, .rc-doc button:focus {\n      outline: 3px solid #0A84FF;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n    \n    .rc-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border-width: 0;\n    }\n    .rc-sr-only:focus {\n      position: static;\n      width: auto;\n      height: auto;\n      overflow: visible;\n      clip: auto;\n      white-space: normal;\n      background: var(--accent);\n      color: white;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-weight: bold;\n    }\n    \n    .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n    .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n    .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    \n    .rc-wrap { \n      max-width: 1200px; \n      margin: 0 auto; \n      padding: 38px 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Section spacing \u0026 visual separators *\/\n    .rc-wrap \u003e section,\n    .rc-wrap \u003e div[class*=\"rc-\"] {\n      scroll-margin-top: 80px;\n    }\n    \n    .rc-card {\n      scroll-margin-top: 80px;\n      animation: rc-fadeInUp 0.4s ease-out forwards;\n      \/* opacity: 1 is the safe default — section is always visible.\n         The animation provides a subtle slide-in effect but never hides content. *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n                  box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n                  border-color 0.4s ease;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-card::backdrop {\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n    }\n    \n    .rc-card:hover {\n      transform: translateY(-6px) scale(1.01);\n      box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n                  0 12px 28px rgba(0, 0, 0, 0.06),\n                  inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n    \/* Stagger animations for consecutive section cards *\/\n    .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n    .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n    .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n    .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n    .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n    .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n    .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n    \n    \/* Staggered animation delays for sections *\/\n    .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n    .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n    .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n    .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n    .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n    .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n    .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n    .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n    .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n    .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n    .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n    \n    \/* Attention-grabbing pulse for CTAs *\/\n    .rc-pulse {\n      animation: rc-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* Smooth focus transitions *\/\n    .rc-doc *:focus-visible {\n      transition: outline-offset 0.2s ease;\n    }\n    \n    \/* Reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    \/* Print styles - no animations *\/\n    @media print {\n      .rc-doc * {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n    \n    \/* ========================================\n       ROBOCRAFT PREMIUM HEADER\n       ======================================== *\/\n    \n    .rc-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      padding: 0;\n      border-radius: 16px 16px 0 0;\n      background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n      color: #fff;\n      border: none;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-topbar-inner {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 36px;\n      width: 100%;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Accent-colored ambient light on the left *\/\n    .rc-topbar::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 280px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n      opacity: 0.12;\n      pointer-events: none;\n      animation: rc-ambientShift 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes rc-ambientShift {\n      0% { opacity: 0.08; transform: translateX(0); }\n      100% { opacity: 0.14; transform: translateX(10px); }\n    }\n    \n    \/* Accent line at bottom *\/\n    .rc-topbar::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n      opacity: 0.8;\n    }\n    \n    .rc-category-nav {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      background: #f8fafc;\n      border-radius: 0 0 12px 12px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      border-bottom: 1px solid rgba(0,0,0,0.06);\n    }\n    \n    .rc-nav-link {\n      padding: 8px 16px;\n      position: relative;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 500;\n      color: #4a5568;\n      text-decoration: none;\n      border-radius: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-nav-link::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      width: 0;\n      height: 2px;\n      background: var(--accent, #2563eb);\n      transition: all 0.3s ease;\n      transform: translateX(-50%);\n    }\n    \n    .rc-nav-link:hover {\n      background: rgba(0, 0, 0, 0.04);\n      color: #1a202c;\n      transform: translateY(-1px);\n    }\n    \n    .rc-nav-link:hover::before {\n      width: 50%;\n    }\n    \n    .rc-nav-home {\n      font-weight: 700;\n      color: #1a202c;\n    }\n    \n    .rc-nav-home::before {\n      width: 40%;\n      background: var(--accent, #2563eb);\n    }\n    \n    @media (max-width: 640px) {\n      .rc-topbar-inner {\n        padding: 16px 20px;\n        gap: 12px;\n      }\n      .rc-logo-container {\n        width: 42px;\n        height: 42px;\n        border-radius: 11px;\n      }\n      .rc-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-topbar-divider {\n        margin: 0 14px;\n        height: 20px;\n      }\n      .rc-brandtext-name {\n        font-size: 14px;\n      }\n      .rc-brandtext .s {\n        font-size: 8px;\n        letter-spacing: 2px;\n      }\n      .rc-category-nav {\n        gap: 4px;\n        padding: 10px 12px;\n      }\n      .rc-nav-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n    }\n    \n    .rc-brand {\n      display: flex;\n      align-items: center;\n      gap: 0;\n      flex: 1;\n      min-width: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Logo container with accent ring *\/\n    .rc-logo-container {\n      position: relative;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(255,255,255,0.04);\n      border: 1.5px solid rgba(255,255,255,0.08);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      backdrop-filter: blur(4px);\n    }\n    \n    .rc-logo-container:hover {\n      border-color: rgba(255,255,255,0.2);\n      transform: scale(1.06);\n      box-shadow: 0 0 16px rgba(255,255,255,0.06);\n    }\n    \n    .rc-logo {\n      width: 36px;\n      height: 36px;\n      border-radius: 8px;\n      border: none;\n      background: transparent;\n      padding: 0;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Hi-tech glow behind logo *\/\n    .rc-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, var(--accent), transparent 70%);\n      opacity: 0.2;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    \n    \/* Vertical divider *\/\n    .rc-topbar-divider {\n      width: 1px;\n      height: 28px;\n      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n      flex-shrink: 0;\n      margin: 0 20px;\n    }\n    \n    .rc-brandtext { \n      display: flex; \n      flex-direction: column; \n      justify-content: center;\n      gap: 3px;\n    }\n    \n    .rc-brandtext-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    \n    .rc-brandtext .s { \n      font-size: 10px; \n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: rgba(255,255,255,0.4); \n      white-space: nowrap;\n      line-height: 1;\n    }\n    \n    .rc-sku-info { \n      text-align: right; \n      font-size: 12px; \n      color: rgba(255,255,255,0.6);\n      position: relative;\n      z-index: 1;\n    }\n    .rc-sku-info b { color: #fff; font-weight: 600; }\n    \n    \/* ========================================\n       HI-TECH HERO SECTION\n       ======================================== *\/\n    \n    .rc-hero {\n      background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n      border: none;\n      border-radius: 16px 16px 0 0;\n      padding: 34px 28px 28px 28px;\n      margin-bottom: 0;\n      position: relative;\n      overflow: hidden;\n      color: var(--tech-black);\n      border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n    }\n    \n    \/* Subtle grid overlay *\/\n    .rc-hero-grid {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n      background-size: 28px 28px;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n    }\n    \n    \/* Clean accent line at bottom *\/\n    .rc-hero-accent {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(28px, 4.2vw, 42px);\n      font-weight: 700;\n      margin: 8px auto 10px auto;\n      letter-spacing: -0.04em;\n      color: var(--tech-black);\n      position: relative;\n      z-index: 1;\n      line-height: 1.1;\n      text-align: center;\n      max-width: 900px;\n      text-wrap: balance;\n    }\n    .rc-hero-title .rc-title-main {\n      font-weight: 600;\n      color: #0f172a;\n      display: inline;\n    }\n    .rc-hero-title .rc-title-accent {\n      font-weight: 800;\n      color: var(--accent);\n      display: inline;\n      white-space: nowrap;\n    }\n    .rc-hero-title .rc-title-variant {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin: 12px auto 0 auto;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: rgba(10,132,255,0.08);\n      border: 1px solid rgba(10,132,255,0.14);\n      font-weight: 800;\n      color: var(--accent);\n      font-size: 0.44em;\n      line-height: 1;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Accent color underline for product name *\/\n    .rc-hero h1::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 20px auto 0 auto;\n      border-radius: 2px;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #475569;\n      margin: 18px auto 8px auto;\n      position: relative;\n      z-index: 1;\n      line-height: 1.75;\n      max-width: 760px;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      text-align: center;\n      text-wrap: pretty;\n    }\n    .rc-hero-subtitle p {\n      margin: 0 0 12px 0;\n    }\n    .rc-hero-subtitle p:last-child {\n      margin-bottom: 0;\n    }\n\n    .rc-hero-meta {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      margin: 0 auto 16px auto;\n      max-width: 780px;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n    }\n\n    .rc-hero-meta-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .rc-hero-meta-actions {\n      display: none;\n    }\n\n    .rc-hero-meta-chip {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      min-height: 62px;\n      padding: 12px 15px;\n      border-radius: 14px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,0.12);\n      color: #0f172a;\n      text-decoration: none;\n      box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n    }\n\n    .rc-hero-meta-link {\n      min-width: 0;\n      max-width: none;\n    }\n\n    .rc-hero-meta-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .rc-hero-meta-odd {\n      grid-column: 1 \/ -1;\n      width: min(100%, 360px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-secondary {\n      width: min(100%, 320px);\n      justify-self: center;\n    }\n\n    .rc-hero-meta-bar-wrap {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: -2px;\n    }\n\n    .rc-hero-meta-bar {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      width: auto;\n      min-height: 0;\n      padding: 2px 8px 0;\n      border-radius: 0;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      color: #94a3b8;\n      text-decoration: none;\n      opacity: 0.9;\n    }\n\n    .rc-hero-meta-bar::before {\n      content: '•';\n      color: rgba(10,132,255,0.55);\n      font-size: 11px;\n      line-height: 1;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker,\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-kicker {\n      color: #94a3b8;\n      font-size: 10px;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-hero-meta-bar .rc-hero-meta-value {\n      color: #64748b;\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .rc-hero-meta-link:hover {\n      border-color: rgba(10,132,255,0.25);\n      background: #f0f9ff;\n      text-decoration: none;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n    }\n\n    .rc-hero-meta-bar.rc-hero-meta-link:hover {\n      background: transparent;\n      box-shadow: none;\n      transform: none;\n      opacity: 1;\n    }\n\n    .rc-hero-meta-kicker {\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero {\n      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n      border-bottom-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-hero h1 {\n      max-width: 980px;\n      letter-spacing: -0.045em;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-chip {\n      min-height: 70px;\n      padding: 14px 16px;\n      border-radius: 12px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-kicker {\n      font-size: 10px;\n      letter-spacing: 1.1px;\n      color: #64748b;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0f172a;\n    }\n\n    .rc-doc-enterprise .rc-hero-meta-bar {\n      padding-top: 6px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklinks {\n      gap: 6px;\n      margin-bottom: 14px;\n    }\n\n    .rc-doc-enterprise .rc-hero-quicklink {\n      padding: 7px 10px;\n      font-size: 11px;\n      font-weight: 700;\n      background: #ffffff;\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-card {\n      border-radius: 12px;\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n    }\n\n    .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n      padding: 14px 18px;\n      background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n    }\n\n    .rc-doc-enterprise .rc-accordion-spec-row,\n    .rc-doc-enterprise .rc-spec-item {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n\n    .rc-doc-enterprise .rc-id-item {\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      border-color: rgba(15, 23, 42, 0.08);\n    }\n\n    @media (max-width: 820px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rc-hero-quicklinks {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 0 auto 18px auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .rc-hero-quicklink {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(148,163,184,0.22);\n      color: #334155;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .rc-hero-quicklink:hover {\n      border-color: rgba(10,132,255,0.28);\n      color: var(--accent-dark);\n      background: #f8fbff;\n      text-decoration: none;\n    }\n\n    .rc-safety-list {\n      margin: 14px 0 0 0;\n      padding-left: 18px;\n      color: #334155;\n    }\n    .rc-safety-list li {\n      margin: 0 0 10px 0;\n      line-height: 1.65;\n    }\n    \n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 24px auto 0 auto;\n      position: relative;\n      z-index: 1;\n      max-width: 840px;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      word-spacing: 2px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Shimmer sweep on hover *\/\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%; height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    \n    \/* Verified Highlights grid items *\/\n    .rc-highlight-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n    \n    \/* Brand Section *\/\n    .rc-brand-section {\n      margin-bottom: 18px;\n      padding: 0;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      box-shadow: none;\n      position: relative;\n      overflow: visible;\n    }\n    \n    \/* ========================================\n       PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-brand-header-box {\n      position: relative;\n      background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n      padding: 22px 36px;\n      border-radius: 16px 16px 0 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      border: none;\n    }\n    \n    .rc-brand-bg-pattern {\n      position: absolute;\n      top: -40%;\n      left: -5%;\n      width: 250px;\n      height: 200%;\n      background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n      opacity: 0.08;\n      pointer-events: none;\n    }\n    \n    .rc-brand-bg-glow {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: transparent;\n      opacity: 0;\n    }\n    .rc-hdr-inner {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 22px;\n    }\n    .rc-hdr-identity {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      flex-shrink: 0;\n    }\n    .rc-hdr-mfr {\n      flex-shrink: 0;\n    }\n    .rc-brand-left {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n    .rc-brand-logo-wrap {\n      position: relative;\n      padding: 0;\n      background: rgba(255,255,255,0.05);\n      border: 1.5px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: border-color 0.3s ease, transform 0.3s ease;\n      box-shadow: 0 0 12px #0A84FF22;\n    }\n    .rc-brand-logo-wrap::after {\n      display: none;\n    }\n    .rc-brand-logo-wrap:hover {\n      border-color: rgba(255,255,255,0.25);\n      transform: scale(1.05);\n    }\n    .rc-brand-logo-glow {\n      position: absolute;\n      inset: -8px;\n      border-radius: 20px;\n      background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n      opacity: 0.15;\n      pointer-events: none;\n      z-index: 0;\n      animation: rc-pulse 4s ease-in-out infinite;\n    }\n    .rc-brand-logo {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      object-fit: contain;\n      background: transparent;\n      padding: 0;\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n    .rc-brand-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 5px;\n    }\n    .rc-brand-name-row {\n      display: flex;\n      align-items: baseline;\n      gap: 0;\n      line-height: 1;\n    }\n    .rc-brand-name-text {\n      font-size: 17px;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-name-highlight {\n      font-size: 17px;\n      font-weight: 800;\n      color: #0A84FF;\n      letter-spacing: -0.3px;\n      line-height: 1;\n    }\n    .rc-brand-subtitle {\n      font-size: 9px;\n      color: rgba(255, 255, 255, 0.45);\n      font-weight: 600;\n      letter-spacing: 2.8px;\n      text-transform: uppercase;\n      line-height: 1;\n    }\n    .rc-brand-right {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .rc-brand-product-brand {\n      font-size: 13px;\n      font-weight: 600;\n      color: rgba(255, 255, 255, 0.7);\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.08);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .rc-brand-sku-box {\n      text-align: center;\n      padding: 10px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(4px);\n    }\n    .rc-brand-sku-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 4px;\n    }\n    .rc-brand-sku-value {\n      font-size: 15px;\n      font-weight: 700;\n      color: #f8fafc;\n      font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n      letter-spacing: 1px;\n      text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n    }\n    \/* Manufacturer \/ Brand Logo Effects *\/\n    .rc-brand-mfr-box {\n      position: relative;\n      background: linear-gradient(135deg, #242830, #2a2f3a);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 12px;\n      padding: 6px 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-box {\n      border-color: #0A84FF44;\n      box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n      transform: translateY(-1px);\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n      opacity: 1 !important;\n    }\n    .rc-brand-mfr-shimmer {\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n      pointer-events: none;\n      animation: rcMfrShimmer 4s ease-in-out infinite;\n    }\n    @keyframes rcMfrShimmer {\n      0%, 100% { left: -100%; }\n      50% { left: 100%; }\n    }\n    .rc-brand-mfr-img {\n      max-height: 36px;\n      max-width: 120px;\n      object-fit: contain;\n      display: block;\n      border: none;\n      border-radius: 4px;\n      position: relative;\n      z-index: 1;\n      transition: transform 0.3s ease;\n    }\n    .rc-hdr-mfr:hover .rc-brand-mfr-img {\n      transform: scale(1.04);\n    }\n\n    .rc-brand-accent-line {\n      display: block;\n      width: 100%;\n      height: 2px;\n      margin: 0 auto;\n      padding: 0;\n      border: none;\n      background: linear-gradient(90deg,\n        transparent 0%,\n        #1E40AF 15%,\n        #0A84FF 35%,\n        #0EA5E9 55%,\n        #0A84FF 75%,\n        #0369A1 90%,\n        transparent 100%);\n      background-size: 200% 100%;\n      animation: rcAccentFlow 4s ease-in-out infinite;\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n    @keyframes rcAccentFlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    .rc-brand-title {\n      font-size: 32px;\n      font-weight: 700;\n      margin: 0 0 24px 0;\n      color: #1f2937;\n      letter-spacing: 0;\n      line-height: 1.3;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n    }\n    \n    \/* Specification badges *\/\n    .rc-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: linear-gradient(135deg, #0A84FF, #0066CC);\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      white-space: nowrap;\n      box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Subtle shimmer on badges *\/\n    .rc-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      box-shadow: 0 0 10px rgba(255,255,255,0.7);\n      flex-shrink: 0;\n      animation: rc-techPulse 3s ease-in-out infinite;\n    }\n    .rc-badge::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n      transition: left 0.5s ease;\n    }\n    .rc-badge:hover::after { left: 120%; }\n    \n    .rc-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n    }\n    .rc-spec-badge {\n      display: inline-block;\n      padding: 10px 16px;\n      background: rgba(31, 57, 67, 0.08);\n      color: #1f3943;\n      border: 1px solid rgba(31, 57, 67, 0.2);\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      white-space: normal;\n      transition: all 0.2s ease;\n      max-width: 280px;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n    .rc-spec-badge b {\n      font-weight: 700;\n      margin-right: 4px;\n      display: inline;\n    }\n    .rc-spec-badge:hover {\n      background: rgba(31, 57, 67, 0.12);\n      border-color: rgba(31, 57, 67, 0.35);\n    }\n    \n    \/* Detailed Specifications Grid Card Layout *\/\n    .rc-detailed-specs-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 15px;\n    }\n    \n    \/* Accordion Container and Styles *\/\n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 15px;\n    }\n    \n\n    \/* ====================================================================\n       ACCORDION SPECIFICATIONS - Single unified definition\n       ==================================================================== *\/\n    \n    .rc-accordion-container {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-accordion-item {\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid var(--accent, #0A84FF);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #ffffff;\n      transition: all 0.25s ease;\n    }\n    \n    .rc-accordion-item:hover {\n      border-color: #cbd5e1;\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n      transform: translateY(-1px);\n    }\n    \n    .rc-accordion-item[open] {\n      border-left-color: var(--accent, #0A84FF);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n    }\n    \n    .rc-accordion-header {\n      width: 100%;\n      padding: 13px 16px;\n      background: #f8fafc;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e293b;\n      transition: background 0.2s ease;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      list-style: none;\n    }\n    .rc-accordion-header::-webkit-details-marker { display: none; }\n    .rc-accordion-header::marker { display: none; content: ''; }\n    \n    .rc-accordion-header:hover {\n      background: #f1f5f9;\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header {\n      background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n      color: var(--accent, #0A84FF);\n      border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .rc-accordion-title {\n      text-align: left;\n      font-size: 12px;\n      font-weight: 700;\n      flex: 1;\n      letter-spacing: 0.6px;\n    }\n    \n    .rc-accordion-icon {\n      font-size: 9px;\n      margin-left: 10px;\n      transition: transform 0.25s ease;\n      flex-shrink: 0;\n      color: #94a3b8;\n      width: 22px;\n      height: 22px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      background: rgba(0,0,0,0.04);\n    }\n    \n    .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n      transform: rotate(90deg);\n      color: var(--accent, #0A84FF);\n      background: rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-accordion-content {\n      background: #ffffff;\n    }\n    \n    .rc-accordion-body {\n      padding: 4px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: #ffffff;\n    }\n    \n    .rc-accordion-spec-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: flex-start;\n      padding: 11px 16px;\n      border-bottom: 1px solid #f1f5f9;\n      font-size: 13.5px;\n      transition: background 0.15s ease;\n    }\n    \n    .rc-accordion-spec-row:hover {\n      background: #fafbfe;\n    }\n    \n    .rc-accordion-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label-acc {\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      flex: 0 0 45%;\n      line-height: 1.4;\n    }\n    \n    .rc-spec-value-acc {\n      font-size: 13.5px;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: right;\n      flex: 1;\n      word-break: break-word;\n      line-height: 1.4;\n    }\n    \n    @media (max-width: 640px) {\n      .rc-accordion-spec-row {\n        flex-direction: column;\n        gap: 3px;\n        padding: 10px 14px;\n      }\n      .rc-spec-label-acc { flex: 0 0 auto; }\n      .rc-spec-value-acc { text-align: left; }\n    }\n    \n    \/* ========================================\n       PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n       ======================================== *\/\n    \n    .rc-card {\n      background: #ffffff;\n      border: 1px solid rgba(10, 132, 255, 0.08);\n      border-radius: 14px;\n      padding: 24px;\n      margin-bottom: 0;\n      box-shadow: \n        0 1px 3px rgba(10, 132, 255, 0.04),\n        0 6px 20px -4px rgba(11, 18, 32, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 80px;\n    }\n    \n    \/* Subtle tech scanline on hover *\/\n    .rc-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      pointer-events: none;\n      z-index: 1;\n    }\n    \n    \/* Blue accent border on left *\/\n    .rc-card::after {\n      content: '';\n      position: absolute;\n      top: 16px;\n      bottom: 16px;\n      left: 0;\n      width: 3px;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      border-radius: 0 3px 3px 0;\n      opacity: 0;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-card:hover::before {\n      left: 150%;\n    }\n    \n    .rc-card:hover::after {\n      opacity: 1;\n      top: 12px;\n      bottom: 12px;\n    }\n    \n    .rc-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n      box-shadow: \n        0 12px 28px -6px rgba(10, 132, 255, 0.08),\n        0 4px 10px -2px rgba(11, 18, 32, 0.06);\n      transform: translateY(-2px);\n    }\n    \n    \/* Premium accent cards *\/\n    .rc-card-accent {\n      border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-card.accent::after {\n      opacity: 1;\n      background: var(--accent);\n    }\n    \n    .rc-card.accent:hover {\n      box-shadow: \n        0 20px 40px -10px rgba(10, 132, 255, 0.12),\n        0 0 60px -20px var(--accent);\n    }\n    \n    \/* ========================================\n       PREMIUM SECTION TITLES - ELEVATED DESIGN\n       ======================================== *\/\n    \n    .rc-section-title {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      word-spacing: 4px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n      text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n    }\n    \n    .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 3px;\n      box-shadow: \n        0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n        0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n        0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    @keyframes rc-premiumPulse {\n      0%, 100% { \n        box-shadow: \n          0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n          0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n        transform: scale(1);\n      }\n      50% { \n        box-shadow: \n          0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n          0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n          0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n        transform: scale(1.1);\n      }\n    }\n    \n    .rc-section-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, \n        var(--accent) 0%, \n        color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n        transparent 100%);\n      animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    @keyframes rc-expandLine {\n      to { width: 100%; }\n    }\n    \n    .rc-subsection-title {\n      font-size: 14px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 22px 0 16px 0;\n      text-transform: uppercase;\n      letter-spacing: 1.8px;\n      position: relative;\n      padding-left: 18px;\n      display: inline-block;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 5px;\n      height: 5px;\n      background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n      border-radius: 1.5px;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n    }\n    .rc-subsection-title::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 4px;\n      background: var(--accent);\n      border-radius: 1px;\n    }\n    \n    .rc-note {\n      background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e5e7eb;\n      border-left: 3px solid #2563eb;\n      padding: 14px 18px;\n      border-radius: 10px;\n      font-size: 13px;\n      margin-bottom: 15px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      color: #4b5563;\n      position: relative;\n    }\n    .rc-note:hover {\n      border-left-color: var(--accent-dark);\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n      transform: translateX(3px);\n      border-color: #d1d5db;\n    }\n    .rc-note p {\n      margin: 0;\n      color: #4b5563;\n    }\n    \n    .rc-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-list li { \n      margin: 10px 0; \n      padding-left: 28px; \n      position: relative; \n      transition: all 0.2s ease; \n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    .rc-list li:hover { \n      padding-left: 32px; \n      color: var(--accent);\n    }\n    \n    .rc-list li:before {\n      content: \"▸\";\n      position: absolute;\n      left: 8px;\n      color: var(--accent);\n      font-weight: bold;\n      font-size: 14px;\n      transition: transform 0.2s ease;\n    }\n    \n    .rc-list li:hover:before {\n      transform: translateX(4px);\n    }\n    .rc-list { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n    .rc-list li:before { \n      content: \"\"; \n      position: absolute; \n      left: 4px; \n      top: 10px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--accent);\n      opacity: 0.6;\n      transition: all 0.25s ease;\n    }\n    .rc-list li:hover:before { \n      opacity: 1; \n      transform: scale(1.3);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n    }\n    \n    .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n    .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n    .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n    \n    .rc-feature-list { \n      list-style: none; \n      margin: 0; \n      padding-left: 0; \n    }\n    \n    .rc-feature-list li { \n      margin: 12px 0; \n      padding-left: 28px; \n      position: relative; \n      color: #4b5563; \n      font-size: 14px; \n      line-height: 1.7;\n      transition: all 0.2s ease;\n    }\n    \n    .rc-feature-list li:hover {\n      color: var(--accent);\n      padding-left: 32px;\n    }\n    \n    .rc-feature-list li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent);\n      font-weight: 700;\n      font-size: 16px;\n    }\n    .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n    \n    .rc-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 15px;\n      margin: 15px 0;\n      auto-rows: auto;\n    }\n    .rc-metric {\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      border-radius: 12px;\n      padding: 16px 18px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n      box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      gap: 3px;\n      position: relative;\n      overflow: hidden;\n    }\n    .rc-metric:hover {\n      border-color: rgba(31, 57, 67, 0.16);\n      box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n      transform: translateY(-3px);\n    }\n    .rc-metric .k { \n      font-size: 10px; \n      color: #999; \n      text-transform: uppercase; \n      letter-spacing: 0.5px; \n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .v { \n      font-size: 15px; \n      font-weight: 750; \n      color: var(--accent);\n      margin: 0;\n      line-height: 1.2;\n    }\n    .rc-metric .s { \n      font-size: 10px; \n      color: #999; \n      margin: 0;\n      margin-top: 2px;\n    }\n    \n    .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n    .rc-info-card {\n      border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n      border-left: 3px solid var(--accent-dark);\n      border-radius: 8px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-info-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n      transform: translateX(4px);\n    }\n    .rc-info-card h3 {\n      font-size: 14px;\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      color: var(--accent-dark);\n    }\n    .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n    \n    .rc-spec-section {\n      background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n      border: 1px solid rgba(31,57,67,0.08);\n      border-radius: 8px;\n      padding: 16px;\n      margin: 10px 0;\n      transition: border-color 0.2s ease;\n    }\n    .rc-spec-section:hover {\n      border-color: rgba(31,57,67,0.15);\n    }\n    .rc-spec-section .label {\n      font-size: 11px;\n      color: #999;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 5px;\n    }\n    .rc-spec-section .value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n    \n    table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid rgba(31, 57, 67, 0.10);\n      border-radius: 10px;\n      margin: 15px 0;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      overflow: hidden;\n    }\n    th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n    th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n    tr:last-child td { border-bottom: none; }\n    tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n    \n    .rc-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 15px;\n    }\n    .rc-footer-links a {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 10px 16px;\n      border: 1px solid rgba(31, 57, 67, 0.12);\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ffffff, #fafbfc);\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 500;\n      color: #1f3943;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n    }\n    .rc-footer-links a:hover {\n      border-color: rgba(31, 57, 67, 0.25);\n      background: linear-gradient(135deg, #ffffff, #f1f5f9);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n      transform: translateY(-2px);\n      color: var(--accent-dark, #1f3943);\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 14px;\n      margin-top: 15px;\n    }\n    .rc-image-gallery img {\n      border-radius: 8px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .rc-image-gallery img:hover {\n      transform: scale(1.02);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    }\n    \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n    .rc-featured-image-card {\n      margin: 28px 0;\n      padding: 0;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-featured-image-card:hover {\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n      transform: translateY(-4px);\n    }\n\n    .rc-featured-image-wrapper {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #f5f5f5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .rc-featured-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 20px;\n      background: white;\n      transition: transform 0.4s ease;\n    }\n\n    .rc-featured-image-card:hover .rc-featured-image {\n      transform: scale(1.03);\n    }\n\n    \/* Position-specific styling for visual variety *\/\n    .rc-featured-primary {\n      margin-top: 32px;\n      margin-bottom: 32px;\n    }\n\n    .rc-featured-secondary {\n      margin-top: 24px;\n      margin-bottom: 24px;\n    }\n\n    .rc-featured-tertiary {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .rc-featured-image-card {\n        margin: 20px 0;\n        border-radius: 4px;\n      }\n\n      .rc-featured-image-wrapper {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .rc-featured-image {\n        padding: 12px;\n      }\n    }\n    \n    .rc-image-gallery {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin: 20px 0;\n    }\n    \n    .rc-image-item {\n      overflow: hidden;\n      border-radius: 12px;\n      background: #f5f5f5;\n      border: 1px solid rgba(31, 57, 67, 0.08);\n      box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-image-item:hover {\n      border-color: rgba(31, 57, 67, 0.18);\n      box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-product-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      aspect-ratio: 1;\n      \/* Performance: enable hardware acceleration *\/\n      will-change: transform;\n      transform: translateZ(0) scale(1);\n      \/* Smooth fade-in for lazy loaded images *\/\n      opacity: 1;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n    }\n    \n    .rc-image-wrapper {\n      overflow: hidden;\n      border-radius: 12px;\n      position: relative;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    \n    .rc-image-wrapper:hover {\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-image-wrapper:hover .rc-product-image {\n      transform: translateZ(0) scale(1.08);\n    }\n    \n    \/* Loading state for lazy images *\/\n    .rc-product-image[loading=\"lazy\"] {\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n    }\n    \n    @keyframes loading {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .rc-included-icon { color: #2e7d32; font-weight: bold; }\n    .rc-not-included-icon { color: #64748B; font-weight: bold; }\n    \n    \/* Strategic Single Image Display *\/\n    .rc-strategic-image {\n      width: 100%;\n      max-width: 900px;\n      margin: 24px auto;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n      background: #f8f9fa;\n    }\n    \n    .rc-strategic-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n      max-height: 600px;\n    }\n    \n    .rc-strategic-image-hero {\n      margin-top: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .rc-strategic-image-feature {\n      margin: 32px auto;\n    }\n    \n    .rc-strategic-image-detail {\n      margin: 24px auto;\n    }\n    \n    .rc-strategic-image-audience {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-capability {\n      margin: 28px auto;\n    }\n    \n    .rc-strategic-image-application {\n      margin: 28px auto;\n    }\n\n    .rc-strategic-image-spec {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-compatibility {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n\n    .rc-strategic-image-faq {\n      margin: 20px auto;\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n    }\n    \n    \/* Images inside collapse body should not have outer card shadow *\/\n    .rc-collapse-body .rc-strategic-image {\n      box-shadow: none;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .rc-image-caption {\n      padding: 10px 14px;\n      font-size: 12px;\n      line-height: 1.5;\n      color: #6b7280;\n      text-align: center;\n      background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n      border-top: 1px solid #e5e7eb;\n      border-radius: 0 0 12px 12px;\n      font-style: italic;\n    }\n    \n    .rc-disclaimer {\n      font-size: 12px;\n      color: #999;\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 1px solid #e0e0e0;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-wrap { padding: 16px 12px; }\n      .rc-doc { font-size: 15px; }\n      \n      .rc-topbar { \n        flex-direction: column; \n        align-items: flex-start; \n        gap: 15px;\n        padding: 15px;\n      }\n      .rc-sku-info { text-align: left; }\n      \n      .rc-hero {\n        padding: 18px 16px 16px 16px;\n        margin-bottom: 10px;\n      }\n      .rc-hero h1 {\n        font-size: 24px;\n        margin-bottom: 8px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.5em;\n        margin-top: 10px;\n        padding: 5px 12px;\n      }\n      .rc-hero-subtitle {\n        font-size: 13px;\n        margin: 12px 0;\n      }\n\n      .rc-hero-meta {\n        gap: 8px;\n        margin-bottom: 14px;\n        max-width: none;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n      .rc-hero-meta-odd {\n        width: min(100%, 280px);\n      }\n      .rc-hero-meta-chip {\n        min-width: 0;\n        min-height: 56px;\n        padding: 10px 12px;\n      }\n      .rc-hero-meta-kicker {\n        font-size: 9px;\n      }\n      .rc-hero-meta-value {\n        font-size: 12px;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n        min-height: 0;\n        padding: 2px 8px 0;\n      }\n      .rc-hero-quicklinks {\n        gap: 6px;\n        margin-bottom: 14px;\n      }\n      .rc-hero-quicklink {\n        padding: 7px 10px;\n        font-size: 11px;\n      }\n      \n      .rc-badges {\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 6px;\n      }\n      .rc-badge {\n        width: auto;\n        text-align: center;\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n      \n      .rc-card {\n        padding: 14px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-section-title {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 12px;\n        margin: 12px 0 8px 0;\n      }\n      \n      .rc-note {\n        padding: 10px 12px;\n        font-size: 12px;\n        margin-bottom: 12px;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin: 12px 0;\n      }\n      .rc-metric {\n        padding: 12px;\n      }\n      .rc-metric .k { font-size: 10px; }\n      .rc-metric .v { font-size: 14px; }\n      .rc-metric .s { font-size: 10px; }\n      \n      .rc-2col { \n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .rc-info-card {\n        padding: 12px;\n      }\n      .rc-info-card h3 {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n      .rc-info-card p { \n        font-size: 12px;\n        margin-bottom: 8px;\n      }\n      \n      .rc-spec-section {\n        padding: 12px;\n        margin: 8px 0;\n      }\n      .rc-spec-section .label {\n        font-size: 10px;\n      }\n      .rc-spec-section .value {\n        font-size: 13px;\n      }\n      \n      table {\n        font-size: 12px;\n        margin: 12px 0;\n      }\n      th, td { \n        padding: 10px; \n        font-size: 12px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 10px;\n        margin-top: 12px;\n      }\n      \n      .rc-footer-links {\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .rc-footer-links a {\n        width: 100%;\n        text-align: center;\n        padding: 12px;\n        font-size: 12px;\n      }\n      \n      .rc-list li { \n        margin: 6px 0; \n        padding-left: 20px;\n      }\n      .rc-list li:hover {\n        padding-left: 20px;\n      }\n    }\n    \n    @media (max-width: 600px) {\n      .rc-hdr-inner {\n        flex-wrap: wrap;\n        justify-content: center !important;\n        padding: 12px 14px !important;\n        gap: 10px;\n      }\n      .rc-hdr-identity {\n        width: 100%;\n        justify-content: center;\n      }\n      .rc-brand-right {\n        width: 100%;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      .rc-hdr-mfr {\n        margin-top: 0;\n      }\n      .rc-brand-mfr-img {\n        max-height: 26px !important;\n        max-width: 84px !important;\n      }\n      .rc-brand-mfr-box {\n        padding: 5px 9px !important;\n      }\n    }\n    @media (max-width: 520px) {\n      .rc-hdr-inner {\n        padding: 10px 12px !important;\n        gap: 8px;\n      }\n      .rc-hdr-identity {\n        justify-content: flex-start;\n        gap: 12px;\n      }\n      .rc-brand-logo-wrap {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n      .rc-brand-logo {\n        width: 28px;\n        height: 28px;\n      }\n      .rc-brand-name-text,\n      .rc-brand-name-highlight {\n        font-size: 15px;\n      }\n      .rc-brand-subtitle {\n        font-size: 7px;\n        letter-spacing: 2px;\n      }\n      .rc-brand-right {\n        justify-content: center;\n        gap: 8px;\n      }\n    }\n    @media (max-width: 480px) {\n      .rc-wrap { padding: 12px; }\n      \n      .rc-topbar {\n        padding: 12px;\n        gap: 12px;\n      }\n      \n      .rc-hero {\n        padding: 14px;\n      }\n      .rc-hero h1 {\n        font-size: 19px;\n        margin-bottom: 6px;\n        color: #0f172a;\n      }\n      .rc-hero-title .rc-title-variant {\n        font-size: 0.54em;\n        margin-top: 8px;\n        padding: 5px 10px;\n      }\n      .rc-hero-subtitle {\n        font-size: 12px;\n        margin: 10px 0;\n      }\n      .rc-hero-meta-grid {\n        grid-template-columns: 1fr;\n      }\n      .rc-hero-meta-odd {\n        width: 100%;\n      }\n      .rc-hero-meta-link {\n        min-width: 0;\n        max-width: none;\n      }\n      .rc-hero-meta-bar {\n        width: auto;\n      }\n      \n      .rc-card {\n        padding: 12px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-section-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n      \n      .rc-subsection-title {\n        font-size: 11px;\n        margin: 10px 0 6px 0;\n      }\n      \n      .rc-metrics { \n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-image-gallery {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n      \n      .rc-badge {\n        padding: 6px 10px;\n        font-size: 10px;\n      }\n    }\n    \n    \/* ====================================================================\n       SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n       ================================================================= *\/\n    \n    \/* VALUE PROPOSITION SECTION *\/\n    .rc-value-headline {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 24px;\n      line-height: 1.45;\n      max-width: 90%;\n    }\n    \n    .rc-value-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    \n    .rc-value-point {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 14px 12px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #374151;\n    }\n    \n    .rc-value-point:hover {\n      background: rgba(46, 125, 50, 0.04);\n    }\n    \n    .rc-value-icon {\n      color: #2e7d32;\n      font-weight: 700;\n      font-size: 16px;\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n    \n    \/* REAL-WORLD SCENARIOS SECTION *\/\n    .rc-scenarios-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-scenario-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-scenario-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-scenario-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-scenario-description {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* COMPETITOR ALTERNATIVES SECTION *\/\n    .rc-alternatives-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-top: 15px;\n    }\n    \n    .rc-alternative-card {\n      border: 2px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 16px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      transition: all 0.3s ease;\n    }\n    \n    .rc-alternative-card:hover {\n      border-color: var(--accent-dark);\n      box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n      transform: translateY(-4px);\n      background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n    }\n    \n    .rc-alternative-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1f2e;\n      margin: 0 0 10px 0;\n    }\n    \n    .rc-alternative-advantage {\n      font-size: 13px;\n      color: #4b5563;\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* ========================================\n       PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-trust-signals {\n      background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n      color: white;\n      border: none;\n      border-radius: 0;\n      margin-top: 0;\n      padding: 40px 32px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-trust-signals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        transparent,\n        transparent;\n      pointer-events: none;\n    }\n    \n    .rc-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-trust-item {\n      padding: 24px 20px;\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 4px;\n      background: rgba(255,255,255,0.05);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 12px;\n    }\n    \n    .rc-trust-item::before {\n      content: '';\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n    \n    .rc-trust-item:hover {\n      border-color: var(--robocraft-green);\n      background: rgba(34, 197, 94, 0.15);\n      box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n      transform: translateY(-4px);\n    }\n    \n    .rc-trust-item:hover .rc-trust-type,\n    .rc-trust-item:hover .rc-trust-description {\n      color: white;\n    }\n    \n    .rc-trust-type {\n      font-size: 13px;\n      font-weight: 800;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin: 0;\n    }\n    \n    .rc-trust-description {\n      font-size: 13px;\n      color: rgba(255,255,255,0.85);\n      margin: 0;\n      line-height: 1.5;\n    }\n    \n    \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n    \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n    \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n    \n    \/* ====================================================================\n       FAQs (Factual Q\u0026A - kept)\n       ==================================================================== *\/\n    \n    .rc-faqs {\n      background: #f8fafc;\n    }\n    \n    .rc-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-faq-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid transparent;\n      overflow: hidden;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-faq-item:hover {\n      border-color: #e2e8f0;\n      border-left-color: rgba(14, 165, 233, 0.4);\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-faq-item[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      border-left-color: var(--accent);\n      box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n    }\n    \n    .rc-faq-question {\n      padding: 18px 22px;\n      font-weight: 600;\n      font-size: 15px;\n      color: #1e293b;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.2s ease;\n      background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n    }\n    \n    .rc-faq-question:hover {\n      background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n    }\n    \n    .rc-faq-question::after {\n      content: '+';\n      font-size: 22px;\n      color: #94a3b8;\n      font-weight: 300;\n      transition: all 0.25s ease;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    \n    .rc-faq-item:hover .rc-faq-question::after {\n      color: var(--accent);\n    }\n    \n    .rc-faq-item[open] .rc-faq-question::after {\n      content: '-';\n      color: var(--accent);\n    }\n    \n    .rc-faq-answer {\n      padding: 0 22px 20px;\n      color: #475569;\n      line-height: 1.75;\n      font-size: 14px;\n      animation: rc-fadeInUp 0.25s ease-out;\n      border-top: 1px solid #f1f5f9;\n      margin-top: -2px;\n      padding-top: 16px;\n    }\n    \n\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: URGENCY DRIVERS\n       ==================================================================== *\/\n    \n    .rc-urgency-section {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border-left: 4px solid #3b82f6;\n    }\n    \n    .rc-urgency-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n    \n    .rc-urgency-item {\n      background: white;\n      padding: 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n      border-top: 3px solid #3b82f6;\n    }\n    \n    .rc-urgency-reason {\n      font-weight: 700;\n      color: var(--accent);\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-urgency-benefit {\n      color: #4b5563;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: MAINTENANCE\n       ==================================================================== *\/\n    \n    .rc-maintenance {\n      padding: 20px;\n      background: linear-gradient(135deg, #fafbfd, #f8fafc);\n    }\n    \n    .rc-maintenance-frequency {\n      font-size: 14px;\n      color: #4b5563;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    \n    .rc-maintenance-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 14px 16px;\n      border-radius: 6px;\n      border-left: 3px solid var(--accent);\n      font-size: 13px;\n      line-height: 1.6;\n      color: #4b5563;\n      transition: all 0.2s ease;\n      box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n    }\n    \n    .rc-maintenance-req:hover {\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n      transform: translateY(-2px);\n    }\n    \n    .rc-maintenance-frequency {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n      font-size: 15px;\n      color: #374151;\n    }\n    \n    .rc-maintenance-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 10px;\n    }\n    \n    .rc-maintenance-req {\n      background: white;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      color: #4b5563;\n      border-left: 3px solid #6b7280;\n    }\n    \n    \/* ====================================================================\n       CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n       ==================================================================== *\/\n    \n    .rc-youtube-suggestions {\n      background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n      border-left: 4px solid #2563eb;\n    }\n    \n    .rc-yt-intro {\n      color: #1e3a8a;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n    \n    .rc-yt-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-yt-suggestion {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 4px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    }\n    \n    .rc-yt-suggestion:hover {\n      transform: translateX(4px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n    }\n    \n    .rc-yt-play-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--accent);\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n    \n    .rc-yt-content {\n      flex: 1;\n    }\n    \n    .rc-yt-title {\n      font-weight: 600;\n      color: #1f2937;\n      font-size: 15px;\n      margin-bottom: 4px;\n    }\n    \n    .rc-yt-channel {\n      font-size: 13px;\n      color: #6b7280;\n    }\n    \n    .rc-yt-arrow {\n      color: var(--accent);\n      font-size: 20px;\n      font-weight: bold;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n       ==================================================================== *\/\n    \n    .rc-specs-tabbed {\n      margin-top: 40px;\n    }\n    \n    .rc-tabs {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-tab-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #e0e0e0;\n      margin-bottom: 0;\n      background: #fafafa;\n      padding: 12px 15px;\n      border-radius: 12px 12px 0 0;\n    }\n    \n    .rc-tab-btn {\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: #666;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px 6px 0 0;\n      transition: all 0.3s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -12px;\n    }\n    \n    .rc-tab-btn:hover {\n      background: rgba(0, 0, 0, 0.05);\n      color: var(--accent-dark);\n    }\n    \n    .rc-tab-btn.active {\n      background: white;\n      color: var(--accent-dark);\n      border-bottom-color: var(--accent);\n    }\n    \n    .rc-tab-content {\n      background: white;\n      padding: 20px;\n      border-radius: 0 0 12px 12px;\n      border: 1px solid #e0e0e0;\n      border-top: none;\n    }\n    \n    .rc-tab-pane {\n      display: none;\n    }\n    \n    .rc-tab-pane.active {\n      display: block;\n    }\n    \n    .rc-spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 14px;\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 6px;\n      margin: 0 -8px;\n      position: relative;\n    }\n    \n    .rc-spec-row:hover {\n      background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n      border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n      transform: translateX(2px);\n    }\n    \n    .rc-spec-row:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-size: 13px;\n      color: #666;\n      font-weight: 500;\n      flex: 1;\n    }\n    \n    .rc-spec-value {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent-dark);\n      text-align: right;\n      margin-left: 20px;\n    }\n    \n    \/* ====================================================================\n       ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n       ==================================================================== *\/\n    \n    .rc-certifications {\n      background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n      border: 1.5px solid #2563eb;\n      margin-top: 40px;\n    }\n    \n    .rc-cert-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 16px;\n      background: linear-gradient(145deg, #ffffff, #fafbfc);\n      border: 1.5px solid;\n      border-radius: 10px;\n      text-align: center;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .rc-cert-badge:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n    }\n    \n    .rc-cert-icon {\n      font-size: 28px;\n      font-weight: bold;\n      line-height: 1;\n    }\n    \n    .rc-cert-label {\n      font-size: 12px;\n      font-weight: 700;\n      color: #333;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-cert-disclaimer {\n      font-size: 12px;\n      color: #666;\n      font-style: italic;\n      text-align: center;\n      margin-top: 15px;\n      padding-top: 15px;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n    }\n    \n    \/* Mobile optimization for TOC and features *\/\n    @media (max-width: 1024px) {\n      .rc-wrap {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      .rc-toc-container {\n        width: 100%;\n        position: static;\n        margin-bottom: 20px;\n      }\n      \n      .rc-main-content {\n        width: 100%;\n      }\n      \n      .rc-toc-container {\n        float: none;\n        max-width: 100%;\n        margin-right: 0;\n        margin-bottom: 20px;\n        position: static;\n      }\n      \n      .rc-spec-row {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .rc-spec-value {\n        text-align: left;\n        margin-left: 0;\n        margin-top: 6px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .rc-toc {\n        padding: 15px;\n      }\n      \n      .rc-toc-link {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n      \n      .rc-cert-grid {\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-cert-badge {\n        padding: 12px;\n      }\n      \n      .rc-cert-icon {\n        font-size: 24px;\n      }\n      \n      .rc-cert-label {\n        font-size: 11px;\n      }\n    }\n    \n    \/* QUICK FACTS SECTION *\/\n    .rc-quick-facts {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n    }\n    \n    .rc-facts-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-quick-fact {\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 16px 14px;\n      text-align: center;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-quick-fact::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: var(--accent, #2563eb);\n    }\n    \n    .rc-quick-fact:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n      transform: translateY(-2px);\n    }\n    \n    .rc-fact-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: #666;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 8px;\n    }\n    \n    .rc-fact-value {\n      font-size: 16px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    \/* CAPABILITIES SHOWCASE SECTION *\/\n    .rc-capabilities {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 16px;\n    }\n    \n    .rc-capability-card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n      border: 1px solid rgba(10, 132, 255, 0.1);\n      border-radius: 4px;\n      padding: 20px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n      transition: all 0.6s ease;\n    }\n    \n    .rc-capability-card:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n    }\n    \n    .rc-capability-card:hover::before {\n      top: -50%;\n      right: -10%;\n    }\n    \n    .rc-capability-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n    }\n    \n    .rc-capability-desc {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* COMPARISON CARDS SECTION *\/\n    .rc-comparison-section {\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .rc-comparison-card {\n      background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n      border-left: 5px solid var(--accent, #2563eb);\n      padding: 24px !important;\n      position: relative;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    \n    .rc-comparison-card:hover {\n      box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n      transform: translateY(-4px);\n    }\n    \n    .rc-comparison-icon {\n      font-size: 28px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      margin-bottom: 12px;\n      display: inline-block;\n    }\n    \n    .rc-comparison-title {\n      font-size: 16px;\n      font-weight: 800;\n      color: #1a1f2e;\n      margin: 8px 0 4px 0;\n    }\n    \n    .rc-comparison-subtitle {\n      font-size: 12px;\n      color: #999;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin: 0 0 14px 0;\n    }\n    \n    .rc-comparison-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-comparison-list li {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.5;\n      padding-left: 0;\n      margin: 0;\n    }\n    \n    .rc-comparison-list li::before {\n      content: '▸';\n      color: var(--accent, #2563eb);\n      margin-right: 8px;\n      font-weight: bold;\n    }\n    \n    \/* SYSTEM REQUIREMENTS SECTION *\/\n    .rc-system-requirements {\n      background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n    }\n    \n    .rc-requirements-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-top: 16px;\n    }\n    \n    .rc-requirement-item {\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      padding: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    .rc-requirement-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n    }\n    \n    .rc-requirement-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 6px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-requirement-item p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n      line-height: 1.4;\n    }\n    \n    \/* CERTIFICATIONS SECTION *\/\n    .rc-certifications {\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n    }\n    \n    .rc-certifications-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 14px;\n      margin-top: 16px;\n    }\n    \n    .rc-certification-badge {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      background: white;\n      border: 1.5px solid var(--accent-light, #dbeafe);\n      border-radius: 4px;\n      padding: 14px 12px;\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      text-align: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n    \n    .rc-certification-badge:hover {\n      border-color: var(--accent, #2563eb);\n      background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n      box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n      transform: translateY(-2px);\n    }\n    \n    .rc-cert-icon {\n      font-size: 18px;\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n    }\n    \n    .rc-cert-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n    }\n    \n    \/* ========================================\n       PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n       ======================================== *\/\n    \n    .rc-footer {\n      background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n      color: #4b5563;\n      padding: 50px 0 40px 0;\n      margin-top: 50px;\n      border-top: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n      border-radius: 0 0 16px 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Clean footer - no grid pattern *\/\n    \n    .rc-footer-content {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 40px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    .rc-footer-section {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .rc-footer-about {\n      max-width: 760px;\n      width: 100%;\n      align-items: center;\n      text-align: center;\n      margin: 0 auto;\n    }\n    \n    .rc-footer-title {\n      font-size: 13px;\n      font-weight: 800;\n      color: var(--accent, #2563eb);\n      margin: 0;\n      text-transform: uppercase;\n      word-spacing: 4px;\n      letter-spacing: 2.2px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      position: relative;\n      padding-bottom: 14px;\n    }\n    \n    .rc-footer-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n      animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n      border-radius: 2px;\n    }\n    \n    .rc-footer-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n      border-radius: 2px;\n      box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n      animation: rc-premiumPulse 3s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    \n    .rc-footer-text {\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.7;\n      margin: 0;\n    }\n    \n    .rc-footer-links {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    \n    .rc-footer-links li {\n      margin: 0;\n      padding: 0;\n    }\n    \n.rc-footer-links a {\n      font-size: 13px;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 14px;\n      background: #f9fafb;\n      border-radius: 8px;\n      border: 1px solid #e5e7eb;\n    }\n  \n  .rc-footer-links a::before {\n  content: '�����������������������';\n  font-weight: bold;\n  color: var(--accent, #2563eb);\n  opacity: 0;\n  transition: all 0.3s ease;\n  }\n  \n.rc-footer-links a:hover {\n      color: var(--accent);\n      background: #f3f4f6;\n      border-color: var(--accent);\n    }\n    \n    .rc-footer-links a:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-footer-divider {\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n      margin: 0 20px;\n    }\n    \n    .rc-footer-bottom {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 16px 20px 0;\n      text-align: center;\n      border-top: 1px solid #e5e7eb;\n    }\n    \n    .rc-footer-disclaimer {\n      font-size: 11px;\n      color: #9ca3af;\n      margin: 0 0 8px 0;\n      font-style: italic;\n    }\n    \n    .rc-footer-credit {\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--accent);\n      margin: 0;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      opacity: 0.6;\n      transition: opacity 0.2s ease;\n    }\n    \n    .rc-footer-credit:hover {\n      opacity: 1;\n    }\n    \n    .rc-footer-links-inline {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      align-items: center;\n      justify-content: center;\n      margin-top: 14px;\n    }\n    \n    .rc-footer-links-inline a {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      position: relative;\n      padding: 8px 14px;\n      background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n      border: 1px solid rgba(226,232,240,0.6);\n      border-radius: 8px;\n      font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n    }\n    \n    .rc-footer-links-inline a::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n      border-radius: 2px;\n      transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .rc-footer-links-inline a:hover {\n      color: var(--accent);\n      background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n      border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n      transform: translateY(-1px);\n    }\n    \n    .rc-footer-links-inline a:hover::after {\n      width: 100%;\n    }\n    \n    .rc-footer-sep {\n      color: #d1d5db;\n      font-size: 10px;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-footer-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .rc-footer {\n        padding: 30px 0 20px 0;\n      }\n      \n      .rc-footer-links-inline {\n        justify-content: center;\n      }\n    }\n    \n    \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n    \n    \/* Section spacing and consistency *\/\n    .rc-card {\n      margin-bottom: 0;\n      scroll-margin-top: 100px;\n    }\n    \n    \/* 1. HERO SECTION *\/\n    .rc-hero {\n      background: #ffffff;\n      border: 1px solid #e8f2ff;\n      padding: 40px 32px !important;\n    }\n    \n    .rc-hero h1 {\n      font-size: clamp(30px, 4vw, 42px);\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 14px 0;\n      line-height: 1.12;\n    }\n    \n    .rc-hero-subtitle {\n      font-size: 16px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 24px 0;\n      max-width: 700px;\n    }\n    \n    \/* Premium Quick Metrics - Hi-Tech Cards *\/\n    .rc-quick-metrics {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 20px;\n      margin-top: 28px;\n    }\n    \n    .rc-metric-item {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 4px;\n      padding: 20px 16px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    \n    .rc-metric-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--accent), transparent);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-metric-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n      border-color: var(--accent);\n    }\n    \n    .rc-metric-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-metric-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      color: #888;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n    \n    .rc-metric-value {\n      display: block;\n      font-size: 22px;\n      font-weight: 800;\n      color: var(--accent);\n      text-shadow: none;\n    }\n    \n    \/* 3. PREMIUM BENEFITS SECTION *\/\n    .rc-benefits-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-top: 24px;\n    }\n    \n    .rc-benefit-item {\n      display: flex;\n      gap: 18px;\n      padding: 24px;\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n      border: 1px solid rgba(0,0,0,0.05);\n      border-radius: 12px;\n      align-items: flex-start;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n    \n    .rc-benefit-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .rc-benefit-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-benefit-item:hover {\n      transform: translateY(-4px);\n      border-color: var(--accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    }\n    \n    .rc-benefit-icon {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      flex-shrink: 0;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n    }\n    \n    .rc-benefit-item:hover .rc-benefit-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n    }\n    \/* Benefits inherit section color *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n      background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n    }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n    .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n      background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n    }\n    \n    .rc-benefit-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 6px 0;\n    }\n    \n    .rc-benefit-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 4. FEATURES SECTION *\/\n    .rc-features-list {\n      list-style: none;\n      padding: 0;\n      margin: 18px 0 0 0;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .rc-features-list li {\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 6px;\n      font-size: 13px;\n      color: #555;\n      position: relative;\n      padding-left: 32px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: default;\n    }\n    \n    .rc-features-list li:hover {\n      background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n      border-color: var(--accent-light, #dbeafe);\n      transform: translateX(6px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    }\n    \n    .rc-features-list li::before {\n      content: '▸';\n      position: absolute;\n      left: 12px;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n      font-size: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .rc-features-list li:hover::before {\n      transform: translateX(4px);\n    }\n    \n    \/* 5. CAPABILITIES SECTION *\/\n    .rc-capabilities-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 18px;\n      margin-top: 18px;\n    }\n    \n    .rc-capability {\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 18px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .rc-capability::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n      transition: width 0.4s ease;\n    }\n    \n    .rc-capability:hover {\n      transform: translateY(-6px) scale(1.02);\n      box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n      border-color: var(--accent-light, #dbeafe);\n    }\n    \n    .rc-capability:hover::after {\n      width: 100%;\n    }\n    \n    .rc-capability h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      transition: color 0.3s ease;\n    }\n    \n    .rc-capability p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.5;\n      margin: 0;\n    }\n    \n    \/* 7. INCLUSIONS SECTION *\/\n    .rc-inclusions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin-top: 18px;\n    }\n    \n    .rc-included, .rc-not-included {\n      padding: 22px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n    .rc-included:hover, .rc-not-included:hover {\n      box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n      transform: translateY(-2px);\n    }\n    \n    .rc-included {\n      border-left: 4px solid var(--accent, #2563eb);\n    }\n    \n    .rc-not-included {\n      border-left: 4px solid #999;\n    }\n    \n    .rc-included h3, .rc-not-included h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 12px 0;\n    }\n    \n    .rc-included ul, .rc-not-included ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-included li, .rc-not-included li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-included li::before {\n      content: '✓';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-not-included li::before {\n      content: '○';\n      position: absolute;\n      left: 0;\n      color: #999;\n    }\n    \n    \/* 8. DETAILED SPECS SECTION *\/\n    .rc-specs-container {\n      margin-top: 18px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .rc-spec-category {\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      padding: 16px;\n    }\n    \n    .rc-spec-category-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--accent, #2563eb);\n      margin: 0 0 14px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n    \n    .rc-spec-items {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    \n    .rc-spec-item {\n      display: grid;\n      grid-template-columns: minmax(200px, 35%) 1fr;\n      gap: 24px;\n      padding: 16px 20px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 14px;\n      align-items: center;\n      transition: all 0.2s ease;\n      border-radius: 8px;\n      margin: 2px 0;\n    }\n    \n    .rc-spec-item:hover {\n      background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n      border-bottom-color: transparent;\n    }\n    \n    .rc-spec-item:last-child {\n      border-bottom: none;\n    }\n    \n    .rc-spec-label {\n      font-weight: 700;\n      color: #1a1f2e;\n      word-break: break-word;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .rc-spec-value {\n      color: #374151;\n      word-break: break-word;\n      overflow-wrap: break-word;\n      line-height: 1.5;\n      hyphens: auto;\n      font-weight: 500;\n    }\n    \n    \/* Handle URLs specially *\/\n    .rc-spec-value a {\n      color: var(--accent, #2563eb);\n      text-decoration: none;\n      word-break: break-all;\n      display: inline-block;\n    }\n    \n    .rc-spec-value a:hover {\n      text-decoration: underline;\n    }\n    \n    @media (max-width: 768px) {\n      .rc-spec-item {\n        grid-template-columns: 1fr;\n        gap: 6px;\n        padding: 12px 12px;\n      }\n    }\n    \n    \/* 9. COMPATIBILITY SECTION *\/\n    .rc-compat-content h3 {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 16px 0 10px 0;\n    }\n    \n    .rc-compat-content h3:first-child {\n      margin-top: 0;\n    }\n    \n    .rc-compat-content ul {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 16px 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    .rc-compat-content li {\n      font-size: 13px;\n      color: #666;\n      padding-left: 20px;\n      position: relative;\n    }\n    \n    .rc-compat-content li::before {\n      content: '▸';\n      position: absolute;\n      left: 0;\n      color: var(--accent, #2563eb);\n      font-weight: bold;\n    }\n    \n    .rc-compat-content p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n    }\n    \n    \/* 10. CERTIFICATIONS SECTION *\/\n    .rc-cert-badges {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: 12px;\n      margin: 18px 0;\n    }\n    \n    .rc-cert-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n      border: 1px solid var(--accent-light, #dbeafe);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #0a0e27;\n      text-align: center;\n      justify-content: center;\n    }\n    \n    .rc-cert-checkmark {\n      color: var(--accent, #2563eb);\n      font-weight: 700;\n      font-size: 14px;\n    }\n    \n    .rc-cert-note {\n      font-size: 12px;\n      color: #999;\n      font-style: italic;\n      margin: 12px 0 0 0;\n    }\n    \n    \/* 12. RESOURCES SECTION *\/\n    .rc-resources-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-top: 18px;\n    }\n    \n    .rc-resource-item {\n      display: flex;\n      gap: 16px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      align-items: flex-start;\n    }\n    \n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n    }\n    \n    .rc-resource-content h3 {\n      font-size: 13px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n    }\n    \n    .rc-resource-content p {\n      font-size: 12px;\n      color: #666;\n      margin: 0;\n    }\n    \n    \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n    .rc-collapsible-section {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n    }\n    .rc-collapsible-section:hover {\n      border-color: #cbd5e1;\n      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n      transform: translateY(-1px);\n    }\n    .rc-collapsible-section[open] {\n      border-color: rgba(14, 165, 233, 0.3);\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n    }\n    \n    .rc-collapsible-section \u003e summary {\n      padding: 16px 18px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      user-select: none;\n      transition: all 0.25s ease;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-bottom: 1px solid transparent;\n      list-style: none;\n    }\n    \n    .rc-collapsible-section \u003e summary:hover {\n      background: #f8fafc;\n    }\n    .rc-collapsible-section[open] \u003e summary {\n      border-bottom-color: #e2e8f0;\n      background: #f8fafc;\n    }\n    .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n    .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n    .rc-collapsible-section \u003e summary .rc-section-title {\n      margin: 0;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-dark, #0284c7);\n    }\n    .rc-collapsible-section \u003e summary .rc-section-title::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent, #0ea5e9);\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n    }\n    .rc-collapsible-section \u003e summary .rc-collapse-icon {\n      font-size: 10px;\n      color: #64748b;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      margin-left: 12px;\n      flex-shrink: 0;\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 10px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n    }\n    .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n      background: #f0f9ff;\n      border-color: rgba(14, 165, 233, 0.3);\n      color: var(--accent, #0ea5e9);\n    }\n    .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n      transform: rotate(90deg);\n      background: var(--accent, #0ea5e9);\n      border-color: var(--accent, #0ea5e9);\n      color: #ffffff;\n    }\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      padding: 18px 20px;\n      background: #ffffff;\n    }\n\n    \/* ========================================\n       UNIFIED PREMIUM SECTION STYLING\n       Clean, consistent cyan-based color scheme\n       ======================================== *\/\n    \n    \/* Fade-in animation for all section cards *\/\n    @keyframes rc-fadeSlideIn {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Subtle dot pulse animation *\/\n    @keyframes rc-dotPulse {\n      0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n    }\n\n    \/* Smooth open\/close transitions for collapse body *\/\n    .rc-collapsible-section \u003e .rc-collapse-body {\n      animation: rc-fadeSlideIn 0.3s ease-out both;\n    }\n    \n    \/* Enhanced hover lift on section cards *\/\n    .rc-wrap \u003e section.rc-card:hover {\n      transform: translateY(-2px);\n    }\n\n    \/* ALL SECTIONS - Unified premium styling *\/\n    .rc-wrap \u003e section.rc-card {\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-left: 3px solid rgba(14, 165, 233, 0.25);\n    }\n    .rc-wrap \u003e section.rc-card:hover {\n      border-left-color: var(--accent);\n      box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n    }\n    \n    .rc-wrap \u003e section.rc-card .rc-section-title::before {\n      animation: rc-dotPulse 3s ease-in-out infinite;\n    }\n    \n    \/* Uniform section backgrounds for consistency *\/\n    .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n    .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n      background: #ffffff;\n    }\n\n    \/* ---- Capability \u0026 feature card hover effects ---- *\/\n    .rc-cap-card {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n    }\n    .rc-cap-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n      border-color: rgba(14, 165, 233, 0.3);\n    }\n    .rc-cap-card::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--accent);\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n    .rc-cap-card:hover::before { opacity: 1; }\n    \n    \/* ---- Spec table row hover ---- *\/\n    .rc-spec-row { transition: all 0.2s ease; }\n    .rc-spec-row:hover { \n      background: rgba(14, 165, 233, 0.04); \n      transform: translateX(2px); \n    }\n\n    \/* 13. IDENTIFIERS SECTION *\/\n    .rc-identifiers-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 10px;\n      margin-top: 10px;\n      border: none;\n      border-radius: 0;\n      overflow: visible;\n    }\n\n    .rc-id-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 12px 14px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      font-size: 13px;\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n    }\n\n    .rc-id-item:last-child {\n      border-bottom: 1px solid #e2e8f0;\n    }\n\n    .rc-id-item:hover {\n      background: #f8fafc;\n      border-color: rgba(14, 165, 233, 0.22);\n      transform: translateY(-1px);\n    }\n\n    .rc-id-label {\n      font-weight: 700;\n      color: #64748b;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.9px;\n    }\n\n    .rc-id-value {\n      color: var(--accent-dark);\n      word-break: break-word;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    \/* Links \u0026 CTAs *\/\n    a {\n      color: var(--accent);\n      text-decoration: none;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n    \n    a:hover {\n      color: var(--accent);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n    \n    a::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.3s ease;\n    }\n    \n    \/* Button styling for CTA elements *\/\n    button, [role=\"button\"], .rc-cta {\n      background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n      color: white;\n      border: none;\n      border-radius: 6px;\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n    }\n    \n    button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n    }\n    \n    button:active, [role=\"button\"]:active, .rc-cta:active {\n      transform: translateY(0);\n      box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n    }\n    \n    .rc-id-gtins {\n      flex-direction: column;\n      align-items: flex-start;\n      grid-column: 1 \/ -1;\n    }\n    \n    .rc-gtin-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 6px;\n    }\n    \n    .rc-gtin-code {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n      font-size: 13px;\n      color: #334155;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* PRODUCT IMAGES GALLERY *\/\n    .rc-images-gallery {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n      padding: 28px;\n    }\n\n    .rc-gallery-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n      auto-rows: auto;\n    }\n\n    .rc-gallery-item {\n      position: relative;\n      overflow: hidden;\n      border-radius: 12px;\n      border: 1.5px solid #e5e7eb;\n      background: white;\n      aspect-ratio: 1;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rc-gallery-item:hover {\n      border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n      box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n      transform: translateY(-4px);\n    }\n\n    .rc-gallery-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      background: white;\n      transition: transform 0.3s ease;\n    }\n\n    .rc-gallery-item:hover .rc-gallery-image {\n      transform: scale(1.05);\n    }\n\n    @media (max-width: 768px) {\n      .rc-gallery-container {\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        gap: 12px;\n      }\n      \n      .rc-images-gallery {\n        padding: 20px;\n      }\n    }\n    \n    \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n    .rc-resources {\n      background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n    }\n\n    .rc-resources-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-top: 16px;\n    }\n\n    .rc-resource-group-title {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 8px 0 4px;\n      margin: 0;\n      border-bottom: 2px solid #e5e7eb;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-group-title span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 4px currentColor;\n    }\n\n    .rc-resource-group-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 12px;\n    }\n\n    .rc-resource-item {\n      display: flex;\n      gap: 14px;\n      padding: 16px 18px;\n      background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .rc-resource-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 3px;\n      height: 100%;\n      background: var(--accent, #2563eb);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 3px 0 0 3px;\n    }\n\n    .rc-resource-item:hover {\n      border-color: var(--accent, #2563eb);\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n      transform: translateY(-3px);\n      background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    }\n\n    .rc-resource-item:hover::before {\n      opacity: 1;\n    }\n    \n    .rc-resource-link {\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n    \n    .rc-resource-link:hover .rc-resource-arrow {\n      transform: translateX(4px);\n    }\n    \n    .rc-resource-arrow {\n      font-size: 16px;\n      color: var(--accent, #2563eb);\n      font-weight: 600;\n      align-self: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(37, 99, 235, 0.06);\n      flex-shrink: 0;\n    }\n\n    .rc-resource-item:hover .rc-resource-arrow {\n      background: rgba(37, 99, 235, 0.12);\n      transform: translateX(3px);\n    }\n\n    .rc-resource-icon {\n      font-size: 24px;\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-resource-icon-svg {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--accent, #2563eb);\n      background: rgba(37, 99, 235, 0.08);\n      border-radius: 10px;\n      border: 1px solid rgba(37, 99, 235, 0.12);\n      transition: all 0.3s ease;\n      position: relative;\n    }\n    \n    .rc-resource-item:hover .rc-resource-icon-svg {\n      transform: scale(1.08);\n      box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n      border-color: rgba(37, 99, 235, 0.25);\n    }\n\n    .rc-resource-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .rc-resource-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: #0a0e27;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n      transition: color 0.2s ease;\n    }\n\n    .rc-resource-item:hover .rc-resource-title {\n      color: var(--accent, #1a1f2e);\n    }\n\n    .rc-resource-description {\n      font-size: 12px;\n      color: #888;\n      margin: 0 0 8px 0;\n      line-height: 1.4;\n      letter-spacing: 0.2px;\n    }\n\n    .rc-resource-count {\n      color: #64748b;\n      font-weight: 600;\n      font-size: 12px;\n    }\n\n    .rc-resource-pill {\n      align-self: center;\n      flex-shrink: 0;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: rgba(10, 132, 255, 0.08);\n      border: 1px solid rgba(10, 132, 255, 0.14);\n      color: var(--accent-dark, #0066CC);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      white-space: nowrap;\n    }\n\n    .rc-resource-item-static:hover .rc-resource-pill {\n      background: rgba(10, 132, 255, 0.12);\n    }\n\n    .rc-resource-cta-wrap {\n      margin-top: 18px;\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .rc-resource-cta-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 14px;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n      border: 1px solid rgba(15, 23, 42, 0.12);\n      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n      transition: all 0.2s ease;\n    }\n\n    .rc-resource-cta-link:hover {\n      background: #111827;\n      color: #ffffff !important;\n      transform: translateY(-1px);\n      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n    }\n\n    a.rc-resource-link {\n      font-size: 12px;\n      font-weight: 600;\n      color: inherit;\n      text-decoration: none;\n      display: flex;\n      transition: all 0.2s ease;\n    }\n\n    a.rc-resource-link:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n    \n    \/* 14. CONSULTATION SECTION *\/\n    .rc-consultation-content p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0 0 20px 0;\n    }\n    \n    .rc-cta-buttons {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n    \n    .rc-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 700;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n    \n    .rc-cta-primary {\n      background: var(--accent);\n      color: white;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-primary:hover {\n      background: var(--accent-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n      color: white;\n    }\n    \n    .rc-cta-secondary {\n      background: white;\n      color: #1E40AF;\n      border: 2px solid #1E40AF;\n      font-weight: 600;\n      text-align: center;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .rc-cta-secondary:hover {\n      background: #EFF6FF;\n      transform: translateY(-2px);\n      box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n    }\n\n    \n    \u003c\/style\u003e\n  \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n  \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n  \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n          \n    \u003cstyle\u003e\n      \/* ── RoboCraft brand header animations ─────────────────────── *\/\n      @keyframes rcLogoGlow {\n        0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n        50%       { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n      }\n      @keyframes rcAccentSweep {\n        0%   { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      @keyframes rcBorderRotate {\n        0%   { --rc-angle: 0deg; }\n        100% { --rc-angle: 360deg; }\n      }\n      @property --rc-angle {\n        syntax: '\u003cangle\u003e';\n        initial-value: 0deg;\n        inherits: false;\n      }\n      @keyframes rcFadeSlideIn {\n        0%   { opacity: 0; transform: translateY(-8px); }\n        100% { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes rcSubtitleReveal {\n        0%   { opacity: 0; letter-spacing: 8px; }\n        100% { opacity: 1; letter-spacing: 3px; }\n      }\n      @keyframes rcBadgePulse {\n        0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n      }\n      @keyframes rcDotPulse {\n        0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n      }\n      \/* Header border glow rotate *\/\n      #the-robo-craft .rcb-header {\n        animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n        border-radius: 14px !important;\n        border: 1px solid transparent !important;\n        background-image: linear-gradient(#181c24, #1e2330),\n          conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n        background-origin: border-box !important;\n        background-clip: padding-box, border-box !important;\n      }\n      \/* TheRoboCraft logo box glow *\/\n      #the-robo-craft .rcb-logo-wrap {\n        animation: rcLogoGlow 3s ease-in-out infinite !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover {\n        transform: scale(1.06) !important;\n        border-color: #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n        transform: scale(1.08) !important;\n      }\n      #the-robo-craft .rcb-name-highlight {\n        text-shadow: 0 0 16px #0A84FF55 !important;\n      }\n      #the-robo-craft .rcb-subtitle {\n        animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n      }\n      \/* Accent sweep line *\/\n      #the-robo-craft .rcb-accent-line {\n        position: relative !important;\n        overflow: hidden !important;\n      }\n      #the-robo-craft .rcb-accent-line::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 30%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n        animation: rcAccentSweep 4s ease-in-out infinite;\n      }\n      \/* Category badge animation *\/\n      #the-robo-craft .rcb-cat-badge {\n        animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n      }\n      #the-robo-craft .rcb-cat-badge:hover {\n        transform: translateY(-1px) !important;\n        filter: brightness(1.1) !important;\n      }\n      #the-robo-craft .rcb-cat-dot {\n        animation: rcDotPulse 2.5s ease-in-out infinite !important;\n      }\n      \/* Manufacturer logo entry *\/\n      #the-robo-craft .rcb-mfr-logo {\n        animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n      }\n      #the-robo-craft .rcb-mfr-box:hover {\n        border-color: rgba(255,255,255,0.18) !important;\n        transform: translateY(-1px) !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n      }\n      #the-robo-craft .rc-brand-mfr-fallback {\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        min-width:36px;\n        height:28px;\n        padding:0 4px;\n        border-radius:8px;\n        color:rgba(255,255,255,0.92);\n        font-size:13px;\n        font-weight:800;\n        letter-spacing:0.8px;\n        text-transform:uppercase;\n        background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n        border:1px solid rgba(255,255,255,0.08);\n        position:relative;\n        z-index:1;\n      }\n      \/* Vertical separator *\/\n      #the-robo-craft .rcb-sep {\n        width: 1px;\n        height: 28px;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n        flex-shrink: 0;\n      }\n      #the-robo-craft .rcb-inner {\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:18px;\n      }\n      #the-robo-craft .rcb-left {\n        display:flex;\n        align-items:center;\n        gap:14px;\n        min-width:0;\n        flex:1 1 auto;\n      }\n      #the-robo-craft .rcb-copy {\n        display:flex;\n        flex-direction:column;\n        gap:5px;\n        min-width:0;\n      }\n      #the-robo-craft .rcb-right {\n        display:flex;\n        align-items:center;\n        justify-content:flex-end;\n        gap:12px;\n        flex:0 0 auto;\n        flex-wrap:wrap;\n        margin-left:auto;\n      }\n      #the-robo-craft .rcb-mfr-box {\n        min-height:42px;\n        min-width:60px;\n      }\n      \/* Responsive: stack on mobile *\/\n      @media (max-width: 760px) {\n        #the-robo-craft .rcb-inner {\n          padding: 12px 14px !important;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n        }\n        #the-robo-craft .rcb-left {\n          width: 100%;\n          justify-content: center;\n          gap: 12px;\n        }\n        #the-robo-craft .rcb-copy {\n          align-items: flex-start;\n        }\n        #the-robo-craft .rcb-right {\n          width: 100%;\n          justify-content: center;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          padding: 7px 12px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          display: inline !important;\n          font-size: 9px !important;\n          letter-spacing: 1.1px !important;\n        }\n        #the-robo-craft .rcb-sep {\n          display: none !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 40px !important;\n          padding: 6px 10px !important;\n        }\n      }\n      @media (max-width: 520px) {\n        #the-robo-craft .rcb-inner {\n          padding: 10px 12px !important;\n          gap: 8px !important;\n        }\n        #the-robo-craft .rcb-left {\n          gap: 10px !important;\n        }\n        #the-robo-craft .rcb-logo-wrap {\n          width: 42px !important;\n          height: 42px !important;\n          border-radius: 12px !important;\n        }\n        #the-robo-craft .rcb-logo-img {\n          width: 24px !important;\n          height: 24px !important;\n        }\n        #the-robo-craft .rcb-copy \u003e div:first-child span {\n          font-size: 15px !important;\n        }\n        #the-robo-craft .rcb-subtitle {\n          font-size: 7px !important;\n          letter-spacing: 2px !important;\n        }\n        #the-robo-craft .rcb-right {\n          flex-wrap: wrap;\n          row-gap: 8px !important;\n        }\n        #the-robo-craft .rcb-cat-badge {\n          min-height: 40px;\n          padding: 7px 10px !important;\n          border-radius: 10px !important;\n        }\n        #the-robo-craft .rcb-cat-badge span:last-child {\n          font-size: 8.5px !important;\n          letter-spacing: 1px !important;\n        }\n        #the-robo-craft .rcb-mfr-box {\n          min-height: 38px !important;\n          min-width: 48px !important;\n          padding: 6px 8px !important;\n        }\n        #the-robo-craft .rcb-mfr-logo img,\n        #the-robo-craft .rcb-brand-mfr-img {\n          max-height: 24px !important;\n          max-width: 78px !important;\n        }\n        #the-robo-craft .rc-brand-mfr-fallback {\n          min-width: 28px !important;\n          height: 24px !important;\n          font-size: 11px !important;\n          letter-spacing: 0.6px !important;\n        }\n      }\n    \u003c\/style\u003e\n\n    \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n      \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n      \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n        \u003c!-- Ambient background glow --\u003e\n        \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n          background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n          pointer-events:none;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n        \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n          \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n          \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n            \u003c!-- Logo box with glow --\u003e\n            \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n              background:linear-gradient(135deg,#1e2330,#252b38);\n              border:1.5px solid rgba(255,255,255,0.1);\n              border-radius:12px;width:42px;height:42px;\n              display:flex;align-items:center;justify-content:center;\n              flex-shrink:0;overflow:hidden;cursor:pointer;\n              transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n              \u003c!-- Inner shimmer sweep --\u003e\n              \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n                background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n                animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n                border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Brand name + subtitle --\u003e\n            \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n              \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n              \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n                \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n                  color:#0A84FF;letter-spacing:-0.4px;\n                  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n                \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n                  letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003c!-- Subtitle with reveal animation --\u003e\n              \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n                font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Verified Product Details\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT: Category badge only ── --\u003e\n          \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n            \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n            \u003cdiv class=\"rcb-cat-badge\" style=\"\n              display:inline-flex;align-items:center;gap:8px;\n              padding:8px 16px;\n              background:rgba(30,64,175,0.9);\n              border:1px solid rgba(96,165,250,0.35);\n              border-radius:10px;\n              backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n              cursor:default;\n              transition:transform 0.25s ease,filter 0.25s ease;\"\u003e\n\n              \u003c!-- Pulsing dot --\u003e\n              \u003cspan class=\"rcb-cat-dot\" style=\"\n                width:7px;height:7px;\n                border-radius:50%;\n                background:#93C5FD;\n                flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n              \u003c!-- Category label --\u003e\n              \u003cspan style=\"\n                font-size:10.5px;font-weight:700;\n                color:#DBEAFE;\n                text-transform:uppercase;\n                letter-spacing:1.4px;\n                white-space:nowrap;\n                font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n                Humanoid\n              \u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \n\n          \u003c\/div\u003e\n          \u003c!-- end right side --\u003e\n        \u003c\/div\u003e\n        \u003c!-- end inner row --\u003e\n      \u003c\/div\u003e\n      \u003c!-- end main header --\u003e\n\n      \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n      \u003cdiv class=\"rcb-accent-line\" style=\"\n        display:block;width:calc(100% - 20px);height:2px;\n        margin:0 auto;border:none;border-radius:2px;\n        background:linear-gradient(90deg,\n          transparent 0%,\n          #1E40AF 12%,\n          #0A84FF 30%,\n          #93C5FD 50%,\n          #0A84FF 70%,\n          #0369A1 88%,\n          transparent 100%);\n        background-size:200% 100%;\n        animation:rcAccentFlow 4s ease-in-out infinite;\n        opacity:0.75;\"\u003e\u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \n\n          \u003c!-- HERO SECTION --\u003e\n          \n    \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n      \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n      \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n        margin: 10px auto 12px auto;\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        letter-spacing: -0.035em;\n        text-align: center;\n        max-width: 920px;\n      \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eUnitree G1 EDU Ultimate E (U7) Humanoid\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\n      \n      \n          \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n            \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n            \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eUnitree Robotics\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n    \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n      \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eHumanoid\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eIndustrial humanoid deployment\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip rc-hero-meta-odd\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003e18-month warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for advanced AI research and complex manipulation, this humanoid platform features an expansive 41 degrees of freedom and integrated 100 TOPS computing power. It utilizes dual Brain Co five-finger dexterity hands and high-torque 120 N.m knee joints to achieve human-like precision. With a foldable design and 2-hour battery life, it serves as a robust foundation for reinforcement learning and sports-based robotics applications.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 41 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAI Computing Power: 100 TOPS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eKnee Joint Peak Torque: 90 N.m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 9000 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 35+ kg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \n      \n      \u003cdiv class=\"rc-hero-accent\"\u003e\u003c\/div\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- IMAGES 1: Hero --\u003e\n          \u003cdiv id=\"media-gallery\"\u003e\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u6-humanoid-robot-us-01.webp?v=1759339147\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n          \u003c!-- ABOUT THIS PRODUCT --\u003e\n          \n    \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n            \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eAI and Machine Learning Research: Ideal for labs developing Unifo LM (Unitree Robot Unified Large Model) and reinforcement learning algorithms.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eDexterous Manipulation Studies: The Brain Co five-finger hands allow for precise object handling and human-like task simulation.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n        \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n        \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eRobotics researchers, AI developers, and academic institutions requiring a high-Do F humanoid platform for advanced manipulation and reinforcement learning experiments.\u003c\/div\u003e\n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- CAPABILITIES --\u003e\n          \n    \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n          \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n            \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute complex dexterous manipulation using force-position hybrid control.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePerform high-agility maneuvers enabled by extra-large joint movement angles.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eProcess real-time AI models locally using the 100 TOPS computing module.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eNavigate environments autonomously using integrated 3D Li DAR and depth sensing.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/unitree-g1-edu-ultimate-c-u6-humanoid-robot-us-02.webp?v=1759339147\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eMotion Capabilities\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e41 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e23 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Leg DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWaist DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-Arm DOF\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e5 Do F\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eLocomotion\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eCapable of running at speeds up to 2 m\/s and performing high-agility maneuvers (like jumping or recovery from falls) thanks to its 120 N·m peak knee torque.Audio\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRouting\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYes Joint Encoder: Dual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eKnee Joint Peak Torque\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e90 N.m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Encoder\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003edual encoder\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e35+ kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eFolded Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e690x450x300mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eArm Span\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 0.45M\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eHeight (Standing \/ Folded)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1.32 m \/ 0.69 m\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eComputing \u0026amp; AI\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAI Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 TOPS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBasic Computing Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8-core high-performance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eSensing \u0026amp; Audio\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eInteraction\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eIntegrated 4-microphone array (with noise cancellation) and a 5 W speaker for human-robot voice interaction.Technical Specifications Feature: Specification\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Minimum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e12\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer Maximum Age (MONTHS)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e60\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e5 W Speaker\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eYES\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePower System\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSmart Battery (Quick Release)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCooling System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLocal air cooling Power Supply: 13-string lithium battery Basic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Batteries\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 Nonstandard Battery batteries required. (included)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAbout 2h\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePower Source\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ebattery\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eNot Supported What's in the box\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi Fi 6\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-6\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eControl \u0026amp; Development\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eforce-position hybrid control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIncluded Components\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRemote Control\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBest Sellers Rank\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e#1,125,860 in Toys \u0026amp; Games (See Top 100 in Toys \u0026amp; Games) #1,213 in Remote- \u0026amp; App-Controlled Robots #11,855 in Kids' Electronics\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eGeneral Specifications\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOuter Material\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAluminum Measurements Unit Count: 1.0 Count\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eModel Name\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree G1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNumber of Pieces\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUnitree\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTheme\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eRobot\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eColor\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eGrey\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eStyle\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eModern Features \u0026amp; Specs Is Assembly Required: No\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIndoor Outdoor Usage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eIndoor\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Warranty\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eFor warranty information about this product, please click here Feedback Would you like to\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-spec\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/brainco-revo-2-hands-left-right-01.webp?v=1759339147\" alt=\"Technical reference\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eTechnical reference\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-inclusions-grid\"\u003e\n            \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e2x Brain Co Five-Finger Dexterity Hands Revo 2 Basic Edition (Revo 2 Basic)\u003c\/li\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Gantry\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003eTactile sensor arrays (Optional add-on for Dex3-1 hands)\u003c\/li\u003e\n\u003cli\u003eAdditional waist degrees of freedom (Optional configuration)\u003c\/li\u003e\n\u003cli\u003eExternal workstation for heavy model training\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SEE IT IN ACTION --\u003e\n          \n    \u003cdiv class=\"rc-card rc-highlight-card\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003cdiv class=\"rc-section-title\" style=\"margin:0;\"\u003eSee it in action\u003c\/div\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003ca href=\"https:\/\/www.youtube.com\/watch?v=GzX1qOIO1bE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rc-video-link-card\" style=\"display:block; text-decoration:none; color:inherit;\"\u003e\n          \u003cdiv style=\"position: relative; width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; border-radius: 10px; background: var(--tech-black, #0B1220); box-shadow: 0 4px 16px rgba(10, 132, 255, 0.08);\"\u003e\n            \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GzX1qOIO1bE\/hqdefault.jpg\" alt=\"Unitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(2,6,23,0.05), rgba(2,6,23,0.28));\"\u003e\n              \u003cdiv style=\"width:72px; height:72px; border-radius:999px; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.28);\"\u003e\n                \u003cspan style=\"margin-left:6px; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:24px solid white;\"\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/a\u003e\n          \u003cp class=\"rc-video-caption\" data-video-id=\"GzX1qOIO1bE\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eUnitree Introducing | Unitree G1 Humanoid Agent | AI Avatar | Price from $16K\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \n\n          \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-faq-list\"\u003e\n            \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat level of secondary development does this robot support?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe EDU model supports comprehensive secondary development for both upper and lower levels. Unitree provides detailed development manuals, technical support, and ongoing ecological support to facilitate custom programming and integration.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the cooling system handle high-performance computing loads?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThis humanoid is equipped with a local air cooling system specifically designed to maintain optimal temperatures for the 8-core CPU and NVIDIA Jetson Orin module during complex real-time computations.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eCan the battery be swapped quickly during field testing?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eYes, the 9000m Ah smart battery features a quick-release design, allowing for rapid swaps to minimize downtime during extended research or testing sessions.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n          \n\n          \u003c!-- TECHNICAL DETAILS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eElectrical Routing\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eFull Joint Hollow Electrical Routing\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Bearings\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial grade crossed roller bearings\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eJoint Motor Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eLow inertia high-speed internal rotor PMSM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eBluetooth Version\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eBluetooth 5.2\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Development Support\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUpper and lower levels\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eOTA Support\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eUpgraded Intelligent OTA\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- COMPATIBILITY --\u003e\n          \n\n          \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n          \n    \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n            \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e Monthly\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eInspect joint movement for smoothness and check for any debris in the air cooling vents.\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eVerify dual encoder calibration via the provided diagnostic software.\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCheck 13-string lithium battery health and cycle count through the smart battery interface.\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eEnsure firmware is updated via the Intelligent OTA system for the latest stability improvements.\u003c\/li\u003e\n  \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- PRODUCT IDENTIFIERS --\u003e\n          \n    \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n      \u003cdiv class=\"rc-identifiers-list\"\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree G1 EDU Ultimate E (U7) Humanoid Robot\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eHumanoid\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eSKU\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eRB-Unt-187\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnitree Robotics\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eManufacturer #\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eG1-EDU-U7\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$63,900.00\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp class=\"rc-source-note\"\u003eUnitree G1 EDU Ultimate E (U7) Humanoid Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n          \u003cdiv class=\"rc-resources-grid\"\u003e\n            \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(10)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-resource-group\"\u003e\n        \u003cdetails class=\"rc-accordion-item\" open\u003e\n          \u003csummary class=\"rc-accordion-header\"\u003e\n            \u003cspan class=\"rc-accordion-title\"\u003eCode \u0026amp; Content\u003c\/span\u003e\n            \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \u003cdiv class=\"rc-resource-group-items\"\u003e\n    \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n      \u003cspan class=\"rc-resource-icon\"\u003e⌘\u003c\/span\u003e\n      \u003cdiv class=\"rc-resource-content\"\u003e\n        \u003ch3 class=\"rc-resource-title\"\u003eGit Hub resources available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"rc-resource-description\"\u003eCode repositories, examples, or software packages are available for this platform.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n          \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DISCLAIMERS --\u003e\n          \n    \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- FOOTER --\u003e\n          \n    \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n      \u003cdiv class=\"rc-footer-content\"\u003e\n        \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n          \u003cdiv class=\"rc-footer-links-inline\"\u003e\n            \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n            \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n            \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n  \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n    \n    \u003cscript\u003e\n      \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n      (function() {\n        var rcRoot = document.querySelector('.rc-doc');\n        if (!rcRoot) return;\n        \n        \/\/ Tab switching - scoped to rc-doc\n        rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var tabId = this.getAttribute('data-tab');\n            var pane = rcRoot.querySelector('#' + tabId);\n            rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n            rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n            if (pane) {\n              pane.classList.add('active');\n              this.classList.add('active');\n            }\n          });\n        });\n        \n        \/\/ Smooth scrolling for nav links - scoped to rc-doc\n        rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n          link.addEventListener('click', function(e) {\n            var targetId = this.getAttribute('href').substring(1);\n            var target = rcRoot.querySelector('#' + targetId);\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n      })();\n    \u003c\/script\u003e\n    \n\n\u003c\/body\u003e","brand":"Unitree Robotics","offers":[{"title":"Default Title","offer_id":53299298763095,"sku":"RB-Unt-187","price":63900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/unitree-g1-edu-ultimate-c-u6-humanoid-robot-us-01.webp?v=1776092951"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/collections\/robot_1.png?v=1767053082","url":"https:\/\/therobocraft.com\/collections\/humanoids.oembed?page=2","provider":"The Robo Craft","version":"1.0","type":"link"}