{"product_id":"chasing-poolmate-hydro4-corded-robotic-pool-cleaner","title":"CHASING POOLMATE Hydro4-corded Robotic Pool Cleaner","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=\"CHASING POOLMATE Hydro4-corded Robotic Pool Cleaner is a robotic pool cleaner with Dual Cleaning System, Dual-Stage Filtration, Lateral Jet Technology.\"\u003e\n    \u003cmeta name=\"keywords\" content=\"CHASING POOLMATE Hydro4-corded Robotic Pool Cleaner, CHASING, Robotic Pool Cleaner, pool-cleaner, Dual Cleaning System, Dual-Stage Filtration, Lateral Jet Technology, specifications, buy online\"\u003e\n    \u003cmeta name=\"author\" content=\"CHASING\"\u003e\n    \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n    \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n    \u003ctitle\u003eTheRoboCraft | CHASING POOLMATE Hydro4-corded Robotic Pool Cleaner\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 | CHASING POOLMATE Hydro4-corded Robotic Pool Cleaner\"\u003e\n    \u003cmeta property=\"og:description\" content=\"CHASING POOLMATE Hydro4-corded Robotic Pool Cleaner is a robotic pool cleaner with Dual Cleaning System, Dual-Stage Filtration, Lateral Jet Technology.\"\u003e\n    \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n    \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/chasing-poolmate-hydro4-corded-robotic-pool-cleaner\"\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\/chasing_poolmate_hydro4_robotic_pool_cleaner_4_78bc4a30-50bb-4b86-89b1-d84d6bb2780d.webp?v=1768757448\"\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=\"CHASING POOLMATE Hydro4-corded Robotic Pool Cleaner - Product Image\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/chasing_poolmate_hydro4_robotic_pool_cleaner_2_8851281d-85b3-4b91-9cf3-09da6d879705.webp?v=1768757448\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/chasing_poolmate_hydro4_robotic_pool_cleaner_3_63ce6377-5329-4448-b3a4-dd6b2ca623c2.webp?v=1768757448\"\u003e\n    \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/chasing_poolmate_hydro4_robotic_pool_cleaner_6.webp?v=1768757448\"\u003e\n    \u003cmeta property=\"og:price:amount\" content=\"599.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 | CHASING POOLMATE Hydro4-corded Robotic Pool Cleaner\"\u003e\n    \u003cmeta name=\"twitter:description\" content=\"CHASING POOLMATE Hydro4-corded Robotic Pool Cleaner is a robotic pool cleaner with Dual Cleaning System, Dual-Stage Filtration, Lateral Jet Technology.\"\u003e\n    \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/chasing_poolmate_hydro4_robotic_pool_cleaner_4_78bc4a30-50bb-4b86-89b1-d84d6bb2780d.webp?v=1768757448\"\u003e\n    \u003cmeta name=\"twitter:image:alt\" content=\"CHASING POOLMATE Hydro4-corded Robotic Pool Cleaner\"\u003e\n  \n    \n    \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n    \u003cmeta property=\"product:brand\" content=\"CHASING\"\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=\"599.00\"\u003e\n    \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n    \u003cmeta property=\"product:retailer_item_id\" content=\"RBD-Cit-25\"\u003e\n    \n    \u003cmeta property=\"product:mfr_part_no\" content=\"Hydro4-corded\"\u003e\n    \u003cmeta property=\"product:category\" content=\"Home \u0026amp; Garden \u0026gt; Swimming Pools \u0026amp; Spas \u0026gt; Pool \u0026amp; Spa Cleaning \u0026amp; Maintenance \u0026gt; Pool Cleaners\"\u003e\n    \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n    \n    \u003c!-- Structured Data --\u003e\n    \n    \n    \n    \n    \u003c!-- Canonical URL --\u003e\n    \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-poolmate-hydro4-corded-robotic-pool-cleaner\"\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-consumer\"\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 #7DD3FC44, 0 2px 8px rgba(0,0,0,0.35); }\n        50%       { box-shadow: 0 0 0 3px #7DD3FC22, 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 #7DD3FC; }\n        50%       { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #7DD3FC, 0 0 14px #7DD3FC88; }\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(3,105,161,0.9);\n              border:1px solid rgba(56,189,248,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:#7DD3FC;\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:#E0F2FE;\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                Pool Cleaners\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          #7DD3FC 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\"\u003eCHASING POOLMATE Hydro4-corded Robotic Pool\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eCleaner\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;\"\u003eCHASING\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\"\u003eRobotic Pool Cleaner\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\"\u003ePool maintenance \u0026amp; automation\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip rc-hero-meta-odd\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eWarranty available\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n      \n    \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n      \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \n      \n      \u003cdiv class=\"rc-hero-subtitle\"\u003e\n        \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for medium to large swimming pools, this advanced robotic cleaner utilizes the world's first dual cleaning system with twin inlets and a dual-zone filter basket. Delivering a powerful 5070 GPH suction flow, it provides uninterrupted corded performance across floors, walls, and waterlines. Integrated app control and patented lateral jets ensure comprehensive coverage and precision cleaning for all pool shapes and materials.\u003c\/p\u003e\n        \n      \u003c\/div\u003e\n      \n          \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n            \u003cspan class=\"rc-badge\"\u003ePower Source: 120 V AC\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLarge Dual-Zone Filter: : 4.1L basket with 180\u0026amp;mu;m...\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eControl Method: App\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\/chasing_poolmate_hydro4_robotic_pool_cleaner_4_78bc4a30-50bb-4b86-89b1-d84d6bb2780d.webp?v=1768757448\" 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;\"\u003eEngineered for medium to large swimming pools, this advanced robotic cleaner utilizes the world\u0026amp;#039;s first dual cleaning system with twin inlets and a dual-zone filter basket.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIntegrated app control and patented lateral jets ensure comprehensive coverage and precision cleaning for all pool shapes and materials.\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;\"\u003eHomeowners with medium to large swimming pools who require a high-suction, corded robotic solution for consistent, deep cleaning without battery limitations or manual intervention.\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;\"\u003eClean floors, walls, and waterlines in a single automated cycle.\u003c\/h3\u003e\n        \n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n        \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n        \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eNavigate slopes and elevated platforms within the pool environment.\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;\"\u003eFilter particles as small as 180μm (or 50μm with optional basket).\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;\"\u003eOperate continuously without recharging via corded power connection.\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\/chasing_poolmate_hydro4_robotic_pool_cleaner_2_8851281d-85b3-4b91-9cf3-09da6d879705.webp?v=1768757448\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n          \n\n          \u003c!-- SPECIFICATIONS --\u003e\n          \n    \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n        \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"rc-collapse-body\"\u003e\n          \u003cdiv class=\"rc-accordion-container\"\u003e\n            \n      \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n        \u003csummary class=\"rc-accordion-header\"\u003e\n          \u003cspan class=\"rc-accordion-title\"\u003ePool 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\"\u003eHose Length\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e15 Meters Materials \u0026amp; Care Material Type: Plastic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003e3 Cleaning Modes\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e: Auto, Floor, and Walls \u0026amp; Waterline \u0026amp;mdash; covering every surface, even slopes and platforms.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ePlastic\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\"\u003ePower \u0026amp; Runtime\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\"\u003ePower Source\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e120 V AC\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e6.5 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 Voltage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e110 V\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eCorded Length(Ft)\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e50 Ft\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eVoltage\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e120 Volts (AC)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eAuto-Docking\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e: Automatically returns to pool edge \u0026amp;mdash; no need to fish it out manually.Style Corded Mode Battery Mode2-in-1 Set3-4 Day Delivery30-Day Money Back3-Year Warranty Local Service\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\"\u003eCleaning 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\"\u003eEnhanced Waterline Cleaning\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e: Patented lateral jets clean 25% more edge area and remove stubborn buildup.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eDurable Motors\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e: Salt- and chlorine-resistant motors last up to 3\u0026amp;times; longer than others.\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\"\u003eFiltration \u0026amp; Brushes\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\"\u003eDual-Stage Filtratio\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003en: The front filter zone captures leaves and larger debris, while the rear zone performs a precision follow-up, trapping fine particles like sand and gravel.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eLarge Dual-Zone Filter\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e: 4.1L basket with 180\u0026amp;mu;m mesh traps 40% more debris than standard filters.\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\"\u003eControls \u0026amp; App\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eControl Method\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eApp\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 Details\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\"\u003eLoad Capacity\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e9 lb Measurements Item Dimensions L x W x H: 1\"L x 1\"W x 1\"H\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Care Instructions\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e3-Year Warranty Additional details Color: White Warranty \u0026amp; Support\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eColor\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eWhite\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\"\u003eGeneral Specs\u003c\/span\u003e\n          \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"rc-accordion-content\"\u003e\n          \u003cdiv class=\"rc-accordion-body\"\u003e\n            \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eModel Name\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eHydro4\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003ePacking List\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eChasing pool vacuum comes with 1 Robotic Pool Cleaner, 49ft\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eBest Sellers Rank\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003e#68,913 in Patio, Lawn \u0026amp; Garden (See Top 100 in Patio, Lawn \u0026amp; Garden) #131 in Robotic Pool Cleaners\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eEfficiency\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eHigh\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003ePoolmate\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eWarranty Type\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eLimited\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n      \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n        \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Warranty\u003c\/span\u003e\n        \u003cspan class=\"rc-spec-value-acc\"\u003eFor warranty information about this product, please click here Feedback Would you like to\u003c\/span\u003e\n      \u003c\/div\u003e\n    \n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-spec\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/chasing_poolmate_hydro4_robotic_pool_cleaner_3_63ce6377-5329-4448-b3a4-dd6b2ca623c2.webp?v=1768757448\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n          \n    \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"4\" 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(4 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 Tethering cable (9.8ft)\u003c\/li\u003e\n\u003cli\u003e1x Power control box\u003c\/li\u003e\n\u003cli\u003e3x Crew\u003c\/li\u003e\n\u003cli\u003e1x O-ring\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\u003e50μm hyper-fine basket filter (Optional accessory)\u003c\/li\u003e\n\u003cli\u003eSmartphone for app control\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-inclusion\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/chasing_poolmate_hydro4_robotic_pool_cleaner_5.webp?v=1768757448\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n          \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=gxwGSLVDGiI\" 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\/gxwGSLVDGiI\/hqdefault.jpg\" alt=\"Poolmate Hydro 4 , your ultimate solution for hassle-free! | Poolmate Robot Pool Cleaner\" 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=\"gxwGSLVDGiI\" style=\"margin-top: 14px; font-size: 13px; color: #64748b; text-align: center; font-weight: 500; letter-spacing: 0.3px;\"\u003ePoolmate Hydro 4 , your ultimate solution for hassle-free! | Poolmate Robot Pool Cleaner\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 cleaner handle fine sand and silt?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eYes, the dual-zone filter basket is specifically designed for this. The rear zone features a 180μm mesh that performs a precision follow-up to trap fine particles like sand and gravel that standard filters might miss. For even finer filtration, an optional 50μm hyper-fine basket is available.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eHow does the auto-docking feature work?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eOnce the cleaning cycle is complete or if a retrieval command is sent via the app, the robot automatically navigates to the pool edge and floats to the surface. This eliminates the need for manual retrieval with a hook or pole, making it much easier to remove from the water.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \n    \u003cdetails class=\"rc-faq-item\"\u003e\n      \u003csummary class=\"rc-faq-question\"\u003eIs the app required for basic operation?\u003c\/summary\u003e\n      \u003cdiv class=\"rc-faq-answer\"\u003eWhile the app provides advanced features like manual navigation, scheduling, and mode switching, the robot can be operated via the power control box. However, for the best experience, real-time monitoring, and firmware updates (OTA), the Poolmate Bot app is highly recommended.\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\"\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\"\u003eMobile Application\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003ePoolmate Bot (Pro Ver.-Cloud Control)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003ePool Compatibility\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eAll Shapes (Round, Kidney, Rectangular)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eSurface Compatibility\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eAll Materials (Vinyl, Concrete, Tile, Fiberglass)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n    \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n      \u003cspan class=\"rc-spec-label-acc\"\u003eReal-time Underwater Control\u003c\/span\u003e\n      \u003cspan class=\"rc-spec-value-acc\"\u003eYes\u003c\/span\u003e\n    \u003c\/div\u003e\n  \n          \u003c\/div\u003e\n\n      \u003cdiv class=\"rc-strategic-image rc-strategic-image-techdetail\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/9026\/8577\/files\/chasing_poolmate_hydro4_robotic_pool_cleaner_6.webp?v=1768757448\" alt=\"Product overview\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n        \u003cdiv class=\"rc-image-caption\"\u003eProduct overview\u003c\/div\u003e\n      \u003c\/div\u003e\n    \n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- 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 After every cleaning cycle\n          \u003c\/div\u003e\n          \u003cul class=\"rc-maintenance-list\"\u003e\n    \u003cli class=\"rc-maintenance-req\"\u003eEmpty and rinse the 4.1L dual-zone filter basket\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eRinse the robot exterior with fresh water to remove chlorine or salt residue\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eInspect the front and rear roller brushes for tangled hair or debris\u003c\/li\u003e\n  \n    \u003cli class=\"rc-maintenance-req\"\u003eStore the power control box in a shaded, dry area\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\"\u003eCHASING POOLMATE Hydro4-corded Robotic Pool Cleaner\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\"\u003eRobotic Pool Cleaner\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\"\u003eRBD-Cit-25\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\"\u003eChasing-innovation Technology\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\"\u003eHydro4-corded\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$599.00\u003c\/span\u003e\n\u003c\/div\u003e\n        \n        \n      \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/section\u003e\n  \n\n          \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n          \n    \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n      \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n        \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eSetup \u0026amp; Support Information\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\"\u003eCHASING POOLMATE Hydro4-corded Robotic Pool Cleaner has setup, care, and support information available to help with evaluation and ownership.\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 setup information\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":"Chasing Cleaner","offers":[{"title":"Default Title","offer_id":53352364048727,"sku":"RBD-Cit-25","price":599.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/chasing-poolmate-hydro4-corded-robotic-pool-cleaner-01.webp?v=1776680469","url":"https:\/\/therobocraft.com\/products\/chasing-poolmate-hydro4-corded-robotic-pool-cleaner","provider":"The Robo Craft","version":"1.0","type":"link"}