{"title":"3D Printers","description":"\u003cp data-start=\"124\" data-end=\"271\"\u003eDiscover a curated selection of 3D printers designed for prototyping, product development, education, creative projects, and precision fabrication.\u003c\/p\u003e\n\u003cp data-start=\"273\" data-end=\"487\"\u003eSuitable for professional, technical, and maker-focused environments, these systems help turn digital ideas into physical objects with greater flexibility, accuracy, and control across a wide range of applications.\u003c\/p\u003e","products":[{"product_id":"snapmaker-artisan-3-in-1-3d-printer-bundle-w-enclosure","title":"Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure","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=\"Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure, Snapmaker, 3D Printer, 3d-printer, Industrial-Grade Linear Rails, Quick-Swap System, Dual-Extrusion 3D Printing, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Snapmaker\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure\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 | Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure - 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\/snapmaker-artisan-3-in-1-3d-printer-bundle-w-enclosure\"\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\/snapmaker-artisan-3-in-1-3d-printer-w-enclosure-b-img1.webp?v=1720525003\"\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=\"Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-artisan-3-in-1-3d-printer-box-1_webp.webp?v=1720525003\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-artisan-3-in-1-3d-printer-box-2.webp?v=1720525003\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"2599.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 | Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure - 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\/snapmaker-artisan-3-in-1-3d-printer-w-enclosure-b-img1.webp?v=1720525003\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Snapmaker\"\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=\"2599.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Snp-64\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"81016\"\u003e\n    \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\":\"Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure\",\"description\":\"Built for professional use. Verified specifications include Work Area (3DP): 350 x 400 x 400 mm, Work Area (Laser\/CNC): 400 x 400 mm, 180 mm\/s speed, and Laser Power: 10 W. Industrial-Grade Linear Rails - Steel guiderails made by CNC grinding at micron level for extreme precision. Professional Prototyping: Engineers can utilize the dual-extrusion 3D printing with dissolvable supports to create complex mechanical parts with high dimensional accuracy.,Art \u0026 Design: Artists can switch between 10W laser engraving for intricate wood designs and CNC carving for 3D relief work in hardwood or jade.,Small Batch Production: Makers can leverage the large 400mm work area to produce multiple objects simultaneously or create oversized functional components.,Educational Workshops: STEM labs can provide students with a safe, enclosed environment to learn three different fabrication methods using a single software workflow.,Custom Signage \u0026 Decor: Small businesses can cut through 8mm Paulownia wood or \",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-artisan-3-in-1-3d-printer-w-enclosure-b-img1.webp?v=1720525003\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-artisan-3-in-1-3d-printer-box-1_webp.webp?v=1720525003\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-artisan-3-in-1-3d-printer-box-2.webp?v=1720525003\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Snapmaker\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Snapmaker\"},\"category\":\"3D Printer\",\"sku\":\"RB-Snp-64\",\"mpn\":\"81016\",\"url\":\"https:\/\/therobocraft.com\/products\/snapmaker-artisan-3-in-1-3d-printer-bundle-w-enclosure\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/snapmaker-artisan-3-in-1-3d-printer-bundle-w-enclosure\",\"priceCurrency\":\"USD\",\"price\":\"2599.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\":\"Standard Snapmaker manufacturer warranty applies (refer to official Snapmaker Warranty Policy)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":52.9,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Work Area (3DP)\",\"value\":\"350 x 400 x 400 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Work Area (Laser\/CNC)\",\"value\":\"400 x 400 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Printing Speed\",\"value\":\"180 mm\/s\"},{\"@type\":\"PropertyValue\",\"name\":\"Laser Power\",\"value\":\"10 W\"},{\"@type\":\"PropertyValue\",\"name\":\"CNC Spindle Power\",\"value\":\"200 W\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Nozzle Temp\",\"value\":\"300 °C\"},{\"@type\":\"PropertyValue\",\"name\":\"CNC Spindle Speed\",\"value\":\"18,000 RPM\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Industrial-Grade Linear Rails - Steel guiderails made by CNC grinding at micron level for extreme precision.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Quick-Swap System - Change tool heads and platforms in under 60 seconds without complex tools.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Dual-Extrusion 3D Printing - Supports multi-material and dissolvable support printing for complex geometries.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"10W High-Power Laser - Features beam splitters and shaping optics for an ultra-fine 0.05 x 0.2 mm focus.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"200W CNC Machining - Offers 300% more power and 50% higher spindle speed than previous standard modules.\"}]}\u003c\/script\u003e\n    \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How does the zone-heated bed work on this product?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The heated bed features a dual-zone design with a 260 x 260 mm high-temperature inner zone and a larger outer zone. The inner zone can reach 110 °C in just 2-3 minutes, while the outer zone remains at a maximum of 80 °C. This allows you to save significant time and energy when printing smaller models that fit within the central area.\"}},{\"@type\":\"Question\",\"name\":\"What materials can the 200W CNC module handle?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The 200W CNC module is designed for precision machining of hardwood (beech, walnut), softwood, HDF, MDF, plywood, jade, carbon fiber, acrylic, epoxy tooling board, and PCB. With the optional ER11-A 4mm collet upgrade, it can also support machining certain metal materials.\"}},{\"@type\":\"Question\",\"name\":\"Can I use third-party software with this 3-in-1 printer?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, while Snapmaker Luban is the recommended tailor-made software for all three fabrication methods, this product also supports third-party software. It is compatible with Windows, macOS, and Linux operating systems for flexible workflow 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\":\"3D Printer\",\"item\":\"https:\/\/therobocraft.com\/collections\/3d-printer\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Snapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure\",\"item\":\"https:\/\/therobocraft.com\/products\/snapmaker-artisan-3-in-1-3d-printer-bundle-w-enclosure\"}]}\u003c\/script\u003e\n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/snapmaker-artisan-3-in-1-3d-printer-bundle-w-enclosure\"\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 #F9A8D444, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #F9A8D422, 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 #F9A8D4; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #F9A8D4, 0 0 14px #F9A8D488; }\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(157,23,77,0.9);\n              border:1px solid rgba(244,114,182,0.3);\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:#F9A8D4;\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:#FCE7F3;\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                3D Printer\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          #F9A8D4 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\"\u003eSnapmaker Artisan 3-in-1 3D Printer Bundle w\/\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eEnclosure\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;\"\u003eSnapmaker\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\"\u003e3D Printer\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\"\u003eAdvanced desktop fabrication\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=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\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 as a professional-grade desktop workshop, this modular powerhouse integrates high-speed dual extrusion 3D printing, 10W laser engraving, and 200W CNC machining. Featuring a massive 400 x 400 x 400 mm work area and industrial-grade linear rails, it delivers ±0.1 mm dimensional accuracy. The included laser-proof enclosure and 7-inch touchscreen ensure a safe, intuitive, and high-performance fabrication experience for demanding creators.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eWork Area (3DP): 350 x 400 x 400 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWork Area (Laser\/CNC): 400 x 400 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Printing Speed: 180 mm\/s\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLaser Power: 10 W\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCNC Spindle Power: 200 W\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Nozzle Temp: 300 °C\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\/snapmaker-artisan-3-in-1-3d-printer-w-enclosure-b-img1.webp?v=1720525003\" 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 professional engineers, industrial designers, and advanced makers who require a versatile, large-format fabrication system.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIt is ideal for those who need industrial-grade precision and safety in a desktop-friendly modular format.\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;\"\u003eDissolvable Support Printing\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eUtilize PVA or HIPS to create hollow structures and complex mechanical parts.\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;\"\u003eHigh-Speed Fabrication\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003ePrint at speeds up to 180 mm\/s with ±0.1 mm dimensional accuracy.\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;\"\u003eDeep Laser Cutting\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eCut through 8mm Paulownia wood in a single pass with the 10W laser module.\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;\"\u003ePrecision CNC Carving\u003c\/h3\u003e\n        \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eAchieve 0.2 mm dimensional accuracy when carving hardwood, jade, or carbon fiber.\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\/snapmaker-artisan-3-in-1-3d-printer-box-1_webp.webp?v=1720525003\" alt=\"Packaging and contents\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003ePackaging and contents\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\"\u003e3D Printing Performance\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\"\u003eWork Area (Dual Nozzle)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e350 x 400 x 400 mm (W x D x H)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Recommended Printing Speed\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e180 mm\/s\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Nozzle Temperature\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e300 °C\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNozzle Diameter (Standard)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e0.4 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNozzle Material (Standard)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eBrass\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eDimensional Accuracy\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e± 0.1 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-1\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eLaser Engraving and Cutting\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\"\u003eLaser Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e10 W\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eLaser Type\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e450 nm - 460 nm Semiconductor\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eLaser Spot Size\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e0.05 x 0.2 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Engraving Speed\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 mm\/s\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Cutting Depth (Paulownia)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e8 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\"\u003eCNC Carving and Cutting\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\"\u003eCNC Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e200 W\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Spindle Speed\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e18,000 RPM\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Work Speed (Beech)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e50 mm\/s\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Work Speed (Acrylic)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e33 mm\/s\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Stepdown (Beech)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e2 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Stepdown (Acrylic)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 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-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eBuild Plate \u0026amp; Heating\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\"\u003eBuild Plate Type\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eDouble-sided PEI-coated Glass\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eHigh-temperature Zone (Inner)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e260 x 260 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Heated Bed Temp (Inner)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e110 °C\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Heated Bed Temp (Outer)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e80 °C\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBuild Platform\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ePEI coated glass, heated\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\"\u003ePhysical \u0026amp; Electrical\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\"\u003eOverall Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e665 x 943 x 705 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eController Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e189 x 300 x 191 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Weight\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e52.9 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eIntegrated Controller Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e300 W + 450 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-5\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eConnectivity \u0026amp; Software\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\"\u003eData Transmission Methods\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi-Fi, USB cable, USB flash drive\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSupported Software\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eSnapmaker Luban, third-party software\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTouchscreen Size\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e7 inch\u003c\/span\u003e\n      \u003c\/div\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\"\u003eUSB stick, Wi-Fi\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\/snapmaker-artisan-3-in-1-3d-printer-box-2.webp?v=1720525003\" alt=\"Packaging and contents\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003ePackaging and contents\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=\"62\"\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(62 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\u003eAll metal design to the next level\u003c\/li\u003e\n\u003cli\u003eQuick-swap tool heads, platforms, and hot ends\u003c\/li\u003e\n\u003cli\u003eNote: Laser-proof enclosure (included)\u003c\/li\u003e\n\u003cli\u003e1x Integrated Controller\u003c\/li\u003e\n\u003cli\u003e1x Dual Extrusion Module\u003c\/li\u003e\n\u003cli\u003e1x 10W Laser Module\u003c\/li\u003e\n\u003cli\u003e1x 200W CNC Module\u003c\/li\u003e\n\u003cli\u003e1x Toolhead Quick-swap Bracket\u003c\/li\u003e\n\u003cli\u003e1x Tool Box\u003c\/li\u003e\n\u003cli\u003e2x Z-axis Linear Module\u003c\/li\u003e\n\u003cli\u003e1x X-axis Linear Module\u003c\/li\u003e\n\u003cli\u003e2x Y-axis Linear Module\u003c\/li\u003e\n\u003cli\u003e1x Base Plate\u003c\/li\u003e\n\u003cli\u003e1x AC Power Cable\u003c\/li\u003e\n\u003cli\u003e1x USB Cable\u003c\/li\u003e\n\u003cli\u003e1x Toolhead Cable\u003c\/li\u003e\n\u003cli\u003e1x Heated Bed Cable\u003c\/li\u003e\n\u003cli\u003e1x Enclosure Cable\u003c\/li\u003e\n\u003cli\u003e1x Cable Collector\u003c\/li\u003e\n\u003cli\u003e1x Hose\u003c\/li\u003e\n\u003cli\u003e1x Hose Clamp\u003c\/li\u003e\n\u003cli\u003e2x Base Fixture\u003c\/li\u003e\n\u003cli\u003e1x Cable Pass-through Fixture\u003c\/li\u003e\n\u003cli\u003e4x Laser Material Fixture\u003c\/li\u003e\n\u003cli\u003e4x Sealing Plug\u003c\/li\u003e\n\u003cli\u003e1x Sealing Strip\u003c\/li\u003e\n\u003cli\u003e2x Filament Tube\u003c\/li\u003e\n\u003cli\u003e2x Filament Tube Holder\u003c\/li\u003e\n\u003cli\u003e4x M4 Wing Nut\u003c\/li\u003e\n\u003cli\u003e3x Cable Clip\u003c\/li\u003e\n\u003cli\u003e2x Filament Tube Clip\u003c\/li\u003e\n\u003cli\u003e1x L Bracket\u003c\/li\u003e\n\u003cli\u003e2x Filament Holder Base\u003c\/li\u003e\n\u003cli\u003e2x Filament Holder Tube\u003c\/li\u003e\n\u003cli\u003e1x CNC Safety Goggles\u003c\/li\u003e\n\u003cli\u003e1x Calibration Card\u003c\/li\u003e\n\u003cli\u003e1x Wiping Cloth\u003c\/li\u003e\n\u003cli\u003e7x Enclosure Screw\u003c\/li\u003e\n\u003cli\u003e5x Machine Screw\u003c\/li\u003e\n\u003cli\u003e2x Side Panel\u003c\/li\u003e\n\u003cli\u003e1x Door Panel\u003c\/li\u003e\n\u003cli\u003e1x Top Panel Kit\u003c\/li\u003e\n\u003cli\u003e1x Back Panel\u003c\/li\u003e\n\u003cli\u003e1x Exhaust Fan\u003c\/li\u003e\n\u003cli\u003e1x Hose Connector\u003c\/li\u003e\n\u003cli\u003e1x Column-1 (with hinge)\u003c\/li\u003e\n\u003cli\u003e1x Column-2 (with hall switch)\u003c\/li\u003e\n\u003cli\u003e1x Column-4\u003c\/li\u003e\n\u003cli\u003e4x Beam\u003c\/li\u003e\n\u003cli\u003e4x Profile Connector\u003c\/li\u003e\n\u003cli\u003e1x Door Handle\u003c\/li\u003e\n\u003cli\u003e1x Auxiliary Board\u003c\/li\u003e\n\u003cli\u003e1x Laser Engraving and Cutting Platform\u003c\/li\u003e\n\u003cli\u003e1x 3D Printing Platform\u003c\/li\u003e\n\u003cli\u003e1x Support Platform\u003c\/li\u003e\n\u003cli\u003e2x X-axis Connector\u003c\/li\u003e\n\u003cli\u003e2x Z-axis Holder\u003c\/li\u003e\n\u003cli\u003e1x White Breakaway Filament\u003c\/li\u003e\n\u003cli\u003e1x Black PLA Filament\u003c\/li\u003e\n\u003cli\u003e1x HDF Sheet\u003c\/li\u003e\n\u003cli\u003e1x Basswood Sheet\u003c\/li\u003e\n\u003cli\u003e1x Cord Collecting Strip\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\u003e40 W Laser Module (available as separate upgrade)\u003c\/li\u003e\n\u003cli\u003e1064nm Infrared Laser Module\u003c\/li\u003e\n\u003cli\u003eRotary Module\u003c\/li\u003e\n\u003cli\u003eAir Purifier\u003c\/li\u003e\n\u003cli\u003eCAN Hub\u003c\/li\u003e\n\u003cli\u003eER11-A 4mm Collet\u003c\/li\u003e\n\u003cli\u003eThird-party CNC drill bits\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=9XJ5m6flx_E\" 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\/9XJ5m6flx_E\/hqdefault.jpg\" alt=\"Snapmaker Artisan: Next Great Adventure 3-in-1 3D Printer\" 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=\"9XJ5m6flx_E\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eSnapmaker Artisan: Next Great Adventure 3-in-1 3D Printer\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\"\u003eHow does the zone-heated bed work on this product?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe heated bed features a dual-zone design with a 260 x 260 mm high-temperature inner zone and a larger outer zone. The inner zone can reach 110 °C in just 2-3 minutes, while the outer zone remains at a maximum of 80 °C. This allows you to save significant time and energy when printing smaller models that fit within the central area.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat materials can the 200W CNC module handle?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe 200W CNC module is designed for precision machining of hardwood (beech, walnut), softwood, HDF, MDF, plywood, jade, carbon fiber, acrylic, epoxy tooling board, and PCB. With the optional ER11-A 4mm collet upgrade, it can also support machining certain metal materials.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eCan I use third-party software with this 3-in-1 printer?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eYes, while Snapmaker Luban is the recommended tailor-made software for all three fabrication methods, this product also supports third-party software. It is compatible with Windows, mac OS, and Linux operating systems for flexible workflow 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\"\u003eTouchscreen OS\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eAndroid\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSafety Rating\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eLaser Class 1\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eFrame Material\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eAll-metal (Die-cast base plate)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Temperature\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003e0 - 35 °C\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003e3D Printing Formats\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003estl, obj\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eLaser\/CNC Formats\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003estl, svg, png, jpg, jpeg, bmp, dxf\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 Windows, mac OS, and Linux operating systems for flexible workflow 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\"\u003eClean linear rails and apply lubricant to maintain micron-level precision\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eInspect and clean the laser lens to prevent charring and maintain beam quality\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCheck CNC spindle for debris and ensure collet is tightened correctly\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eWipe down the PEI-coated glass build plate with isopropyl alcohol for optimal adhesion\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\"\u003eSnapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure\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\"\u003e3D Printer\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-Snp-64\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\"\u003eSnapmaker\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\"\u003e81016\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$2,599\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\"\u003eSnapmaker Artisan 3-in-1 3D Printer Bundle w\/ Enclosure 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(4)\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          \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":"Snapmaker","offers":[{"title":"Default Title","offer_id":53132677415255,"sku":"RB-Snp-64","price":2599.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/snapmaker-artisan-3-in-1-3d-printer-w-enclosure-b-img1.webp?v=1774691217"},{"product_id":"snapmaker-2-0-modular-3-in-1-3d-printer-a350t","title":"Snapmaker 2.0 Modular 3-in-1 3D Printer A350T","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=\"Snapmaker 2.0 Modular 3-in-1 3D Printer A350T - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Snapmaker 2.0 Modular 3-in-1 3D Printer A350T, Snapmaker, 3D Printer, 3d-printer, Modular 3-in-1 Design, All-Metal Construction, Quiet Operation, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Snapmaker\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Snapmaker 2.0 Modular 3-in-1 3D Printer A350T\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 | Snapmaker 2.0 Modular 3-in-1 3D Printer A350T\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Snapmaker 2.0 Modular 3-in-1 3D Printer A350T - 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\/snapmaker-2-0-modular-3-in-1-3d-printer-a350t\"\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\/snapmaker-20-modular-3-in-1-3d-printer-a350t-3.webp?v=1720524867\"\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=\"Snapmaker 2.0 Modular 3-in-1 3D Printer A350T - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-20-modular-3-in-1-3d-printer-a350t-2.webp?v=1720524867\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-20-modular-3-in-1-3d-printer-a350t.webp?v=1726771347\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"1049.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 | Snapmaker 2.0 Modular 3-in-1 3D Printer A350T\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Snapmaker 2.0 Modular 3-in-1 3D Printer A350T - 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\/snapmaker-20-modular-3-in-1-3d-printer-a350t-3.webp?v=1720524867\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Snapmaker 2.0 Modular 3-in-1 3D Printer A350T\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Snapmaker\"\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=\"1049.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Snp-18\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"80029\"\u003e\n    \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\/snapmaker-2-0-modular-3-in-1-3d-printer-a350t\"\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 #F9A8D444, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #F9A8D422, 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 #F9A8D4; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #F9A8D4, 0 0 14px #F9A8D488; }\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(157,23,77,0.9);\n              border:1px solid rgba(244,114,182,0.3);\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:#F9A8D4;\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:#FCE7F3;\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                3D Printer\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          #F9A8D4 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\"\u003eSnapmaker 2.0 Modular 3-in-1 3D Printer\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eA350T\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;\"\u003eSnapmaker\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\"\u003e3D Printer\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\"\u003eAdvanced desktop fabrication\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\"\u003eWarranty available\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=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\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 ultimate versatility, this modular powerhouse integrates 3D printing, laser engraving, and CNC carving into a single all-metal chassis. Featuring a massive 320 x 350 x 330 mm build volume and 0.005 mm repeatability, it empowers creators to tackle large-scale projects with industrial precision. The upgraded 'T' model ensures whisper-quiet operation while maintaining high-speed performance across all three functional modules.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003e3D Build Volume: 320 x 350 x 330 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eRepeatability: 0.005 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLaser Power: 1600 m W\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCNC Spindle Speed: 12,000 RPM\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eNozzle Max Temp: 275 °C\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eTouchscreen Size: 5 inch\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\/snapmaker-20-modular-3-in-1-3d-printer-a350t-3.webp?v=1720524867\" alt=\"System overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eSystem 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;\"\u003eEngineered for ultimate versatility, this modular powerhouse integrates 3D printing, laser engraving, and CNC carving into a single all-metal chassis.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eThe upgraded \u0026amp;#039;T\u0026amp;#039; model ensures whisper-quiet operation while maintaining high-speed performance across all three functional modules.\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 system is designed for prosumers, engineers, and creative professionals who require a multi-functional fabrication tool. It suits users ranging from beginners needing an all-in-one entry point to experts demanding high-precision modular expandability.\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;\"\u003e3D print complex geometries using PLA, ABS, TPU, and Wood-filled filaments.\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;\"\u003eLaser engrave detailed images on wood, leather, plastic, fabric, and paper.\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;\"\u003eLaser cut thin materials like plywood, acrylic, and cardboard for assembly kits.\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;\"\u003eCNC carve intricate 2.5D and 3D designs into hardwood, POM, and carbon fiber.\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\/snapmaker-20-modular-3-in-1-3d-printer-a350t-2.webp?v=1720524867\" alt=\"System overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eSystem 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\"\u003e3D Printing Performance\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\"\u003eBuild Volume\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e320 x 350 x 330 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSingle-extrusion Volume\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e320 mm x 335 mm x 310 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eDual-extrusion Volume\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e320 mm x 315 mm x 270 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eLayer Resolution\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e50-300 microns\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Nozzle Temperature\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 275 °C\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eHeated Bed Temperature\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 80 °C\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNozzle Diameter\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e0.4 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSupported Materials\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ePLA, ABS, TPU, Wood Filled PLA\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\"\u003eLaser Engraving \u0026amp; Cutting\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\"\u003eWork Area\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e320 x 350 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eLaser Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1600 m W\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWavelength\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e450 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\"\u003eSafety Class\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eClass 4\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBuilt-in Camera\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-2\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eSystem \u0026amp; Hardware\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\"\u003eFrame Material\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAluminum Alloys\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTouchscreen\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e5 inch, 720 x 1280 pixels\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOperating System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAndroid OS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCPU\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eQuad-Core A7 at 1.1 GHz\u003c\/span\u003e\n      \u003c\/div\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, USB Cable, USB Flash Drive\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eSnapmakerjs \/ Luban\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSupported File Types\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eSTL, OBJ, SVG, JPEG, PNG\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\"\u003ePhysical \u0026amp; Electrical\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\"\u003eMachine Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e495 x 506 x 580 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePackage Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e628 x 554 x 312 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePackage Weight\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e28.0 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRated Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e320 W\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\/snapmaker-20-modular-3-in-1-3d-printer-a350t.webp?v=1726771347\" alt=\"System overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eSystem 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=\"1\" 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(1 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\u003cli\u003e1x Snapmaker 2.0 Modular 3-in-1 3D Printer A350\u003c\/li\u003e\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\u003eEnclosure (sold separately or in specific bundles)\u003c\/li\u003e\n\u003cli\u003eRotary Module for 4-axis carving\u003c\/li\u003e\n\u003cli\u003eHigh-power 10W\/20W Laser Modules\u003c\/li\u003e\n\u003cli\u003eDual Extruder Module\u003c\/li\u003e\n\u003cli\u003eEmergency Stop Button\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=L-WDbCw7c1M\" 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\/L-WDbCw7c1M\/hqdefault.jpg\" alt=\"Meet Snapmaker 2.0 A350T \u0026amp; A250T\" 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=\"L-WDbCw7c1M\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eMeet Snapmaker 2.0 A350T \u0026amp; A250T\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 main difference between the A350 and the A350T?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe A350T is the 'quiet' version of the original A350. It features upgraded stepper motor drivers and cooling systems designed to reduce operational noise significantly while maintaining the same high-precision performance and large build volume.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eCan this machine carve metal using the CNC module?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eWhile the CNC module is highly capable for hardwood, PCB, acrylic, and carbon fiber, it is not designed for milling hard metals like steel. It can, however, handle softer materials like jade or certain non-ferrous composites with appropriate bits and feed rates.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat software is required to operate the 3-in-1 functions?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe printer uses Snapmaker Luban (formerly Snapmakerjs), which is a free, all-in-one software suite designed specifically to handle 3D slicing, laser G-code generation, and CNC pathing for the Snapmaker ecosystem.\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\"\u003eTouchscreen OS\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eAndroid\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003ePower Loss Detection\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eAutomatic\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eOS Compatibility\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003emac OS, Windows, Linux\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eNoise Level\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eReduced (Quiet Version)\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\"\u003eLubricate linear modules with manufacturer-approved grease\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eClean the CNC spindle and collet to prevent dust buildup\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eInspect and clean the laser lens with isopropyl alcohol\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCheck and tighten all structural bolts on the aluminum frame\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eLevel the heated bed before large 3D print jobs\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\"\u003eSnapmaker 2.0 Modular 3-in-1 3D Printer A350T\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\"\u003e3D Printer\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-Snp-18\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\"\u003eSnapmaker\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\"\u003e80029\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$1,049\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\"\u003eSnapmaker 2.0 Modular 3-in-1 3D Printer A350T 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\"\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(4)\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          \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":"Snapmaker","offers":[{"title":"Default Title","offer_id":53284952736087,"sku":"RB-Snp-18","price":1049.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/snapmaker-20-modular-3-in-1-3d-printer-a350t-3.webp?v=1775935186"},{"product_id":"snapmaker-j1s-high-speed-dual-extruder-idex-3d-printer","title":"Snapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer","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=\"Snapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Snapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer, Snapmaker, 3D Printer, 3d-printer, Vibration Compensation, One-piece Die Casting, Cornering Optimization, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Snapmaker\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Snapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer\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 | Snapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Snapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer - 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\/snapmaker-j1s-high-speed-dual-extruder-idex-3d-printer\"\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\/snapmaker-j1-high-speed-dual-extruder-idex-3d-printer-01.webp?v=1762529146\"\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=\"Snapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-j1-high-speed-dual-extruder-idex-3d-printer-img2.webp?v=1767957059\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-j1-high-speed-dual-extruder-idex-3d-printer-img3.webp?v=1767957059\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"1099.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 | Snapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Snapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer - 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\/snapmaker-j1-high-speed-dual-extruder-idex-3d-printer-01.webp?v=1762529146\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Snapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Snapmaker\"\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=\"1099.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Snp-49\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"81014\"\u003e\n    \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\/snapmaker-j1s-high-speed-dual-extruder-idex-3d-printer\"\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 #F9A8D444, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #F9A8D422, 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 #F9A8D4; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #F9A8D4, 0 0 14px #F9A8D488; }\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(157,23,77,0.9);\n              border:1px solid rgba(244,114,182,0.3);\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:#F9A8D4;\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:#FCE7F3;\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                3D Printer\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          #F9A8D4 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\"\u003eSnapmaker J1s High Speed Dual Extruder (IDEX) 3D\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003ePrinter\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;\"\u003eSnapmaker\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\"\u003e3D Printer\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\"\u003eAdvanced desktop fabrication\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=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\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 professional-grade efficiency, this high-speed IDEX 3D printer delivers a top-tier printing speed of 350 mm\/s and 10,000 mm\/s² acceleration. Its independent dual extruder system enables simultaneous printing in Copy and Mirror modes, while the one-piece die-cast aluminum frame ensures industrial-level rigidity. With a 300°C hot end and vibration compensation, it produces high-resolution, multi-material parts with exceptional precision.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eMax Print Speed: 350 mm\/s\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Acceleration: 10,000 mm\/s²\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Nozzle Temp: 300 °C\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBuild Volume (Default): 300 x 200 x 200 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eExtruder Type: Independent Dual Extruder (...\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLinear Rail Repeatability: ± 0.03 mm (X\/Y)\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\/snapmaker-j1-high-speed-dual-extruder-idex-3d-printer-01.webp?v=1762529146\" 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;\"\u003eIts independent dual extruder system enables simultaneous printing in Copy and Mirror modes, while the one-piece die-cast aluminum frame ensures industrial-level rigidity.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eProfessional engineers use this system for rapid prototyping of functional parts using high-temperature materials like Nylon and PC.\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 printer is designed for prosumers, engineers, and small-scale manufacturers who require high-speed production without sacrificing accuracy. It suits users who need multi-material capabilities and industrial-grade build quality for consistent, long-term operation.\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;\"\u003ePrint identical objects simultaneously using Copy Mode to double production speed.\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;\"\u003eCreate symmetrical parts in a single session using Mirror Mode.\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;\"\u003eUtilize Backup Mode to automatically switch to the second extruder if the first runs out of filament.\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;\"\u003ePrint complex internal geometries using dissolvable PVA or breakaway support materials.\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\/snapmaker-j1-high-speed-dual-extruder-idex-3d-printer-img2.webp?v=1767957059\" alt=\"Feature detail\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eFeature detail\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\"\u003ePrinting Technology\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\"\u003eTechnology\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eFused Filament Fabrication (FFF)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eExtruder System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eIndependent Dual Extruders (IDEX)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePrinting Modes\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eDefault Mode, Backup Mode, Copy Mode, and Mirror Mode\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\"\u003eBuild Volume \u0026amp; Precision\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\"\u003eBuild Volume (Default \u0026amp; Backup Mode)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e300 x 200 x 200 mm (L x W x H)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBuild Volume (Copy Mode)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e160 x 200 x 200 mm (L x W x H)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBuild Volume (Mirror Mode)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e150 x 200 x 200 mm (L x W x H)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eRepeatability of Linear Rails (X\/Y)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e± 0.03 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\"\u003eMaterial Compatibility\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\"\u003eSupported Materials\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ePLA, ABS, HIPS, PC, TPU (Hardness \u0026gt; 90 Shore A), TPE, PETG, ASA, PP, PVA, PA, PA-GF, PA-CF\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eFilament Diameter\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1.75 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eNozzle Diameter (Included)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e0.4 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-3\"\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003eSpeed \u0026amp; Performance\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\"\u003eMax. Printing Speed\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e350 mm\/s\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Acceleration\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e10,000 mm\/s²\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Nozzle Temperature\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e300 °C\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMax. Heated Bed Temperature\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e100 °C\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\"\u003eHardware \u0026amp; Interface\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\"\u003eTouchscreen Size\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e5 inch\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eTouchscreen Resolution\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1280 x 720 pixels\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOperating System\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAndroid\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMemory\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e1 GB RAM, 8 GB e MMC\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eData Transmission\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWi-Fi, USB cable, USB flash drive\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\"\u003ePhysical \u0026amp; Environmental\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\"\u003eMachine Dimensions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e539 x 401 x 464 mm (L x W x H)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMachine Weight\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e25 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Noise\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e\u0026lt; 50 d BA\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Temperature\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e10 - 35 °C\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Humidity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e10 - 90 % (non-condensing)\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\"\u003ePower \u0026amp; Software\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\"\u003eInput Voltage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAC 100 V - 240 V, 50 Hz\/60 Hz\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eOutput Power\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eDC 24 V, 400 W Max\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSupplied Software\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLuban (third-party software supported)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSupported OS\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWindows, mac OS, Linux (Ubuntu)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eSupported File Formats\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eSTL, OBJ, 3MF\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\/snapmaker-j1-high-speed-dual-extruder-idex-3d-printer-img3.webp?v=1767957059\" 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=\"26\"\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(26 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 Snapmaker J1 3D Printer\u003c\/li\u003e\n\u003cli\u003e2x Side Panel\u003c\/li\u003e\n\u003cli\u003e1x Left Door\u003c\/li\u003e\n\u003cli\u003e1x Right Door\u003c\/li\u003e\n\u003cli\u003e1x Orange PLA Filament\u003c\/li\u003e\n\u003cli\u003e1x White PLA Filament\u003c\/li\u003e\n\u003cli\u003e1x Power Cable\u003c\/li\u003e\n\u003cli\u003e1x Tweezers\u003c\/li\u003e\n\u003cli\u003e1x USB Flash Drive\u003c\/li\u003e\n\u003cli\u003e1x PEI Glass Plate\u003c\/li\u003e\n\u003cli\u003e1x Wiping Cloth\u003c\/li\u003e\n\u003cli\u003e1x Palette Knife\u003c\/li\u003e\n\u003cli\u003e1x Wire Brush\u003c\/li\u003e\n\u003cli\u003e1x Diagonal Pliers\u003c\/li\u003e\n\u003cli\u003e1x Filament Holder\u003c\/li\u003e\n\u003cli\u003e1x USB-B Cable\u003c\/li\u003e\n\u003cli\u003e16x M3 x 6 Screw\u003c\/li\u003e\n\u003cli\u003e4x M4 x 8 Screw\u003c\/li\u003e\n\u003cli\u003e2x Hot End Sock\u003c\/li\u003e\n\u003cli\u003e1x 5.5 mm Wrench\u003c\/li\u003e\n\u003cli\u003e1x H3.0 Hex Key\u003c\/li\u003e\n\u003cli\u003e1x H2.5 Hex Key\u003c\/li\u003e\n\u003cli\u003e1x H2.0 Hex Key\u003c\/li\u003e\n\u003cli\u003e1x H1.5 Hex Key\u003c\/li\u003e\n\u003cli\u003e1x Calibration Card\u003c\/li\u003e\n\u003cli\u003e1x Safety Guidelines\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\u003e0.2 mm, 0.6 mm, and 0.8 mm Hardened Nozzles (sold separately)\u003c\/li\u003e\n\u003cli\u003ePVA or other dissolvable filaments\u003c\/li\u003e\n\u003cli\u003eEnclosure HEPA air purifiers\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=ztwqHWLtrNY\" 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\/ztwqHWLtrNY\/hqdefault.jpg\" alt=\"Introducing Snapmaker J1: The High Speed IDEX 3D Printer\" 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=\"ztwqHWLtrNY\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eIntroducing Snapmaker J1: The High Speed IDEX 3D Printer\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 J1 and the J1s models?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe J1s is an upgraded version featuring an additional Print Cooling Fan, which eliminates the need to remove the top panel when printing PLA. It also comes with pre-installed doors and side panels for faster setup. Additionally, the white PLA filament in the original J1 package has been replaced with Breakaway Support for PLA in the J1s bundle.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the IDEX system improve printing efficiency?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe Independent Dual Extruder (IDEX) system allows for Copy Mode and Mirror Mode, where both extruders print simultaneously to produce two identical or mirrored parts at once. It also prevents cross-contamination during dual-material prints because the non-working extruder stays out of the way, unlike traditional dual-nozzle systems.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat calibration features are built into this printer?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThis printer features an intelligent calibration system that includes hands-free XY offset calibration, tool-free bed leveling, and easily managed Z offset calibration. These automated processes ensure the dual extruders are perfectly aligned with the bed and each other, which is critical for successful multi-material prints.\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\"\u003eInternal Storage\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003e8 GB e MMC\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eLinear Rail Lifespan\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eOver 10 Years\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eFrame Material\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eOne-piece Die-cast Aluminum Alloy\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eBuild Plate Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eDouble-sided PEI Glass Plate\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eExtruder Drive Type\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eDual Direct Drive\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eFilament Sensor\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eBuilt-in\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 based on usage\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eClean linear rails with the provided wiping cloth to maintain micron-level precision\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eUse the wire brush to remove filament residue from nozzles\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eInspect and replace silicone hot-end socks if they show signs of wear or tearing\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eEnsure the PEI glass plate is cleaned of oils and dust between prints for optimal adhesion\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\"\u003eSnapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer\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\"\u003e3D Printer\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-Snp-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\"\u003eSnapmaker\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\"\u003e81014\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$1,099\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\"\u003eSnapmaker J1s High Speed Dual Extruder (IDEX) 3D Printer 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(3)\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          \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":"Snapmaker","offers":[{"title":"Default Title","offer_id":53285044126039,"sku":"RB-Snp-49","price":1099.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/snapmaker-j1-high-speed-dual-extruder-idex-3d-printer-01.webp?v=1775935683"},{"product_id":"snapmaker-artisan-modular-3d-printer","title":"Snapmaker Artisan Modular 3D Printer","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=\"Snapmaker Artisan Modular 3D Printer - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"Snapmaker Artisan Modular 3D Printer, Snapmaker, 3D Printer, 3d-printer, Dual Extrusion System, Industrial Linear Rails, Quick-Swap Design, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"Snapmaker\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | Snapmaker Artisan Modular 3D Printer\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 | Snapmaker Artisan Modular 3D Printer\"\u003e\n    \u003cmeta property=\"og:description\" content=\"Snapmaker Artisan Modular 3D Printer - 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\/snapmaker-artisan-modular-3d-printer\"\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\/snapmaker-artisan-3-in-1-3d-printer-box-1_webp_beb6df46-cacc-419f-87c1-a5da983f9d48.webp?v=1720525025\"\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=\"Snapmaker Artisan Modular 3D Printer - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-artisan-3-in-1-3d-printer-enclosure-box-12-img2.webp?v=1720525025\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/snapmaker-artisan-3-in-1-3d-printer-enclosure-box-12-img3.webp?v=1720525025\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"1599.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 | Snapmaker Artisan Modular 3D Printer\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"Snapmaker Artisan Modular 3D Printer - 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\/snapmaker-artisan-3-in-1-3d-printer-box-1_webp_beb6df46-cacc-419f-87c1-a5da983f9d48.webp?v=1720525025\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"Snapmaker Artisan Modular 3D Printer\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"Snapmaker\"\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=\"1599.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RB-Snp-65\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"81015\"\u003e\n    \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\/snapmaker-artisan-modular-3d-printer\"\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 #F9A8D444, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #F9A8D422, 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 #F9A8D4; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #F9A8D4, 0 0 14px #F9A8D488; }\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(157,23,77,0.9);\n              border:1px solid rgba(244,114,182,0.3);\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:#F9A8D4;\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:#FCE7F3;\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                3D Printer\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          #F9A8D4 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\"\u003eSnapmaker Artisan Modular 3D\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003ePrinter\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;\"\u003eSnapmaker\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\"\u003e3D Printer\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\"\u003eAdvanced desktop fabrication\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\"\u003eWarranty available\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=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\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 professional-grade fabrication, this modular powerhouse features a massive 400mm³ work area and a high-temperature dual extrusion system reaching 300°C. Its industrial-grade linear rails and quick-swap tool heads ensure ±0.05 mm repeatability across diverse materials. Housed in a laser-proof all-metal enclosure, it combines a 7-inch touchscreen interface with precision-driven performance for complex, multi-material engineering projects.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003eBuild Volume: 400 mm × 400 mm × 400 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePrint Speed: 180 mm\/s\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 1 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\/snapmaker-artisan-3-in-1-3d-printer-box-1_webp_beb6df46-cacc-419f-87c1-a5da983f9d48.webp?v=1720525025\" alt=\"Packaging and contents\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003ePackaging and contents\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;\"\u003eEngineers and product designers use this system to prototype functional parts using high-performance materials like Carbon Fiber Reinforced Nylon.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eEducators utilize the safe, enclosed environment and user-friendly Luban software to teach advanced additive manufacturing in STEM labs.\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 prosumers, engineers, and educators who require industrial-grade precision and a large build volume. It is ideal for users who value modularity and the ability to expand into laser and CNC functionalities.\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;\"\u003ePrints complex geometries using PVA or Breakaway support materials via dual extrusion.\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;\"\u003eHandles high-temperature engineering plastics like ASA, Nylon, and Reinforced Nylon at 300°C.\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;\"\u003eMaintains high-precision motion at speeds up to 180 mm\/s for rapid prototyping.\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;\"\u003eOperates safely in shared spaces thanks to the Class 1 laser-proof enclosure.\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\/snapmaker-artisan-3-in-1-3d-printer-enclosure-box-12-img2.webp?v=1720525025\" alt=\"Packaging and contents\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003ePackaging and contents\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\"\u003ePrint 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\"\u003e• Large Work Area\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e400 mm × 400 mm × 400 mm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePrint Speed\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e180 mm\/s\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\"\u003eMaterials \u0026amp; Process\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\"\u003e• Most Advanced 3-in-1\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eDual Extrusion 3D Printing, 10 W Laser, 200 W CNC\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\"\u003eDimensions \u0026amp; Build\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\"\u003e1 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e• Well-built Hardware\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial-grade Linear Rails, Quick-swap Toolheads \u0026amp; Platforms, All-metal Design\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\"\u003eConnectivity \u0026amp; Software\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\"\u003e• Easy-to-use\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e7\" Touchscreen, Free 3-in-1 Software\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\"\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\"\u003e• $50\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eCA, UK, AU, JP, KR\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e• UK\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e20% VAT collected at checkout\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e• Laser Class 1 Safety\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLaser-proof and Dust-proof Enclosure Included\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e• $100\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eCH, NO, SG, NZ\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e• $200\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eAll other regions Taxes \u0026amp; Duties:\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e• CA \u0026amp; AU\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eDuty-free\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\/snapmaker-artisan-3-in-1-3d-printer-enclosure-box-12-img3.webp?v=1720525025\" alt=\"Packaging and contents\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003ePackaging and contents\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=\"0\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included\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            \n            \n            \u003cdiv class=\"rc-not-included\"\u003e\n              \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n              \u003cul\u003e\n                \u003cli\u003e10 W Laser Module (Available as Add-on)\u003c\/li\u003e\n\u003cli\u003e200 W CNC Module (Available as Add-on)\u003c\/li\u003e\n\u003cli\u003eStandard 3-in-1 Add-ons for Artisan\u003c\/li\u003e\n\u003cli\u003eHardened Steel Nozzles (Optional)\u003c\/li\u003e\n\u003cli\u003e0.2 mm, 0.6 mm, and 0.8 mm Nozzles (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=9XJ5m6flx_E\" 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\/9XJ5m6flx_E\/hqdefault.jpg\" alt=\"Snapmaker Artisan: Next Great Adventure 3-in-1 3D Printer\" 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=\"9XJ5m6flx_E\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003eSnapmaker Artisan: Next Great Adventure 3-in-1 3D Printer\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 this 3D printer be upgraded to include laser and CNC functions?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eYes, this product is designed as a modular platform. While this specific configuration is optimized for 3D printing, it is fully compatible with the Standard 3-in-1 Add-ons for Artisan, allowing you to add 10W Laser and 200W CNC modules later.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the dual-zone heated bed improve printing efficiency?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe bed features an inner high-temperature zone (260 x 260 mm) that can reach 110°C for focused heating on smaller parts. The outer zone reaches 80°C, allowing the printer to save energy when the full 400mm build area is not required.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eWhat makes the linear modules 'industrial-grade'?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eThe linear modules utilize TMC2209 motor driver chips and high-precision lead screws (40mm lead for X\/Y, 8mm for Z) to achieve a repeatability of ±0.05 mm, ensuring consistent accuracy over long print jobs.\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\"\u003eFrame Material\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eAll-metal\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSafety Rating\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eLaser Class 1\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eTool Head System\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eQuick-swap\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eTransmission Technology\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial-grade\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\"\u003eSnapmaker Luban\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 Standard 3-in-1 Add-ons for Artisan, allowing you to add 10W Laser and 200W CNC modules later\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 and clean industrial-grade linear rails for debris\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCheck nozzle wear, especially when using Carbon Fiber or Glass Fiber reinforced filaments\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eCalibrate the dual extrusion offset to ensure precise multi-material alignment\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eClean the double-sided PEI-coated glass build plate with isopropyl alcohol\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\"\u003eSnapmaker Artisan Modular 3D Printer\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\"\u003e3D Printer\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-Snp-65\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\"\u003eSnapmaker\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\"\u003e81015\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$1,599\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\"\u003eSnapmaker Artisan Modular 3D Printer 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(2)\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          \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":"Snapmaker","offers":[{"title":"Default Title","offer_id":53285059035479,"sku":"RB-Snp-65","price":1599.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/snapmaker-artisan-3-in-1-3d-printer-box-1_webp_beb6df46-cacc-419f-87c1-a5da983f9d48.webp?v=1775935869"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/collections\/3d-printer-original.png?v=1775928953","url":"https:\/\/therobocraft.com\/collections\/3d-printers.oembed","provider":"The Robo Craft","version":"1.0","type":"link"}