{"title":"QYSEA","description":"","products":[{"product_id":"robotic-arm-for-qysea-v6-plus-underwater-drone","title":"Robotic Arm for QYSea V6+ Underwater Drone","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=\"Robotic Arm for QYSea V6+ Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Robotic Arm for QYSea V6+ Underwater Drone, QYsea, Accessory, accessories, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Robotic Arm for QYSea V6+ Underwater Drone\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 | Robotic Arm for QYSea V6+ Underwater Drone\"\u003e\n \u003cmeta property=\"og:description\" content=\"Robotic Arm for QYSea V6+ Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/robotic-arm-for-qysea-v6-underwater-drone\"\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\/0236\/4759\/files\/RoboticArm_3-Finger_0.jpg?v=1721885695\"\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=\"Robotic Arm for QYSea V6+ Underwater Drone - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Robotic_Arm_3-Finger_1_65ae68f9-6dc9-4601-9ca2-3da88fc7b025.jpg?v=1721885706\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"1168.70\"\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 | Robotic Arm for QYSea V6+ Underwater Drone\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Robotic Arm for QYSea V6+ Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/RoboticArm_3-Finger_0.jpg?v=1721885695\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Robotic Arm for QYSea V6+ Underwater Drone\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"1168.70\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"ACC-ROB-57B7\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Robotic Arm for QYSea V6+ Underwater Drone\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include 4.6 kg weight, Dimensions 383 mm (l) x 331 mm (w) x 143 mm (h), Thrusters: 6 Vectored Thrusters (Q-Motor), and Maneuverability: 6 Do F.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/RoboticArm_3-Finger_0.jpg?v=1721885695\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Robotic_Arm_3-Finger_1_65ae68f9-6dc9-4601-9ca2-3da88fc7b025.jpg?v=1721885706\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Accessory\",\"sku\":\"ACC-ROB-57B7\",\"url\":\"https:\/\/therobocraft.com\/products\/robotic-arm-for-qysea-v6-underwater-drone\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/robotic-arm-for-qysea-v6-underwater-drone\",\"priceCurrency\":\"USD\",\"price\":\"1168.70\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}}},\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":4.6,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"4.6 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Dimensions\",\"value\":\"383 mm (l) x 331 mm (w) x 143 mm (h)\"},{\"@type\":\"PropertyValue\",\"name\":\"Thrusters\",\"value\":\"6 Vectored Thrusters (Q-Motor)\"},{\"@type\":\"PropertyValue\",\"name\":\"Maneuverability\",\"value\":\"6 DoF\"},{\"@type\":\"PropertyValue\",\"name\":\"Posture Lock\",\"value\":\"Lock the ROV Pitch or Roll Angle with ± 0.1° Accuracy\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessory\",\"item\":\"https:\/\/therobocraft.com\/collections\/accessories\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Robotic Arm for QYSea V6+ Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/products\/robotic-arm-for-qysea-v6-underwater-drone\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/robotic-arm-for-qysea-v6-underwater-drone\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #D1D5DB44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #D1D5DB22, 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 #D1D5DB; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #D1D5DB, 0 0 14px #D1D5DB88; }\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(55,65,81,0.9);\n border:1px solid rgba(156,163,175,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:#D1D5DB;\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:#F3F4F6;\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 Accessory\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 #D1D5DB 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\"\u003eRobotic Arm for QYSea V6+ Underwater\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eDrone\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;\"\u003eQYsea\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\"\u003eAccessory\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\"\u003eROV upgrades \u0026amp; fit\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=\"#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;\"\u003eExpand the utility of your underwater operations with this precision manipulation tool. Engineered for the V6 series, this 2-finger claw enables the retrieval of submerged objects and the execution of complex tasks in challenging marine environments. It integrates seamlessly via the proprietary Q-Interface, ensuring reliable power and control while maintaining the drone\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 4.6 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDimensions: 383 mm (l) x 331 mm (w) x 1...\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eThrusters: 6 Vectored Thrusters (Q-Motor)\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eManeuverability: 6 Do F\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePosture Lock: Lock the ROV Pitch or Roll ...\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\/0236\/4759\/files\/Robotic%20Arm_3-Finger_0.jpg?v=1721885695\" 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;\"\u003eExpand the utility of your underwater operations with this precision manipulation tool.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIt integrates seamlessly via the proprietary Q-Interface, ensuring reliable power and control while maintaining the drone\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Robotic_Arm_3-Finger_1_65ae68f9-6dc9-4601-9ca2-3da88fc7b025.jpg?v=1721885706\" 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!-- 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\"\u003eROV\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\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e383 mm (l) x 331 mm (w) x 143 mm (h)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.6 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eThrusters\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Vectored Thrusters (Q-Motor)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eManeuverability\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePosture Lock\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLock the ROV Pitch or Roll Angle with ± 0.1° Accuracy\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHovering\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eKeep the ROV’s Suspended Elevation with ± 1 cm Accuracy\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSpeed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMax 3 Knots (1.5 m\/s)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDepth Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTemperature Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-10 °C ~ 60 °C\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMax 5 Hours\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e156 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1h Quick Charge (90% Capacity)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12.6 V\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\"\u003eCAMERAS\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\"\u003eSensor\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1\/2.3” SONY CMOS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMegapixels\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12 MP\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eField of View\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e166° FOV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eShutter Speed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5~1\/5000 Seconds\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAWB (Auto White Balance)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2,500K ~ 8,000K\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eExposure\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-3.0EV ~ 3.0EV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePhoto Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4:3, 4000x3000\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePhoto Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eJPEG, DNG\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVideo Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 K UHD: 25\/30 FPS | 1080P FHD: 25\/30\/50\/60\/100\/120 FPS | 720P HD: 25\/30\/50\/60\/100\/120\/200\/240 FPS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVideo Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMPEG-4 AVC\/H.264, HEVC\/H.265\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eStabilization\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eEIS (Electronic Image Stabilization)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eColour Encoding\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNTSC \u0026amp; PAL\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\"\u003eLIGHTS\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\"\u003eBrightness\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6000 Lumen LED Lights\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCCT\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5,500K (Correlated Color Temperature)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBeam Angle\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e120°\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\"\u003eCHARGERS\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\"\u003eROV Charger Input\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100-240 V, 50\/60Hz, 3.0 A Max\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eROV Charger Output\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12.6 V = 10 A\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\"\u003eCONTROLLER\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Features\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5 Ghz Wi-Fi, 11 A\/n\/ac\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMax 4 Hours\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSD Card Support\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFormat in FAT32 or ex FAT (Up to 128GB)\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\"\u003eQ-INTERFACE\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePorts\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 Accessory Port\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\"\u003e316 Stainless Steel\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\"\u003eTETHER\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\"\u003eLength\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100m Standard (200m\/300m Optional)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBreaking Force\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100 kgf\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDiameter\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.0 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSpool Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e238 mm (l) x 213 mm (w) x 205 mm (h)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\n \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\"\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with QYSea V6+ Underwater Drone\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n\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\"\u003eRobotic Arm for QYSea V6+ Underwater Drone\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\"\u003eAccessory\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\"\u003eACC-ROB-57B7\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$1,168.70\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eRobotic Arm for QYSea V6+ Underwater Drone includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(4)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440372543831,"sku":"ACC-ROB-57B7","price":1168.7,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/RoboticArm_3-Finger_0.jpg?v=1767298717"},{"product_id":"robotic-arm-for-qysea-v6-expert-underwater-drone","title":"Robotic Arm for QYSea V6 Expert Underwater Drone","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=\"Robotic Arm for QYSea FIFISH V6 Expert - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Robotic Arm for QYSea FIFISH V6 Expert, QYsea, Robot Part, robot-part, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Robotic Arm for QYSea FIFISH V6 Expert\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 | Robotic Arm for QYSea FIFISH V6 Expert\"\u003e\n \u003cmeta property=\"og:description\" content=\"Robotic Arm for QYSea FIFISH V6 Expert - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/robotic-arm-for-qysea-fifish-v6-expert\"\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\/0236\/4759\/products\/V6ExpertRoboticArmalone.jpg?v=1639760936\"\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=\"Robotic Arm for QYSea FIFISH V6 Expert - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6ExpertRoboticArm.jpg?v=1639760937\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"799.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 | Robotic Arm for QYSea FIFISH V6 Expert\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Robotic Arm for QYSea FIFISH V6 Expert - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6ExpertRoboticArmalone.jpg?v=1639760936\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Robotic Arm for QYSea FIFISH V6 Expert\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"799.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"PRT-ROB-6E37\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Robotic Arm for QYSea FIFISH V6 Expert\",\"description\":\"Built for professional use. Verified specifications include 4.6 kg weight, Length 383 mm, Width 331 mm, and Height 143 mm.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6ExpertRoboticArmalone.jpg?v=1639760936\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6ExpertRoboticArm.jpg?v=1639760937\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Robot Part\",\"sku\":\"PRT-ROB-6E37\",\"url\":\"https:\/\/therobocraft.com\/products\/robotic-arm-for-qysea-fifish-v6-expert\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/robotic-arm-for-qysea-fifish-v6-expert\",\"priceCurrency\":\"USD\",\"price\":\"799.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}}},\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":4.6,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"4.6 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Length\",\"value\":\"383 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Width\",\"value\":\"331 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Height\",\"value\":\"143 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Thrusters\",\"value\":\"6 Vectored Thrusters (Q-Motor)\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Robot Part\",\"item\":\"https:\/\/therobocraft.com\/collections\/robot-part\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Robotic Arm for QYSea FIFISH V6 Expert\",\"item\":\"https:\/\/therobocraft.com\/products\/robotic-arm-for-qysea-fifish-v6-expert\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/robotic-arm-for-qysea-fifish-v6-expert\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #D1D5DB44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #D1D5DB22, 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 #D1D5DB; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #D1D5DB, 0 0 14px #D1D5DB88; }\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(55,65,81,0.9);\n border:1px solid rgba(156,163,175,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:#D1D5DB;\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:#F3F4F6;\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 Robot Part\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 #D1D5DB 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\"\u003eRobotic Arm for QYSea FIFISH V6\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eExpert\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;\"\u003eQYsea\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\"\u003eRobot Part\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\"\u003eSTEM \u0026amp; prototyping\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=\"#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;\"\u003eEnhance your underwater operations with this precision-engineered manipulation tool. Designed specifically for the FIFISH V6 Expert, this two-finger robotic arm allows operators to retrieve, move, and recover objects at depths up to 100 meters. Constructed from rugged 316 stainless steel, it integrates seamlessly via the drone\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 4.6 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLength: 383 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWidth: 331 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eHeight: 143 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eThrusters: 6 Vectored Thrusters (Q-Motor)\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\/0236\/4759\/products\/V6Expert%20Robotic%20Armalone.jpg?v=1639760936\" alt=\"Robotic Arm for V6 Expert Submarine\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eRobotic Arm for V6 Expert Submarine\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;\"\u003eEnhance your underwater operations with this precision-engineered manipulation tool.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6Expert%20Robotic%20Arm.jpg?v=1639760937\" alt=\"Robot Arm for Underwater V6 Drone\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eRobot Arm for Underwater V6 Drone\u003c\/div\u003e\n \u003c\/div\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\"\u003eROV Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLength\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e383 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWidth\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e331 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e143 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eWeight and Thrusters\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.6 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eThrusters\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Vectored Thrusters (Q-Motor)\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\"\u003eManeuverability and Posture Lock\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\"\u003eManeuverability\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePosture Lock\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLock the ROV Pitch or Roll Angle with ± 0.1° Accuracy\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\"\u003eHovering and Speed\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\"\u003eHovering\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eKeep the ROV’s Suspended Elevation with ± 1 cm Accuracy\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSpeed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMax 3 Knots (1.5 m\/s)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDepth Rating and Temperature Range\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\"\u003eDepth Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTemperature Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-10 °C ~ 60 °C\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-5\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eOperating Time and Battery Capacity\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\"\u003eOperating Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMax 5 Hours\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e156 Wh\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\"\u003eCharging Time and Voltage\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\"\u003eCharging Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1h Quick Charge (90% Capacity)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12.6 V\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eCamera 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\"\u003eSensor\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1\/2.3” SONY CMOS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMegapixels\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12 MP\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eField of View\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e166° FOV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eShutter Speed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5~1\/5000 Seconds\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAWB (Auto White Balance)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2,500K ~ 8,000K\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eExposure\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-3.0EV ~ 3.0EV\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-8\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePhoto and Video Resolution\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\"\u003ePhoto Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4:3, 4000x3000\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePhoto Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eJPEG, DNG\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVideo Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 K UHD: 25\/30 FPS | 1080P FHD: 25\/30\/50\/60\/100\/120 FPS | 720P HD: 25\/30\/50\/60\/100\/120\/200\/240 FPS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVideo Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMPEG-4 AVC\/H.264, HEVC\/H.265\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-9\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eStabilization and Colour Encoding\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\"\u003eStabilization\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eEIS (Electronic Image Stabilization)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eColour Encoding\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNTSC \u0026amp; PAL\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-10\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eStorage\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\"\u003eStorage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e128 GB Standard\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-11\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eLights\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\"\u003eBrightness\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6000 Lumen LED Lights\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCCT\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5,500K (Correlated Color Temperature)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBeam Angle\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e120°\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-12\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eChargers\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\"\u003eROV Charger Input\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100-240 V, 50\/60Hz, 3.0 A Max\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-13\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eController\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Features\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5 Ghz Wi-Fi, 11 A\/n\/ac\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMax 4 Hours\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSD Card Support\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFormat in FAT32 or ex FAT (Up to 128GB)\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-14\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eQ-Interface\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePorts\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 Accessory Port\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\"\u003e316 Stainless Steel\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-15\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eTether\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\"\u003eBreaking Force\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100 kgf\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDiameter\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.0 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSpool Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e238 mm (l) x 213 mm (w) x 205 mm (h)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\n \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\"\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with QYSea FIFISH V6 Expert\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003ch3\u003eOperating Environment:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eOperating Time:\u003c\/strong\u003e Max 5 Hours\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eBattery Capacity:\u003c\/strong\u003e 156 Wh\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n\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\"\u003eRobotic Arm for QYSea FIFISH V6 Expert\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\"\u003eRobot Part\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\"\u003ePRT-ROB-6E37\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$799.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eRobotic Arm for QYSea FIFISH V6 Expert includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(5)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440372478295,"sku":"PRT-ROB-6E37","price":799.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/V6ExpertRoboticArmalone.jpg?v=1767298717"},{"product_id":"qysea-hdmi-box-for-fifish-v6-and-v6s-underwater-drones","title":"Qysea HDMI Box Live Video Output for QYSea Underwater Drones","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=\"Qysea HDMI Box Live Video Output for QYSea Underwater Drones - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Qysea HDMI Box Live Video Output for QYSea Underwater Drones, QYsea, Underwater Drone, underwater-drone, Real-time Projection, U-Disk Storage, Multi-Port I\/O, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Qysea HDMI Box Live Video Output for QYSea Underwater Drones\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 | Qysea HDMI Box Live Video Output for QYSea Underwater Drones\"\u003e\n \u003cmeta property=\"og:description\" content=\"Qysea HDMI Box Live Video Output for QYSea Underwater Drones - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/qysea-hdmi-box-live-video-output-for-qysea-underwater-drones\"\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\/0236\/4759\/products\/QyseaFifishHDMIBox.jpg?v=1636847187\"\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=\"Qysea HDMI Box Live Video Output for QYSea Underwater Drones - Product Image\"\u003e\n \n \u003cmeta property=\"og:price:amount\" content=\"199.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 | Qysea HDMI Box Live Video Output for QYSea Underwater Drones\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Qysea HDMI Box Live Video Output for QYSea Underwater Drones - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/QyseaFifishHDMIBox.jpg?v=1636847187\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Qysea HDMI Box Live Video Output for QYSea Underwater Drones\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"199.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS022\"\u003e\n \n \n \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; GPS \u0026amp; Navigation \u0026gt; Drones\"\u003e\n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Qysea HDMI Box Live Video Output for QYSea Underwater Drones\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include Output Type: HDMI Real-time Projection, Power Input: DC 9 V 2 A, Network Port: Ethernet RJ45, and Storage Support: U-Disk Recording.\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/QyseaFifishHDMIBox.jpg?v=1636847187\",\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Underwater Drone\",\"sku\":\"UDQYS022\",\"mpn\":\"FIFISH V6 EXPERT, V-EVO, V6s, V6, PRO V6 PLUS, PRO W6\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-hdmi-box-live-video-output-for-qysea-underwater-drones\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-hdmi-box-live-video-output-for-qysea-underwater-drones\",\"priceCurrency\":\"USD\",\"price\":\"199.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty (6 Month Battery Warranty if applicable)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Output Type\",\"value\":\"HDMI Real-time Projection\"},{\"@type\":\"PropertyValue\",\"name\":\"Power Input\",\"value\":\"DC 9 V 2 A\"},{\"@type\":\"PropertyValue\",\"name\":\"Network Port\",\"value\":\"Ethernet RJ45\"},{\"@type\":\"PropertyValue\",\"name\":\"Storage Support\",\"value\":\"U-Disk Recording\"},{\"@type\":\"PropertyValue\",\"name\":\"Operating Temp\",\"value\":\"0-45℃\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Which FIFISH ROV models are compatible with this HDMI Box?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This accessory is fully compatible with the FIFISH V6, V6s, V-EVO, V6 EXPERT, PRO V6 PLUS, and PRO W6 models. It is designed to interface seamlessly with the remote controllers of these specific underwater robots.\"}},{\"@type\":\"Question\",\"name\":\"Can I record video directly to the box without a computer?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the HDMI Box 2.0 features a dedicated USB port that supports U-Disk storage. This allows you to record your underwater footage directly to an external flash drive while simultaneously outputting the live feed to a monitor.\"}},{\"@type\":\"Question\",\"name\":\"What is the setup process for live streaming?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Setup is completed in four simple steps: perform the hardware connection, connect the HDMI Box to your Remote Control and TV, select the correct HDMI input on your display, and press the power button on the HDMI Box.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/collections\/underwater-drone\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Qysea HDMI Box Live Video Output for QYSea Underwater Drones\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-hdmi-box-live-video-output-for-qysea-underwater-drones\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/qysea-hdmi-box-live-video-output-for-qysea-underwater-drones\"\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 #67E8F944, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #67E8F922, 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 #67E8F9; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #67E8F9, 0 0 14px #67E8F988; }\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(8,145,178,0.9);\n border:1px solid rgba(34,211,238,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:#67E8F9;\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:#CFFAFE;\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 Underwater Drone\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 #67E8F9 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\"\u003eQysea HDMI Box Live Video Output for QYSea Underwater\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eDrones\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;\"\u003eQYsea\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\"\u003eUnderwater Drone\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\"\u003eInspection \u0026amp; exploration\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\"\u003e6-month warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eStream high-definition underwater footage in real-time to any HDMI-compatible display with this professional interface box. Designed for the FIFISH ROV ecosystem, it enables zero-latency projection for team-based inspections and public broadcasts. Featuring a robust array of I\/O ports including RJ45 Ethernet and USB-C, it supports simultaneous U-Disk recording and a simple 4-step setup for rapid field deployment.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eOutput Type: HDMI Real-time Projection\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePower Input: DC 9 V 2 A\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eNetwork Port: Ethernet RJ45\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eStorage Support: U-Disk Recording\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eOperating Temp: 0-45℃\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\/0236\/4759\/products\/Qysea%20Fifish%20HDMIBox.jpg?v=1636847187\" alt=\"Qysea HDMI Box for Fifish V6 and V6S Underwater Drones - Urban Drones\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eQysea HDMI Box for Fifish V6 and V6S Underwater Drones - Urban Drones\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;\"\u003eStream high-definition underwater footage in real-time to any HDMI-compatible display with this professional interface box.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eDesigned for the FIFISH ROV ecosystem, it enables zero-latency projection for team-based inspections and public broadcasts.\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;\"\u003eProfessional ROV pilots, marine engineering teams, and underwater videographers who require large-screen monitoring and reliable external recording capabilities.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eOutputs live 4K video feed to external monitors via HDMI.\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;\"\u003eRecords underwater footage directly to external USB flash drives.\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;\"\u003eProvides wired network access via RJ45 Ethernet port.\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;\"\u003eInterfaces with FIFISH Remote Controllers for synchronized data transmission.\u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n \n\n \u003c!-- SPECIFICATIONS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-container\"\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePhysical Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDimension\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eL924mm*W640mm*H32mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperation Temperature\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0-45℃\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 Specifications\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePower Input\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDC 9 V 2 A\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\"\u003eInput\/Output Ports\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\"\u003eHDMI Port\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1x\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"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 HDMI Box 2.0\u003c\/li\u003e\n\u003cli\u003e1x USB-C Cable\u003c\/li\u003e\n\u003cli\u003e1x HDMI Cable\u003c\/li\u003e\n\u003cli\u003e1x Mini USB to Ethernet Cable\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\u003eFIFISH Underwater Drone\u003c\/li\u003e\n\u003cli\u003eRemote Controller\u003c\/li\u003e\n\u003cli\u003eHDMI Display\/Monitor\u003c\/li\u003e\n\u003cli\u003eU-Disk Storage Drive\u003c\/li\u003e\n\u003cli\u003eDC 9V Power Adapter\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eWhich FIFISH ROV models are compatible with this HDMI Box?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis accessory is fully compatible with the FIFISH V6, V6s, V-EVO, V6 EXPERT, PRO V6 PLUS, and PRO W6 models. It is designed to interface seamlessly with the remote controllers of these specific underwater robots.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan I record video directly to the box without a computer?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the HDMI Box 2.0 features a dedicated USB port that supports U-Disk storage. This allows you to record your underwater footage directly to an external flash drive while simultaneously outputting the live feed to a monitor.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat is the setup process for live streaming?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eSetup is completed in four simple steps: perform the hardware connection, connect the HDMI Box to your Remote Control and TV, select the correct HDMI input on your display, and press the power button on the HDMI Box.\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\"\u003eCompatible Models\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH V6 EXPERT, V-EVO, V6s, V6, PRO V6 PLUS, PRO W6\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePrimary Function\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHDMI Real-time projection screen display\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Function\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eU-Disk storage when video shooting\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eConnector Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHDMI\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSetup Complexity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4-Step Hardware Connection\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Temperature Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0 to 45 Degrees Celsius\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with QYSea Underwater Drones\u003c\/li\u003e\n \u003cli\u003eCompatible with this HDMI Box\u003c\/li\u003e\n \u003cli\u003eCompatible with the FIFISH V6, V6s, V-EVO, V6 EXPERT, PRO V6 PLUS, and PRO W6 models\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After each use\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eInspect ports for debris or moisture\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure cables are stored without sharp kinks\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eKeep firmware updated via the USB-C interface\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\"\u003eQysea HDMI Box Live Video Output for QYSea Underwater Drones\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\"\u003eUnderwater Drone\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\"\u003eUDQYS022\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$199.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eQysea HDMI Box Live Video Output for QYSea Underwater Drones includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(3)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440372379991,"sku":"UDQYS022","price":89.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/QyseaFifishHDMIBox.jpg?v=1767298717"},{"product_id":"qysea-fifish-thruster-protectors-for-ego-underwater-drone","title":"QYSea Fifish Thruster Protectors For EGO Underwater Drone","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=\"QYSea Fifish Thruster Protectors for EGO Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"QYSea Fifish Thruster Protectors for EGO Underwater Drone, QYsea, Drone Part, drone-part, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | QYSea Fifish Thruster Protectors for EGO Underwater Drone\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 | QYSea Fifish Thruster Protectors for EGO Underwater Drone\"\u003e\n \u003cmeta property=\"og:description\" content=\"QYSea Fifish Thruster Protectors for EGO Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/qysea-fifish-thruster-protectors-for-ego-underwater-drone\"\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\/0236\/4759\/files\/ego_thrusters_protectors.jpg?v=1750946380\"\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=\"QYSea Fifish Thruster Protectors for EGO Underwater Drone - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ego_thrusters_protectors_kit.jpg?v=1750946390\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"89.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 | QYSea Fifish Thruster Protectors for EGO Underwater Drone\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"QYSea Fifish Thruster Protectors for EGO Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ego_thrusters_protectors.jpg?v=1750946380\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"QYSea Fifish Thruster Protectors for EGO Underwater Drone\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"89.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"DRO-QYS-6402\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"QYSea Fifish Thruster Protectors for EGO Underwater Drone\",\"description\":\"Built for professional use. Verified specifications include Lead time for this product: 2 weeks. Hull Inspections: Navigating near barnacle-encrusted ships where loose debris and lines are common.,Search and Recovery: Operating in murky lake bottoms with submerged branches and aquatic vegetation.,Aquaculture Monitoring: Inspecting fish pens where netting could pose a risk to open thruster propellers.,Scientific Research: Exploring kelp forests or seagrass beds where entanglement risks are high.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ego_thrusters_protectors.jpg?v=1750946380\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ego_thrusters_protectors_kit.jpg?v=1750946390\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Drone Part\",\"sku\":\"DRO-QYS-6402\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-thruster-protectors-for-ego-underwater-drone\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-thruster-protectors-for-ego-underwater-drone\",\"priceCurrency\":\"USD\",\"price\":\"89.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Lead time for this product\",\"value\":\"2 weeks\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Is the underwater drone included with this purchase?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, this product includes only the thruster protectors; the FIFISH EGO drone must be purchased separately.\"}},{\"@type\":\"Question\",\"name\":\"What is the standard lead time for this accessory?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"There is a standard lead time of approximately 2 weeks for this specific accessory after the order is placed.\"}},{\"@type\":\"Question\",\"name\":\"Which FIFISH models are these protectors compatible with?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"These protectors are specifically designed for the FIFISH EGO model. Compatibility with other models like the V6 or V-EVO is not confirmed.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Drone Part\",\"item\":\"https:\/\/therobocraft.com\/collections\/drone-part\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QYSea Fifish Thruster Protectors for EGO Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-thruster-protectors-for-ego-underwater-drone\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/qysea-fifish-thruster-protectors-for-ego-underwater-drone\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #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 Drone Part\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\"\u003eQYSea Fifish Thruster Protectors for EGO Underwater\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eDrone\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;\"\u003eQYsea\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\"\u003eDrone Part\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\"\u003eROV upgrades \u0026amp; fit\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=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eSafeguard your underwater propulsion system with these precision-engineered guards designed specifically for the EGO ROV. These durable protectors prevent seaweed, fishing lines, and aquatic debris from entangling the thrusters, ensuring uninterrupted operation in challenging marine environments. Essential for pilots operating in shallow or vegetated waters, they maintain peak performance without compromising maneuverability.\u003c\/p\u003e\n \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\/0236\/4759\/files\/ego_thrusters_protectors.jpg?v=1750946380\" alt=\"ego thrusters protectors\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eego thrusters protectors\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;\"\u003eSafeguard your underwater propulsion system with these precision-engineered guards designed specifically for the EGO ROV.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eThese durable protectors prevent seaweed, fishing lines, and aquatic debris from entangling the thrusters, ensuring uninterrupted operation in challenging marine environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eProfessional ROV pilots, marine researchers, and industrial inspection teams using the FIFISH EGO underwater drone in high-debris environments.\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 \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ego_thrusters_protectors_kit.jpg?v=1750946390\" alt=\"ego thrusters protectors kit\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eego thrusters protectors kit\u003c\/div\u003e\n \u003c\/div\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\"\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\"\u003eLead time for this product\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2 weeks\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"0\"\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \n \n \u003cdiv class=\"rc-not-included\"\u003e\n \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFIFISH EGO Underwater Drone\u003c\/li\u003e\n\u003cli\u003eInstallation Tools\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eIs the underwater drone included with this purchase?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, this product includes only the thruster protectors; the FIFISH EGO drone must be purchased separately.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat is the standard lead time for this accessory?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThere is a standard lead time of approximately 2 weeks for this specific accessory after the order is placed.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhich FIFISH models are these protectors compatible with?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThese protectors are specifically designed for the FIFISH EGO model. Compatibility with other models like the V6 or V-EVO is not confirmed.\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\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\"\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with EGO Underwater Drone\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every dive\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse with fresh water to remove salt and trapped debris\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect for cracks or loose mounting hardware\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\"\u003eQYSea Fifish Thruster Protectors for EGO Underwater Drone\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\"\u003eDrone Part\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\"\u003eDRO-QYS-6402\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$89.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eQYSea Fifish Thruster Protectors for EGO Underwater Drone includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440372805975,"sku":"PRT-QYS-6402","price":89.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/ego_thrusters_protectors.jpg?v=1767298723"},{"product_id":"qysea-v6-expert-underwater-drone-q-camera-accessory","title":"Qysea V6 Expert Underwater Drone Q Camera Accessory","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=\"Qysea V6 Expert Underwater Drone Q Camera Accessory - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Qysea V6 Expert Underwater Drone Q Camera Accessory, QYsea, Underwater Drone, underwater-drone, Dual Camera System, 166° Ultra-Wide FOV, Integrated LED Lighting, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Qysea V6 Expert Underwater Drone Q Camera Accessory\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 | Qysea V6 Expert Underwater Drone Q Camera Accessory\"\u003e\n \u003cmeta property=\"og:description\" content=\"Qysea V6 Expert Underwater Drone Q Camera Accessory - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/qysea-v6-expert-underwater-drone-q-camera-accessory\"\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\/0236\/4759\/products\/Q-Cameraqyseaexpert2.jpg?v=1639772811\"\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=\"Qysea V6 Expert Underwater Drone Q Camera Accessory - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/Q-Cameraqyseaexpert.jpg?v=1639772810\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"1399.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 | Qysea V6 Expert Underwater Drone Q Camera Accessory\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Qysea V6 Expert Underwater Drone Q Camera Accessory - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/Q-Cameraqyseaexpert2.jpg?v=1639772811\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Qysea V6 Expert Underwater Drone Q Camera Accessory\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"1399.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDR-QYS-470C\"\u003e\n \n \n \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; GPS \u0026amp; Navigation \u0026gt; Drones\"\u003e\n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Qysea V6 Expert Underwater Drone Q Camera Accessory\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include Depth Rating: 100m, Field of View: 166°, LED Brightness: 2000 Lumens, and Storage: 128 GB SD.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/Q-Cameraqyseaexpert2.jpg?v=1639772811\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/Q-Cameraqyseaexpert.jpg?v=1639772810\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Underwater Drone\",\"sku\":\"UDR-QYS-470C\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-v6-expert-underwater-drone-q-camera-accessory\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-v6-expert-underwater-drone-q-camera-accessory\",\"priceCurrency\":\"USD\",\"price\":\"1399.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty; 6 Month Battery Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Depth Rating\",\"value\":\"100m\"},{\"@type\":\"PropertyValue\",\"name\":\"Field of View\",\"value\":\"166°\"},{\"@type\":\"PropertyValue\",\"name\":\"LED Brightness\",\"value\":\"2000 Lumens\"},{\"@type\":\"PropertyValue\",\"name\":\"Storage\",\"value\":\"128GB SD\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Does this accessory work with the standard FIFISH V6?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, this accessory is specifically designed for the V6 Expert model. It requires the specialized Q-Interface found on the Expert series to handle power and data transmission for the dual-camera system.\"}},{\"@type\":\"Question\",\"name\":\"How is the camera powered during a dive?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Q-Camera draws power directly from the V6 Expert ROV's internal battery through the mounting interface. There is no need for a separate external battery pack for this accessory.\"}},{\"@type\":\"Question\",\"name\":\"Can I view both the main camera and the Q-Camera at the same time?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the system is designed for real-time video feed and onshore control. Operators can monitor multiple angles simultaneously to ensure comprehensive coverage of the underwater environment.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/collections\/underwater-drone\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Qysea V6 Expert Underwater Drone Q Camera Accessory\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-v6-expert-underwater-drone-q-camera-accessory\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/qysea-v6-expert-underwater-drone-q-camera-accessory\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #67E8F944, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #67E8F922, 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 #67E8F9; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #67E8F9, 0 0 14px #67E8F988; }\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(8,145,178,0.9);\n border:1px solid rgba(34,211,238,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:#67E8F9;\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:#CFFAFE;\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 Underwater Drone\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 #67E8F9 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\"\u003eQysea V6 Expert Underwater Drone Q Camera\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eAccessory\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;\"\u003eQYsea\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\"\u003eUnderwater Drone\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\"\u003eROV upgrades \u0026amp; fit\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\"\u003e6-month warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEnhances underwater inspections by providing a secondary, multi-angle perspective alongside the primary ROV optics. This auxiliary dual-camera system features integrated 2000-lumen LED illumination and a massive 166-degree field of view, allowing operators to monitor complex environments in real-time. Rated for depths up to 100 meters, it ensures comprehensive visual coverage for professional search, rescue, and infrastructure maintenance missions.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eDepth Rating: 100m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eField of View: 166°\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLED Brightness: 2000 Lumens\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eStorage: 128 GB SD\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\/0236\/4759\/products\/Q-Cameraqyseaexpert2.jpg?v=1639772811\" alt=\"Qysea v6 expert underwater drone camera\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eQysea v6 expert underwater drone camera\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;\"\u003eEnhances underwater inspections by providing a secondary, multi-angle perspective alongside the primary ROV optics.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eProfessional ROV operators, marine inspectors, and search and rescue teams who require enhanced visual capabilities and multi-angle recording for the FIFISH V6 Expert.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eSimultaneous Dual-View Recording\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;\"\u003eMulti-Angle Visual Inspection\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;\"\u003eReal-Time Surface Video Transmission\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;\"\u003eDeep-Water Operation to 100m\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\/0236\/4759\/products\/Q-Cameraqyseaexpert.jpg?v=1639772810\" alt=\"Qysea v6 rc submarine camera\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eQysea v6 rc submarine camera\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\"\u003eOptical 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\"\u003eCamera Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAuxiliary Dual Camera\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eField of View (FOV)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e166°\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\"\u003eIllumination System\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLED Count\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2x\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBrightness per LED\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1000 Lumens\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Brightness\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2000 Lumens\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\"\u003eStorage \u0026amp; Data\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\"\u003eSD Card Memory\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e128 GB\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVideo Feed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eReal-time\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\"\u003eOperational Limits\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\"\u003eDepth Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInstallation\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMulti-angle\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"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 Qysea V6 Expert Q-Camera Auxiliary Dual Camera\u003c\/li\u003e\n\u003cli\u003e1x 128GB SD Memory Card\u003c\/li\u003e\n\u003cli\u003eIntegrated 2x 1000 Lumen LED Lighting System\u003c\/li\u003e\n\u003cli\u003eMounting Hardware for V6 Expert Installation\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\u003eFIFISH V6 Expert Underwater Drone (ROV)\u003c\/li\u003e\n\u003cli\u003eRemote Controller\u003c\/li\u003e\n\u003cli\u003eTether and Spool\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eDoes this accessory work with the standard FIFISH V6?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, this accessory is specifically designed for the V6 Expert model. It requires the specialized Q-Interface found on the Expert series to handle power and data transmission for the dual-camera system.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow is the camera powered during a dive?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe Q-Camera draws power directly from the V6 Expert ROV's internal battery through the mounting interface. There is no need for a separate external battery pack for this accessory.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan I view both the main camera and the Q-Camera at the same time?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the system is designed for real-time video feed and onshore control. Operators can monitor multiple angles simultaneously to ensure comprehensive coverage of the underwater environment.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eControl Method\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eOnshore real-time control\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Warranty\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Months\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInterface\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eQ-Interface\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePrimary Application\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUnderwater Inspection \/ Search \u0026amp; Rescue\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every dive\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse thoroughly with fresh water to remove salt, sand, and debris\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eDry with a soft, lint-free cloth to prevent water spots on the lenses\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect LED lenses for any scratches or cracks\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck mounting points and connectors for signs of wear or corrosion\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\"\u003eQysea V6 Expert Underwater Drone Q Camera Accessory\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\"\u003eUnderwater Drone\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\"\u003eUDR-QYS-470C\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$1,399.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eQysea V6 Expert Underwater Drone Q Camera Accessory includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(4)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440372740439,"sku":"UDR-QYS-470C","price":1399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Q-Cameraqyseaexpert2.jpg?v=1767298723"},{"product_id":"qysea-fifish-v-evo-underwater-drone","title":"QYSea Fifish V-Evo Underwater Drone with Removable Memory","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=\"QYSea Fifish V-Evo Underwater Drone with Removable Memory - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"QYSea Fifish V-Evo Underwater Drone with Removable Memory, QYsea, Underwater Drone, underwater-drone, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | QYSea Fifish V-Evo Underwater Drone with Removable Memory\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 | QYSea Fifish V-Evo Underwater Drone with Removable Memory\"\u003e\n \u003cmeta property=\"og:description\" content=\"QYSea Fifish V-Evo Underwater Drone with Removable Memory - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/qysea-fifish-v-evo-underwater-drone-with-removable-memory\"\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\/0236\/4759\/products\/ParallelGripper2.jpg?v=1680627710\"\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=\"QYSea Fifish V-Evo Underwater Drone with Removable Memory - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V-EVO-Render6.jpg?v=1680627711\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V-EVO-Render7.jpg?v=1680627711\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"1399.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 | QYSea Fifish V-Evo Underwater Drone with Removable Memory\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"QYSea Fifish V-Evo Underwater Drone with Removable Memory - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ParallelGripper2.jpg?v=1680627710\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"QYSea Fifish V-Evo Underwater Drone with Removable Memory\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"1399.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS002\"\u003e\n \n \n \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; GPS \u0026amp; Navigation \u0026gt; Drones\"\u003e\n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"QYSea Fifish V-Evo Underwater Drone with Removable Memory\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include 4.1 kg weight, Length 383 mm, Width 331 mm, and Height 143 mm.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ParallelGripper2.jpg?v=1680627710\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V-EVO-Render6.jpg?v=1680627711\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V-EVO-Render7.jpg?v=1680627711\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Underwater Drone\",\"sku\":\"UDQYS002\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-v-evo-underwater-drone-with-removable-memory\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-v-evo-underwater-drone-with-removable-memory\",\"priceCurrency\":\"USD\",\"price\":\"1399.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}}},\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":4.1,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"4.1 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Length\",\"value\":\"383 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Width\",\"value\":\"331 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Height\",\"value\":\"143 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Thrusters\",\"value\":\"6 Vectored Thrusters (Q-Motor)\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/collections\/underwater-drone\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QYSea Fifish V-Evo Underwater Drone with Removable Memory\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-v-evo-underwater-drone-with-removable-memory\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/qysea-fifish-v-evo-underwater-drone-with-removable-memory\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #67E8F944, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #67E8F922, 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 #67E8F9; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #67E8F9, 0 0 14px #67E8F988; }\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(8,145,178,0.9);\n border:1px solid rgba(34,211,238,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:#67E8F9;\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:#CFFAFE;\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 Underwater Drone\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 #67E8F9 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\"\u003eQYSea Fifish V-Evo Underwater Drone with Removable\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eMemory\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;\"\u003eQYsea\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\"\u003eUnderwater Drone\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\"\u003eInspection \u0026amp; exploration\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=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for professional-grade underwater cinematography, this versatile ROV captures stunning 4K footage at 60FPS through a massive 166° ultra-wide lens. It delivers unparalleled 360° omni-directional mobility and a robust four-hour runtime, supported by 5000-lumen LEDs that pierce through turbid depths. With AI-driven vision locking and immersive VR controls, it transforms complex subaquatic exploration into a seamless, cinematic experience.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 4.1 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLength: 383 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWidth: 331 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eHeight: 143 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eThrusters: 6 Vectored Thrusters (Q-Motor)\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\/0236\/4759\/products\/Parallel%20Gripper2.jpg?v=1680627710\" alt=\"Compatible tooling\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eCompatible tooling\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;\"\u003eWith AI-driven vision locking and immersive VR controls, it transforms complex subaquatic exploration into a seamless, cinematic experience.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eDesigned for prosumer filmmakers, marine researchers, and industrial inspectors who require high-frame-rate underwater imaging and precise omni-directional maneuverability.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V-EVO-Render6.jpg?v=1680627711\" alt=\"Feature detail\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eFeature detail\u003c\/div\u003e\n \u003c\/div\u003e\n \n\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\"\u003eROV Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLength\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e383 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWidth\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e331 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e143 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePhysical 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\"\u003eWeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.1 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eThrusters\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Vectored Thrusters (Q-Motor)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eManeuverability\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePosture Lock\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLock the ROV Pitch or Roll Angle with ± 0.1° Accuracy\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHovering\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eKeep the ROV’s Suspended Elevation with ± 1 cm Accuracy\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSpeed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMax 3 Knots (1.5 m\/s)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDepth Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTemperature Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-10 °C ~ 60 °C\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMax 4 Hours\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e97.2 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1h Quick Charge (90% Capacity)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12.6 V\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\"\u003eCamera 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\"\u003eSensor\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1\/2.3” SONY CMOS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMegapixels\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12 MP\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eField of View\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e166° FOV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eShutter Speed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5~1\/5000 Seconds\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAWB (Auto White Balance)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2,500K ~ 8,000K\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eExposure\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-3.0EV ~ 3.0EV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePhoto Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4:3, 4000x3000\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePhoto Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eJPEG, DNG\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVideo Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 K UHD: 60\/50\/30\/25 FPS | 1080P FHD: 25\/30\/50\/60\/100\/120 FPS | 720P HD: 25\/30\/50\/60\/100\/120\/200\/240 FPS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVideo Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMPEG-4 AVC\/H.264, HEVC\/H.265\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eStabilization\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eEIS (Electronic Image Stabilization)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eColour Encoding\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNTSC \u0026amp; PAL\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\"\u003eLight 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\"\u003eBrightness\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5000 Lumen LED Lights\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCCT\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5500 K (Correlated Color Temperature)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBeam Angle\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e120°\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\"\u003eCharger 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\"\u003eROV Charger Input\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100-240 V, 50\/60Hz, 3.0 A Max\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eROV Charger Output\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12.6 V = 10 A\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\"\u003eController 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\"\u003eWireless Features\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5 Ghz Wi-Fi, 11 A\/n\/ac\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSD Card Support\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFormat in FAT32 or ex FAT (Up to 128GB)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eRemote Control Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eWi-Fi\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\"\u003eQ-Interface 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\"\u003ePorts\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 Accessory Port\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\"\u003e316 Stainless Steel\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eTether 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\"\u003eBreaking Force\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100 kgf\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDiameter\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.0 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSpool Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e238 mm (l) x 213 mm (w) x 205 mm (h)\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\/0236\/4759\/products\/V-EVO-Render7.jpg?v=1680627711\" alt=\"Technical reference\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eTechnical reference\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\n \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eUltra Wide Lens\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e166°\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLED Lights\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5000 Ultra-bright Lumen LEDs\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSupported Image Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDNG\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOptical Sensor Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCMOS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMedia Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMicro SDWarranty \u0026amp; Support\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eQYSea Fifish V-Evo Underwater Drone with Removable Memory\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\"\u003eUnderwater Drone\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\"\u003eUDQYS002\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$1,399.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eQYSea Fifish V-Evo Underwater Drone with Removable Memory includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"No Arm","offer_id":52440372838743,"sku":"UDQYS002","price":1399.0,"currency_code":"USD","in_stock":true},{"title":"With Robotic Arm","offer_id":52440372871511,"sku":"UDQYS003","price":1699.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/V-EVO-Render2.jpg?v=1767298723"},{"product_id":"motor-for-qysea-v6-and-v6s-underwater-drone-with-esc","title":"Motor for Qysea V6 and V6s Underwater Drone with ESC","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=\"Motor for Qysea V6 and V6s Underwater Drone with ESC - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Motor for Qysea V6 and V6s Underwater Drone with ESC, QYsea, Drone Part, drone-part, Integrated ESC, OEM Precision, Omnidirectional Support, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Motor for Qysea V6 and V6s Underwater Drone with ESC\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 | Motor for Qysea V6 and V6s Underwater Drone with ESC\"\u003e\n \u003cmeta property=\"og:description\" content=\"Motor for Qysea V6 and V6s Underwater Drone with ESC - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/motor-for-qysea-v6-and-v6s-underwater-drone-with-esc\"\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\/0236\/4759\/products\/QYSeaV6Motorforv6andv6S2.jpg?v=1661186824\"\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=\"Motor for Qysea V6 and V6s Underwater Drone with ESC - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/QYSeaV6Motorforv6andv6S.jpg?v=1661186825\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"129.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 | Motor for Qysea V6 and V6s Underwater Drone with ESC\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Motor for Qysea V6 and V6s Underwater Drone with ESC - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/QYSeaV6Motorforv6andv6S2.jpg?v=1661186824\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Motor for Qysea V6 and V6s Underwater Drone with ESC\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"129.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS008\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Motor for Qysea V6 and V6s Underwater Drone with ESC\",\"description\":\"Built for professional use. Verified specifications include Compatibility: FIFISH V6 \u0026amp; V6s, Component: Motor + ESC, Propulsion Type: Q-Motor Vectored, and Warranty: 1 Year. Integrated ESC - Combines the motor and Electronic Speed Control into a single unit for streamlined replacement. Replacing damaged or worn-out thrusters on the FIFISH V6 or V6s to restore original propulsion performance.,Maintaining a fleet of underwater ROVs for industrial hull inspections where downtime must be minimized.,Performing hardware refreshes on high-hour drones used for marine research and deep-sea exploration.,Repairing propulsion systems after underwater collisions or entanglement incidents during operation.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/QYSeaV6Motorforv6andv6S2.jpg?v=1661186824\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/QYSeaV6Motorforv6andv6S.jpg?v=1661186825\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Drone Part\",\"sku\":\"UDQYS008\",\"url\":\"https:\/\/therobocraft.com\/products\/motor-for-qysea-v6-and-v6s-underwater-drone-with-esc\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/motor-for-qysea-v6-and-v6s-underwater-drone-with-esc\",\"priceCurrency\":\"USD\",\"price\":\"129.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty provided by the manufacturer\/authorized retailer.\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":100,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Compatibility\",\"value\":\"FIFISH V6 \u0026 V6s\"},{\"@type\":\"PropertyValue\",\"name\":\"Component\",\"value\":\"Motor + ESC\"},{\"@type\":\"PropertyValue\",\"name\":\"Propulsion Type\",\"value\":\"Q-Motor Vectored\"},{\"@type\":\"PropertyValue\",\"name\":\"Warranty\",\"value\":\"1 Year\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Integrated ESC - Combines the motor and Electronic Speed Control into a single unit for streamlined replacement.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"OEM Precision - Manufactured by Qysea to meet the exact power and torque requirements of the V6 series.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Omnidirectional Support - Designed to work within the 6-thruster vectored array for 360° movement.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Plug-and-Play Integration - Engineered for direct connection to the ROV's internal power and control bus.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Corrosion Resistant - Built with materials capable of withstanding prolonged exposure to saltwater environments.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Is this motor compatible with the FIFISH V6 Expert?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This specific motor is listed for the standard V6 and V6s models. While the V6 series shares many components, you should verify the specific part number for the Expert model as it may utilize different thruster specifications for its modular attachments.\"}},{\"@type\":\"Question\",\"name\":\"Does this part include the propeller?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, this is the motor and ESC assembly only. You will need to reuse your existing propeller or purchase a replacement propeller set separately.\"}},{\"@type\":\"Question\",\"name\":\"How long does it take to receive this replacement part?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"According to manufacturer and retailer data, this product typically ships within 1 to 3 weeks as it is often a specialized order item.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Drone Part\",\"item\":\"https:\/\/therobocraft.com\/collections\/drone-part\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Motor for Qysea V6 and V6s Underwater Drone with ESC\",\"item\":\"https:\/\/therobocraft.com\/products\/motor-for-qysea-v6-and-v6s-underwater-drone-with-esc\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/motor-for-qysea-v6-and-v6s-underwater-drone-with-esc\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #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 Drone Part\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\"\u003eMotor for Qysea V6 and V6s Underwater Drone with\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eESC\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;\"\u003eQYsea\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\"\u003eDrone Part\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\"\u003eInspection \u0026amp; exploration\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\"\u003e1-year warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered as a precision replacement component, this high-performance thruster assembly ensures the continued omnidirectional mobility of your underwater ROV. It integrates a specialized brushless motor with a dedicated Electronic Speed Control (ESC) unit, maintaining the precise 6-degrees-of-freedom maneuverability required for professional subaquatic inspections. Designed specifically for the FIFISH V6 series, it restores original factory thrust and reliability for demanding marine environments.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eCompatibility: FIFISH V6 \u0026amp; V6s\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eComponent: Motor + ESC\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePropulsion Type: Q-Motor Vectored\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWarranty: 1 Year\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\/0236\/4759\/products\/QYSea%20V6Motorforv6andv6S2.jpg?v=1661186824\" alt=\"replacement motor for qysea v6 and v6s\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003ereplacement motor for qysea v6 and v6s\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 as a precision replacement component, this high-performance thruster assembly ensures the continued omnidirectional mobility of your underwater ROV.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eDesigned specifically for the FIFISH V6 series, it restores original factory thrust and reliability for demanding marine environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eThis component is designed for professional ROV operators, marine technicians, and FIFISH V6 series owners who require genuine OEM parts for maintenance and repair of their underwater equipment.\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;\"\u003eRestores 6-degrees-of-freedom maneuverability\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;\"\u003eEnables 360° rolls, pans, and tilts\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;\"\u003eSupports ± 1 cm accuracy hovering when calibrated\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;\"\u003eFacilitates posture lock at any angle\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\/0236\/4759\/products\/QYSea%20V6Motorforv6andv6S.jpg?v=1661186825\" alt=\"replacement repair motor for qysea underwater drone v6\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003ereplacement repair motor for qysea underwater drone v6\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\"\u003ePerformance \u0026amp; Operation\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\"\u003eOptical Sensor Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCMOS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAge Range (Description)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAdult\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\"\u003eDimensions \u0026amp; Build\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eElectrical \u0026amp; Power\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e9000 m Ah\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12.6 V\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 Hours\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 \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Cell Composition\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLithium Polymer\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eIncludes Rechargeable Battery\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eYes\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eConnectivity \u0026amp; Interfaces\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\"\u003eConnectivity Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eWi-Fi\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSupported Image Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDNG\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMedia Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMicro SDWarranty \u0026amp; Support\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\"\u003eControl \u0026amp; Software\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTotal Degrees of Freedom\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3 Do F\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eControl Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003econtrol\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\"\u003eGeneral Specifications\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eQysea\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eNORTON 360 DELUXE INCLUDED\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eTrusted digital security that keeps your devices and data safer. Includes scam detection for emails and texts ($89.99 in annual savings).\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eModel Name\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003efifish\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSkill Level\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIntermediate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePackage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eToys \u0026amp; Games.us\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Warranty\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFor warranty information about this product, please click here Feedback Would you like to\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(2 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Replacement Motor for Qysea V6\/V6s\u003c\/li\u003e\n\u003cli\u003e1x Integrated Electronic Speed Control (ESC) Unit\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\u003eMounting hardware (screws)\u003c\/li\u003e\n\u003cli\u003eReplacement Propeller\u003c\/li\u003e\n\u003cli\u003ePropeller Protectors\u003c\/li\u003e\n\u003cli\u003eInstallation tools\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eIs this motor compatible with the FIFISH V6 Expert?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis specific motor is listed for the standard V6 and V6s models. While the V6 series shares many components, you should verify the specific part number for the Expert model as it may utilize different thruster specifications for its modular attachments.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eDoes this part include the propeller?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, this is the motor and ESC assembly only. You will need to reuse your existing propeller or purchase a replacement propeller set separately.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow long does it take to receive this replacement part?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eAccording to manufacturer and retailer data, this product typically ships within 1 to 3 weeks as it is often a specialized order item.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOptical Sensor Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCMOS\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\"\u003e100 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with Qysea V6 and V6s Underwater Drone with ESC\u003c\/li\u003e\n \u003cli\u003eCompatible with the FIFISH V6 Expert\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every dive\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse with fresh water to remove salt and debris\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect for entanglement (fishing lines, seaweed)\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck for smooth rotation by hand before deployment\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\"\u003eMotor for Qysea V6 and V6s Underwater Drone with ESC\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\"\u003eDrone Part\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\"\u003eUDQYS008\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$129.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eMotor for Qysea V6 and V6s Underwater Drone with ESC includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440372773207,"sku":"UDQYS008","price":129.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/QYSeaV6Motorforv6andv6S2.jpg?v=1767298723"},{"product_id":"waterproof-backpack-for-qysea-fifish-v-evo-underwater-drone","title":"Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone","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=\"Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone, QYsea, Accessory, accessories, Customized Construction, TPU Waterproofing, Partitioned Storage, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone\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 | Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone\"\u003e\n \u003cmeta property=\"og:description\" content=\"Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/waterproof-dive-backpack-for-qysea-fifish-v-evo-underwater-drone\"\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\/0236\/4759\/files\/qysea_backpack0_1_1.jpg?v=1708466291\"\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=\"Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_backpack3_1_1_1.jpg?v=1708466290\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_backpack8_1_1_1.jpg?v=1708466292\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"169.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 | Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_backpack0_1_1.jpg?v=1708466291\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"169.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS026\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include Storage Capacity: 35 L, 1.6 kg weight, Primary Material: 500 D Oxford, and Waterproofing: TPU Double-Sided. Customized Construction - Specifically tailored for the FIFISH ROV and its official accessories. Shore-Based Diving: Transport your ROV and tether spool across rocky or sandy terrain to reach the water's edge while keeping gear dry.,Boat Expeditions: Secure your sensitive electronics and remote controller against salt spray and deck splashes during transit to offshore dive locations.,Travel \u0026 Hiking: Utilize the decompression-carrying system for long-distance trekking to remote lakes or inland waterways where vehicle access is limited.,Professional Inspections: Organize and protect industrial ROV components in partitioned compartments for quick deployment during maritime or infrastructure surveys.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_backpack0_1_1.jpg?v=1708466291\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_backpack3_1_1_1.jpg?v=1708466290\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_backpack8_1_1_1.jpg?v=1708466292\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Accessory\",\"sku\":\"UDQYS026\",\"url\":\"https:\/\/therobocraft.com\/products\/waterproof-dive-backpack-for-qysea-fifish-v-evo-underwater-drone\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/waterproof-dive-backpack-for-qysea-fifish-v-evo-underwater-drone\",\"priceCurrency\":\"USD\",\"price\":\"169.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":1.6,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Storage Capacity\",\"value\":\"35L\"},{\"@type\":\"PropertyValue\",\"name\":\"Product Weight\",\"value\":\"1.6 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Primary Material\",\"value\":\"500D Oxford\"},{\"@type\":\"PropertyValue\",\"name\":\"Waterproofing\",\"value\":\"TPU Double-Sided\"},{\"@type\":\"PropertyValue\",\"name\":\"Height\",\"value\":\"52 cm\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Customized Construction - Specifically tailored for the FIFISH ROV and its official accessories.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"TPU Waterproofing - Double-sided waterproof material protects against rainfall and storms.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Partitioned Storage - Individualized compartments for the ROV, tether, and controller.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Decompression System - Ergonomic carrying system for high load-bearing comfort.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"500D Oxford Fabric - High-density polyester material with PVC coating for durability.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Will this backpack fit the tether spool and remote controller simultaneously?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the interior is intelligently designed with layered and partitioned storage specifically to accommodate the FIFISH ROV, its tether spool, and the remote controller in individualized compartments. This ensures that all core components are protected from rainfall and physical impact during transport.\"}},{\"@type\":\"Question\",\"name\":\"Is the material resistant to heavy storms and salt spray?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The outer layer is constructed from a TPU double-sided waterproof material and 500D Oxford with PVC coating. This combination is specifically engineered to effectively protect your equipment from rainfall, storms, and harsh environmental conditions encountered at dive sites.\"}},{\"@type\":\"Question\",\"name\":\"How does the carrying system handle the weight of a full ROV kit?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This product features a specialized decompression-carrying system. It is designed to deliver a high load-bearing experience while maintaining a lightweight feel, reducing the physical strain on the user when carrying the full 35L capacity of gear.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessory\",\"item\":\"https:\/\/therobocraft.com\/collections\/accessories\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Waterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/products\/waterproof-dive-backpack-for-qysea-fifish-v-evo-underwater-drone\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/waterproof-dive-backpack-for-qysea-fifish-v-evo-underwater-drone\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #D1D5DB44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #D1D5DB22, 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 #D1D5DB; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #D1D5DB, 0 0 14px #D1D5DB88; }\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(55,65,81,0.9);\n border:1px solid rgba(156,163,175,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:#D1D5DB;\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:#F3F4F6;\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 Accessory\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 #D1D5DB 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\"\u003eWaterproof Dive Backpack for QYSea Fifish V-Evo Underwater\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eDrone\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;\"\u003eQYsea\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\"\u003eAccessory\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\"\u003eInspection \u0026amp; exploration\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\"\u003e1-year warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for the adventurous marine explorer, this specialized carrying solution offers a generous 35L capacity within a lightweight 1.6kg frame. It features a dual-layered TPU waterproof exterior and a partitioned interior designed to secure sensitive ROV components. The integrated decompression-carrying system ensures ergonomic comfort during long treks to remote dive sites, while the rugged 500D Oxford construction provides professional-grade protection against harsh coastal environments.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eStorage Capacity: 35 L\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eProduct Weight: 1.6 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePrimary Material: 500 D Oxford\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWaterproofing: TPU Double-Sided\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eHeight: 52 cm\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\/0236\/4759\/files\/qysea_backpack0_1_1.jpg?v=1708466291\" alt=\"Rear view\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eRear view\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;\"\u003eIt features a dual-layered TPU waterproof exterior and a partitioned interior designed to secure sensitive ROV components.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eThis backpack is designed for FIFISH V-EVO owners and marine professionals who require a rugged, weather-resistant transport solution for their underwater robotics.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eThis backpack is designed for FIFISH V-EVO owners and marine professionals who require a rugged, weather-resistant transport solution for their underwater robotics. It serves users ranging from recreational divers to industrial inspectors who operate in unpredictable coastal or offshore environments.\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;\"\u003eProtects sensitive ROV electronics from heavy rainfall and environmental moisture.\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;\"\u003eOrganizes complex underwater drone kits into manageable, partitioned sections.\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;\"\u003eDistributes heavy equipment weight through an integrated decompression system.\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;\"\u003eResists dust and sand ingress in coastal or desert environments.\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\/0236\/4759\/files\/qysea_backpack3_1_1_1.jpg?v=1708466290\" alt=\"Rear view\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eRear view\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\"\u003ePhysical Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e52 cm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLength\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e33 cm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWidth\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e20 cm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e~1.6 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInternal Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e35 L\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\"\u003eMaterial \u0026amp; Construction\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\"\u003ePrimary Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ePolyester 500D Oxford\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCoating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ePVC Coating\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOuter Layer Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eTPU Double-sided Waterproof Material\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eColor Options\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eTech Grey, Lime Green\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\"\u003ePerformance \u0026amp; Protection\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\"\u003eWater Resistance\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eWaterproof\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDust Resistance\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDust-proof\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCarrying System\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDecompression-carrying system\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eStorage Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLayered \u0026amp; Partitioned\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\/0236\/4759\/files\/qysea_backpack8_1_1_1.jpg?v=1708466292\" alt=\"Rear view\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eRear view\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(1 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\u003cli\u003e1x QYSea Waterproof Dive Backpack for FIFISH V-EVO\u003c\/li\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-not-included\"\u003e\n \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eQYSea FIFISH V-EVO Underwater Drone\u003c\/li\u003e\n\u003cli\u003eTether Spool\u003c\/li\u003e\n\u003cli\u003eRemote Controller\u003c\/li\u003e\n\u003cli\u003eUnderwater Accessories (Robotic Arm, Sonar, etc.)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eWill this backpack fit the tether spool and remote controller simultaneously?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the interior is intelligently designed with layered and partitioned storage specifically to accommodate the FIFISH ROV, its tether spool, and the remote controller in individualized compartments. This ensures that all core components are protected from rainfall and physical impact during transport.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs the material resistant to heavy storms and salt spray?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe outer layer is constructed from a TPU double-sided waterproof material and 500D Oxford with PVC coating. This combination is specifically engineered to effectively protect your equipment from rainfall, storms, and harsh environmental conditions encountered at dive sites.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow does the carrying system handle the weight of a full ROV kit?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis product features a specialized decompression-carrying system. It is designed to deliver a high load-bearing experience while maintaining a lightweight feel, reducing the physical strain on the user when carrying the full 35L capacity of gear.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaterial Grade\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e500 D Oxford Polyester\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with QYSea Fifish V-Evo Underwater Drone\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every use in marine environments\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse the exterior with fresh water to remove salt deposits and sand.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the backpack is completely dry before storing the ROV or electronics inside.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck zippers and smart cover seals for debris to maintain waterproof integrity.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eStore in a cool, dry place away from direct sunlight to preserve the TPU coating.\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\"\u003eWaterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone\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\"\u003eAccessory\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\"\u003eUDQYS026\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$169.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eWaterproof Dive Backpack for QYSea Fifish V-Evo Underwater Drone includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440373297495,"sku":"UDQYS026","price":169.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/qysea_backpack0_1_1.jpg?v=1767298729"},{"product_id":"qysea-fifish-e-go-batteries-pair-underwater-drone-battery","title":"QYSea FIFISH E-GO Batteries Pair Underwater Drone battery","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=\"QYSea FIFISH E-GO Batteries Pair - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"QYSea FIFISH E-GO Batteries Pair, QYsea, Drone Part, drone-part, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | QYSea FIFISH E-GO Batteries Pair\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 | QYSea FIFISH E-GO Batteries Pair\"\u003e\n \u003cmeta property=\"og:description\" content=\"QYSea FIFISH E-GO Batteries Pair - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/qysea-fifish-e-go-batteries-pair\"\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\/0236\/4759\/files\/qysea_e_go_battery_pair.jpg?v=1734649550\"\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=\"QYSea FIFISH E-GO Batteries Pair - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_ego_battery_pair.jpg?v=1734649579\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_underwater_drone_battery_repair.jpg?v=1734649614\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"798.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 | QYSea FIFISH E-GO Batteries Pair\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"QYSea FIFISH E-GO Batteries Pair - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_e_go_battery_pair.jpg?v=1734649550\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"QYSea FIFISH E-GO Batteries Pair\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"798.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYU127\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"QYSea FIFISH E-GO Batteries Pair\",\"description\":\"Built for professional use. Verified specifications include 69.12 Wh Per Module battery capacity, Endurance time: 1-4 Hours Per Full Charge, Charging time: 1-hour Fast Charge (90% Capacity), and 5 kg weight. Extended Underwater Inspections: Ideal for commercial divers and industrial inspectors who require continuous operation without surfacing to reboot the ROV. Search and Rescue Operations: Provides critical power redundancy and rapid revitalization for time-sensitive missions where every second of uptime is vital. Marine Research and Data Collection: Supports long-duration scientific surveys in remote aquatic environments by allowing for seamless battery swaps in the field.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_e_go_battery_pair.jpg?v=1734649550\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_ego_battery_pair.jpg?v=1734649579\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_underwater_drone_battery_repair.jpg?v=1734649614\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Drone Part\",\"sku\":\"UDQYU127\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-e-go-batteries-pair\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-e-go-batteries-pair\",\"priceCurrency\":\"USD\",\"price\":\"798.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}}},\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":5,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"69.12 Wh Per Module\"},{\"@type\":\"PropertyValue\",\"name\":\"Endurance time\",\"value\":\"1-4 Hours Per Full Charge\"},{\"@type\":\"PropertyValue\",\"name\":\"Charging time\",\"value\":\"1-hour Fast Charge (90% Capacity)\"},{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"5 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Dimensions\",\"value\":\"430 mm(l) x 345 mm(w) x 170 mm(h)\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Drone Part\",\"item\":\"https:\/\/therobocraft.com\/collections\/drone-part\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QYSea FIFISH E-GO Batteries Pair\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-e-go-batteries-pair\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/qysea-fifish-e-go-batteries-pair\"\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 Drone Part\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\"\u003eQYSea FIFISH E-GO Batteries\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003ePair\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;\"\u003eQYsea\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\"\u003eDrone Part\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\"\u003eCompatibility \u0026amp; upgrades\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for the professional-grade FIFISH E-GO, this dual-module battery system utilizes advanced hot-swappable technology to ensure zero downtime during underwater missions. Each 69.12Wh module supports rapid 1-hour fast charging to 90% capacity, providing a combined endurance of up to 4 hours. This modular power solution allows for seamless battery replacement without powering down the ROV, maintaining operational continuity in demanding environments.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eBattery Capacity: 69.12 Wh Per Module\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eEndurance time: 1-4 Hours Per Full Charge\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCharging time: 1-hour Fast Charge (90% Cap...\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 5 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDimensions: 430 mm(l) x 345 mm(w) x 170...\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\/0236\/4759\/files\/qysea_e_go_battery_pair.jpg?v=1734649550\" alt=\"qysea ego underwater drone battery\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eqysea ego underwater drone battery\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;\"\u003eExtended Underwater Inspections: Ideal for commercial divers and industrial inspectors who require continuous operation without surfacing to reboot the ROV.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eSearch and Rescue Operations: Provides critical power redundancy and rapid revitalization for time-sensitive missions where every second of uptime is vital.\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;\"\u003eProfessional ROV operators, commercial divers, and marine researchers who utilize the FIFISH E-GO for industrial-class underwater tasks.\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 \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_ego_battery_pair.jpg?v=1734649579\" alt=\"qysea ego underwater drone deal\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eqysea ego underwater drone deal\u003c\/div\u003e\n \u003c\/div\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\"\u003eBattery\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e69.12 Wh Per Module\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eEndurance time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1-4 Hours Per Full Charge\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1-hour Fast Charge (90% Capacity)\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\"\u003e5 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eROV Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e430 mm(l) x 345 mm(w) x 170 mm(h)\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\"\u003eThrusters\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\"\u003eThrusters\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Vectored Thrusters (Q-Motor)\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\"\u003eManeuverability\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\"\u003eManeuverability\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\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\"\u003ePosture Lock\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\"\u003ePosture Lock\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLock the ROV Pitch or Roll Angle with ± 0.1° Accuracy\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\"\u003eHovering\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\"\u003eHovering\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eKeep the ROV’s Suspended Elevation with ± 1 cm Accuracy\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\"\u003eSpeed\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\"\u003eSpeed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e\u0026gt;3 Knots (\u0026gt;1.5 m\/s)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDepth Rating\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\"\u003eDepth Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100m-200m\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-8\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eTemperature Range\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\"\u003eTemperature Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-10 °C ~ 60 °C\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-9\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eOperating Time\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\"\u003eOperating Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMax 5 Hours\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-10\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eCharging Voltage\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\"\u003eCharging Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100-240 V\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-11\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eCamera\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\"\u003eSensor\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1\/1.8\" CMOS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMegapixels\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12 MP\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eField of View\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e176° FOV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eShutter Speed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5~1\/5000 Seconds\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAWB (Auto White Balance)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2,500K ~ 8,000K\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eExposure\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-3.0EV ~ 3.0EV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePhoto Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3840 x 2160\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePhoto Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eJPEG, DNG\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-12\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eVideo\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\"\u003eVideo Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 K · 30fps\/25fps\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVideo Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMPEG-4 AVC\/H.264, HEVC\/H.265\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-13\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eStabilization\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\"\u003eStabilization\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eEIS (Electronic Image Stabilization)\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-14\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eColour Encoding\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\"\u003eColour Encoding\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNTSC \u0026amp; PAL\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-15\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eStorage\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\"\u003eStorage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e128 GB Standard\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-16\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eLights\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\"\u003eBrightness\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e10,000 Lumen LED Lights\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCCT\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5500 K (Correlated Color Temperature)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBeam Angle\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e160°\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-17\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eChargers\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\"\u003eROV Charger Input\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100-240 V, 50\/60Hz, 3.0 A Max\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eROV Charger Output\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e18 V = 10 A\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-18\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eController\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Features\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5 Ghz Wi-Fi, 11 A\/n\/ac\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHot -swappable Power Supply\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSD Card Support\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFormat in FAT32 or ex FAT (Up to 128GB)\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-19\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eQ-INTERFACE\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePorts\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2 Accessory Ports (Upgrade-able to 6 Ports)\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\"\u003e316 Stainless Steel\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-20\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eTether\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\"\u003eLength\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100m Standard\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBreaking Force\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100 kgf\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDiameter\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.0 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSpool Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e238 mm (l) x 223 mm (w) x 205 mm (h)\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\/0236\/4759\/files\/qysea_underwater_drone_battery_repair.jpg?v=1734649614\" alt=\"qysea ego underwater drone sale\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eqysea ego underwater drone sale\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(1 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\u003cli\u003e2x 69.12Wh Battery Modules for FIFISH E-GO\u003c\/li\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-not-included\"\u003e\n \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFIFISH E-GO Underwater Drone (ROV)\u003c\/li\u003e\n\u003cli\u003eBattery Charger (Standard with ROV kit)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\n \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eQYSea FIFISH E-GO Batteries Pair\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\"\u003eDrone Part\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\"\u003eUDQYU127\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$798.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\"\u003eCompatibility \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\"\u003eQYSea FIFISH E-GO Batteries Pair has compatibility, fitment, and support documentation signals available for purchase planning.\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(1)\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 compatibility details\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":"QYsea","offers":[{"title":"Default Title","offer_id":52440373231959,"sku":"UDQYU127","price":798.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/qysea_e_go_battery_pair.jpg?v=1767298729"},{"product_id":"q-energy-station-for-qysea-fifish-e-go-underwater-drone","title":"Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone","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=\"Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone, QYsea, Accessory, accessories, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone\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 | Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone\"\u003e\n \u003cmeta property=\"og:description\" content=\"Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/q-energy-station-for-qysea-fifish-e-go-underwater-drone\"\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\/0236\/4759\/files\/artboard_93_2.jpg?v=1734649215\"\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=\"Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/artboard_89_copy_1.jpg?v=1734649215\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/artboard_90_copy_1.jpg?v=1734649215\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"548.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 | Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/artboard_93_2.jpg?v=1734649215\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"548.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"ACC-QEN-21D1\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include 0.4 kg weight, Power: Power input = 16.8 V, 10 A Output per single charging port = 16.8 V, 5 A, Dimensions 128 mm x 118 mm x 60 mm, and Waterproof rating: IP54. Extended Marine Surveys: Rapidly recharge drone batteries in the field to maintain continuous observation during long-duration research missions.,Mobile Device Power: Utilize the dual Type-C 60W ports to keep tablets, smartphones, and controllers charged while working in remote coastal locations.,Battery Health Monitoring: Use the integrated display to track real-time status and manage long-term battery maintenance during storage or active deployment.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/artboard_93_2.jpg?v=1734649215\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/artboard_89_copy_1.jpg?v=1734649215\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/artboard_90_copy_1.jpg?v=1734649215\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Accessory\",\"sku\":\"ACC-QEN-21D1\",\"url\":\"https:\/\/therobocraft.com\/products\/q-energy-station-for-qysea-fifish-e-go-underwater-drone\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/q-energy-station-for-qysea-fifish-e-go-underwater-drone\",\"priceCurrency\":\"USD\",\"price\":\"548.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}}},\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":0.4,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"0.4 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Power\",\"value\":\"Power input = 16.8 V, 10 A Output per single charging port = 16.8 V, 5 A\"},{\"@type\":\"PropertyValue\",\"name\":\"Dimensions\",\"value\":\"128 mm x 118 mm x 60 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Waterproof rating\",\"value\":\"IP54\"},{\"@type\":\"PropertyValue\",\"name\":\"USB port\",\"value\":\"Quantity = 2 Output = 5 V-12 V, Max. 3 A\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How fast can this station charge the FIFISH E-GO?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The station features smart fast charging that can bring a battery to 90% capacity in approximately 50 minutes. This allows for a standard operational time of 150 minutes after a short break. It is designed specifically to minimize downtime during professional missions.\"}},{\"@type\":\"Question\",\"name\":\"Can I use this to charge my phone or tablet?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the station includes dual Type-C interfaces that support 60W fast charging. This allows it to function as a high-capacity mobile power source for your smart devices, controllers, or even compatible laptops while in the field.\"}},{\"@type\":\"Question\",\"name\":\"Is the charging station waterproof?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The unit carries an IP54 waterproof rating. This means it is protected against dust and water splashes from any direction, making it suitable for use on boat decks or near the water, though it should not be submerged.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessory\",\"item\":\"https:\/\/therobocraft.com\/collections\/accessories\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Q-Energy Station for QYSEA FIFISH E-GO Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/products\/q-energy-station-for-qysea-fifish-e-go-underwater-drone\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/q-energy-station-for-qysea-fifish-e-go-underwater-drone\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #D1D5DB44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #D1D5DB22, 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 #D1D5DB; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #D1D5DB, 0 0 14px #D1D5DB88; }\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(55,65,81,0.9);\n border:1px solid rgba(156,163,175,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:#D1D5DB;\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:#F3F4F6;\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 Accessory\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 #D1D5DB 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\"\u003eQ-Energy Station for QYSEA FIFISH E-GO Underwater\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eDrone\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;\"\u003eQYsea\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\"\u003eAccessory\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\"\u003eInspection \u0026amp; exploration\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=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for professional underwater missions, this intelligent portable charging station delivers rapid power recovery for the FIFISH E-GO system. It achieves a 90% charge in just 50 minutes, supporting up to 150 minutes of operational time. Featuring dual 60W Type-C interfaces and an integrated status display, it functions as both a mission-critical power hub and a versatile mobile charger for external smart devices.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 0.4 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePower: Power input = 16.8 V, 10 A ...\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDimensions: 128 mm x 118 mm x 60 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWaterproof rating: IP54\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eUSB port: Quantity = 2 Output = 5 V-1...\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\/0236\/4759\/files\/artboard_93_2.jpg?v=1734649215\" 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 professional underwater missions, this intelligent portable charging station delivers rapid power recovery for the FIFISH E-GO system.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eProfessional ROV pilots, marine researchers, and underwater inspectors using the FIFISH E-GO who require minimal downtime between dives.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/artboard_89_copy_1.jpg?v=1734649215\" alt=\"Feature detail\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eFeature detail\u003c\/div\u003e\n \u003c\/div\u003e\n \n\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\"\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\"\u003ePower\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ePower input = 16.8 V, 10 A Output per single charging port = 16.8 V, 5 A\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e128 mm x 118 mm x 60 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0.4 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWaterproof rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIP54\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eUSB port\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eQuantity = 2 Output = 5 V-12 V, Max. 3 A\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\/0236\/4759\/files\/artboard_90_copy_1.jpg?v=1734649215\" alt=\"Technical reference\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eTechnical reference\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"0\"\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \n \n \u003cdiv class=\"rc-not-included\"\u003e\n \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFIFISH E-GO Underwater Drone\u003c\/li\u003e\n\u003cli\u003eExtra Batteries\u003c\/li\u003e\n\u003cli\u003eTether Cable\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\n \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n \n \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-faq-list\"\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow fast can this station charge the FIFISH E-GO?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe station features smart fast charging that can bring a battery to 90% capacity in approximately 50 minutes. This allows for a standard operational time of 150 minutes after a short break. It is designed specifically to minimize downtime during professional missions.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan I use this to charge my phone or tablet?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the station includes dual Type-C interfaces that support 60W fast charging. This allows it to function as a high-capacity mobile power source for your smart devices, controllers, or even compatible laptops while in the field.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs the charging station waterproof?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe unit carries an IP54 waterproof rating. This means it is protected against dust and water splashes from any direction, making it suitable for use on boat decks or near the water, though it should not be submerged.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCertifications\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIP54\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\"\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with QYSEA FIFISH E-GO Underwater Drone\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e Per use\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eMonitor battery health via the integrated display screen\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure charging ports are dry and free of debris before connection\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\"\u003eQ-Energy Station for QYSEA FIFISH E-GO Underwater Drone\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\"\u003eAccessory\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\"\u003eACC-QEN-21D1\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$548.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eQ-Energy Station for QYSEA FIFISH E-GO Underwater Drone includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440373133655,"sku":"ACC-QEN-21D1","price":548.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/artboard_93_2.jpg?v=1767298729"},{"product_id":"remote-control-for-qysea-v6-or-v6s-underwater-drone","title":"Remote control for QYSea V6 and V6 Plus Underwater Drone","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=\"Remote Control for QYSea FIFISH V6 \u0026amp; V6 Plus - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Remote Control for QYSea FIFISH V6 \u0026amp; V6 Plus, QYsea, Drone Part, drone-part, Precision Dual Joysticks, Integrated Device Clamp, Dedicated Function Keys, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Remote Control for QYSea FIFISH V6 \u0026amp; V6 Plus\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 | Remote Control for QYSea FIFISH V6 \u0026amp; V6 Plus\"\u003e\n \u003cmeta property=\"og:description\" content=\"Remote Control for QYSea FIFISH V6 \u0026amp; V6 Plus - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/remote-control-for-qysea-fifish-v6-and-v6-plus\"\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\/0236\/4759\/products\/remotecontrolforv6andv6s2.jpg?v=1661188289\"\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=\"Remote Control for QYSea FIFISH V6 \u0026amp; V6 Plus - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/remotecontrolforv6andv6s.jpg?v=1661188289\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"399.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 | Remote Control for QYSea FIFISH V6 \u0026amp; V6 Plus\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Remote Control for QYSea FIFISH V6 \u0026amp; V6 Plus - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/remotecontrolforv6andv6s2.jpg?v=1661188289\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Remote Control for QYSea FIFISH V6 \u0026amp; V6 Plus\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"399.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS014\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Remote Control for QYSea FIFISH V6 \u0026 V6 Plus\",\"description\":\"Built for professional use. Verified specifications include Compatibility: FIFISH V6 \u0026amp; V6 Plus, Control Type: Dual Joystick, Device Support: Smartphone \u0026amp; Tablet, and Maneuverability: 360-Degree Omni-directional. Precision Dual Joysticks - Provides smooth, responsive control over the drone's 6 degrees of freedom. Professional underwater inspections where precise ROV positioning and camera control are required for structural assessments.,Marine research and exploration missions that demand intuitive 360-degree maneuverability to track aquatic life.,Search and rescue operations utilizing the dedicated function keys for rapid deployment and depth locking.,Commercial aquaculture monitoring, allowing operators to easily navigate pens and inspect netting with high-precision joysticks.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/remotecontrolforv6andv6s2.jpg?v=1661188289\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/remotecontrolforv6andv6s.jpg?v=1661188289\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Drone Part\",\"sku\":\"UDQYS014\",\"url\":\"https:\/\/therobocraft.com\/products\/remote-control-for-qysea-fifish-v6-and-v6-plus\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/remote-control-for-qysea-fifish-v6-and-v6-plus\",\"priceCurrency\":\"USD\",\"price\":\"399.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Manufacturer Warranty (Standard for QYSea electronics)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Compatibility\",\"value\":\"FIFISH V6 \u0026 V6 Plus\"},{\"@type\":\"PropertyValue\",\"name\":\"Control Type\",\"value\":\"Dual Joystick\"},{\"@type\":\"PropertyValue\",\"name\":\"Device Support\",\"value\":\"Smartphone \u0026 Tablet\"},{\"@type\":\"PropertyValue\",\"name\":\"Maneuverability\",\"value\":\"360-Degree Omni-directional\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Precision Dual Joysticks - Provides smooth, responsive control over the drone's 6 degrees of freedom.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Integrated Device Clamp - Securely holds mobile devices ranging from small smartphones to large tablets.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Dedicated Function Keys - Instant access to Depth Lock, Posture Lock, and camera shutter functions.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Ergonomic Grip Design - Contoured handles reduce hand fatigue during extended underwater missions.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Real-time Telemetry Display - Works with the FIFISH App to show depth, heading, and battery status.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How does this controller connect to the underwater drone?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The remote controller connects physically to the drone's tether and spool system. It then establishes a Wi-Fi connection with your smartphone or tablet to transmit the live video feed and telemetry data through the FIFISH App.\"}},{\"@type\":\"Question\",\"name\":\"Does this remote include a built-in screen?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, this standard remote uses an integrated adjustable clamp to hold your own smartphone or tablet, which serves as the primary display for the drone's 4K camera feed.\"}},{\"@type\":\"Question\",\"name\":\"Can I control the robotic arm with this remote?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the controller features dedicated buttons and interface options to operate compatible add-ons, including the QYSea robotic arm, when used with the V6 or V6 Plus models.\"}},{\"@type\":\"Question\",\"name\":\"Is this controller compatible with the V-EVO or V6 Expert?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"While designed specifically for the V6 and V6 Plus, QYSea controllers often share cross-platform functionality within the V6 ecosystem; however, users should verify firmware version compatibility for the V-EVO and Expert models.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Drone Part\",\"item\":\"https:\/\/therobocraft.com\/collections\/drone-part\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Remote Control for QYSea FIFISH V6 \u0026 V6 Plus\",\"item\":\"https:\/\/therobocraft.com\/products\/remote-control-for-qysea-fifish-v6-and-v6-plus\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/remote-control-for-qysea-fifish-v6-and-v6-plus\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #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 Drone Part\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\"\u003eRemote Control for QYSea FIFISH V6 \u0026amp; V6\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003ePlus\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;\"\u003eQYsea\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\"\u003eDrone Part\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\"\u003eCompatibility \u0026amp; upgrades\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\"\u003e1-year warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eErgonomically engineered for the FIFISH underwater drone series, this controller provides seamless and intuitive navigation through the depths. Featuring precision dual joysticks and dedicated command buttons, it allows for 360-degree maneuverability and real-time camera adjustments. It serves as the essential interface for professional underwater inspections and recreational exploration, ensuring stable and responsive handling in diverse aquatic environments.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eCompatibility: FIFISH V6 \u0026amp; V6 Plus\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eControl Type: Dual Joystick\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDevice Support: Smartphone \u0026amp; Tablet\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eManeuverability: 360-Degree Omni-directional\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\/0236\/4759\/products\/remotecontrolforv6andv6s2.jpg?v=1661188289\" alt=\"remote control replacement for qysea v6 and v6s underwater drone\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eremote control replacement for qysea v6 and v6s underwater drone\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;\"\u003eErgonomically engineered for the FIFISH underwater drone series, this controller provides seamless and intuitive navigation through the depths.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIt serves as the essential interface for professional underwater inspections and recreational exploration, ensuring stable and responsive handling in diverse aquatic environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eProfessional ROV operators, marine researchers, and underwater exploration enthusiasts who require a replacement or spare controller for their FIFISH V6 series drones.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute full 360-degree rolls, tilts, and pans underwater.\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;\"\u003eLock the drone at a specific depth with a single button press.\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;\"\u003eMaintain a fixed posture or angle while navigating through currents.\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;\"\u003eToggle between different flight modes including Attitude and Sport modes.\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\/0236\/4759\/products\/remotecontrolforv6andv6s.jpg?v=1661188289\" alt=\"remote control replacement for qysea v6 and v6s drone\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eremote control replacement for qysea v6 and v6s drone\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\"\u003eCompatibility \u0026amp; Integration\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSupported Models\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH V6, FIFISH V6 Plus\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware Ecosystem\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH App\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\"\u003eControl Interface\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eJoystick Configuration\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDual Analog Joysticks\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePrimary Buttons\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDepth Lock, Posture Lock, Photo\/Video Shutter\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMounting Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIntegrated Adjustable Clamp\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\"\u003eConnectivity\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connection\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eWi-Fi (to Mobile Device)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWired Connection\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eTether\/Spool Interface\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(2 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Remote Controller for QYSea FIFISH V6 \/ V6 Plus\u003c\/li\u003e\n\u003cli\u003e1x Integrated Smartphone and Tablet Mounting Bracket\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\u003eSmartphone or Tablet (required for display)\u003c\/li\u003e\n\u003cli\u003eUSB Charging Cable\u003c\/li\u003e\n\u003cli\u003eTether and Spool\u003c\/li\u003e\n\u003cli\u003eFIFISH V6\/V6 Plus Underwater Drone\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\n \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n \n \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-faq-list\"\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow does this controller connect to the underwater drone?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe remote controller connects physically to the drone's tether and spool system. It then establishes a Wi-Fi connection with your smartphone or tablet to transmit the live video feed and telemetry data through the FIFISH App.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eDoes this remote include a built-in screen?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, this standard remote uses an integrated adjustable clamp to hold your own smartphone or tablet, which serves as the primary display for the drone's 4K camera feed.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan I control the robotic arm with this remote?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the controller features dedicated buttons and interface options to operate compatible add-ons, including the QYSea robotic arm, when used with the V6 or V6 Plus models.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs this controller compatible with the V-EVO or V6 Expert?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eWhile designed specifically for the V6 and V6 Plus, QYSea controllers often share cross-platform functionality within the V6 ecosystem; however, users should verify firmware version compatibility for the V-EVO and Expert models.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMobile OS Compatibility\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ei OS 10.0 or later, Android 5.0 or later\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\"\u003eIndustrial Grade Plastic and Silicone\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with QYSea FIFISH V6 \u0026amp; V6 Plus\u003c\/li\u003e\n \u003cli\u003eCompatible with the V-EVO or V6 Expert\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every use\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eWipe down the controller with a damp cloth to remove salt spray or debris.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the charging port and tether connection points are dry and free of corrosion.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eStore in a cool, dry place away from direct sunlight to protect the joystick membranes.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003ePeriodically update the controller firmware via the FIFISH App for optimal performance.\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\"\u003eRemote Control for QYSea FIFISH V6 \u0026amp; V6 Plus\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\"\u003eDrone Part\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\"\u003eUDQYS014\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$399.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eRemote Control for QYSea FIFISH V6 \u0026amp; V6 Plus includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(3)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440373264727,"sku":"UDQYS014","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/remotecontrolforv6andv6s2.jpg?v=1767298729"},{"product_id":"light-mount-for-the-qysea-fifish-v6s","title":"Light Mount for the QYSea FiFish V6s Underwater ROV","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=\"Light Mount for the QYSea FiFish V6s Underwater ROV - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Light Mount for the QYSea Fi Fish V6s Underwater ROV, QYsea, Underwater Drone, underwater-drone, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Light Mount for the QYSea FiFish V6s Underwater ROV\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 | Light Mount for the QYSea FiFish V6s Underwater ROV\"\u003e\n \u003cmeta property=\"og:description\" content=\"Light Mount for the QYSea FiFish V6s Underwater ROV - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/light-mount-for-the-qysea-fifish-v6s-underwater-rov\"\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\/0236\/4759\/products\/light_mount_600.jpg?v=1636846214\"\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=\"Light Mount for the QYSea Fi Fish V6s Underwater ROV - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/light_fifishlightnotincluded.jpg?v=1636846211\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"129.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 | Light Mount for the QYSea FiFish V6s Underwater ROV\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Light Mount for the QYSea FiFish V6s Underwater ROV - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/light_mount_600.jpg?v=1636846214\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Light Mount for the QYSea Fi Fish V6s Underwater ROV\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"129.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS011\"\u003e\n \n \n \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; GPS \u0026amp; Navigation \u0026gt; Drones\"\u003e\n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Light Mount for the QYSea FiFish V6s Underwater ROV\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include Product Description: Light Mount for the QYSea Fi Fish V6s Underwater ROV, Light Mount Compatibility: V6S Underwater Drone, Light Inclusion: Light NOT INCLUDED, and Product Note: This product ships in 1 to 3 weeks.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/light_mount_600.jpg?v=1636846214\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/light_fifishlightnotincluded.jpg?v=1636846211\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Underwater Drone\",\"sku\":\"UDQYS011\",\"url\":\"https:\/\/therobocraft.com\/products\/light-mount-for-the-qysea-fifish-v6s-underwater-rov\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/light-mount-for-the-qysea-fifish-v6s-underwater-rov\",\"priceCurrency\":\"USD\",\"price\":\"129.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}}},\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Product Description\",\"value\":\"Light Mount for the QYSea FiFish V6s Underwater ROV\"},{\"@type\":\"PropertyValue\",\"name\":\"Light Mount Compatibility\",\"value\":\"V6S Underwater Drone\"},{\"@type\":\"PropertyValue\",\"name\":\"Light Inclusion\",\"value\":\"Light NOT INCLUDED\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/collections\/underwater-drone\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Light Mount for the QYSea FiFish V6s Underwater ROV\",\"item\":\"https:\/\/therobocraft.com\/products\/light-mount-for-the-qysea-fifish-v6s-underwater-rov\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/light-mount-for-the-qysea-fifish-v6s-underwater-rov\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #67E8F944, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #67E8F922, 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 #67E8F9; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #67E8F9, 0 0 14px #67E8F988; }\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(8,145,178,0.9);\n border:1px solid rgba(34,211,238,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:#67E8F9;\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:#CFFAFE;\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 Underwater Drone\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 #67E8F9 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\"\u003eLight Mount for the QYSea Fi Fish V6s Underwater\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eROV\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;\"\u003eQYsea\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\"\u003eUnderwater Drone\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\"\u003eInspection \u0026amp; exploration\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=\"#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 seamless integration with the Fi Fish V6s, this rugged mounting solution utilizes the industry-standard RAM® ball-and-socket system to provide unparalleled flexibility for underwater illumination. It offers a durable, corrosion-resistant platform for attaching external lights, ensuring optimal visibility in murky depths. This essential accessory expands the operational\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eProduct Description: Light Mount for the QYSea F...\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLight Mount Compatibility: V6S Underwater Drone\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\/0236\/4759\/products\/light_mount_600.jpg?v=1636846214\" alt=\"fifish v6s light mount\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003efifish v6s light mount\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 seamless integration with the Fi Fish V6s, this rugged mounting solution utilizes the industry-standard RAM® ball-and-socket system to provide unparalleled flexibility for underwater illumination.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIt offers a durable, corrosion-resistant platform for attaching external lights, ensuring optimal visibility in murky depths.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/light_fifishlightnotincluded.jpg?v=1636846211\" alt=\"flashlight mount for fifish v6s underwater drone\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eflashlight mount for fifish v6s underwater drone\u003c\/div\u003e\n \u003c\/div\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\"\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\"\u003eProduct Description\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLight Mount for the QYSea Fi Fish V6s Underwater ROV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLight Mount Compatibility\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eV6S Underwater Drone\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLight Inclusion\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLight NOT INCLUDED\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\n \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\"\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with the QYSea Fi Fish V6s Underwater ROV\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n\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\"\u003eLight Mount for the QYSea Fi Fish V6s Underwater ROV\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\"\u003eUnderwater Drone\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\"\u003eUDQYS011\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$129.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eLight Mount for the QYSea Fi Fish V6s Underwater ROV includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(5)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440373559639,"sku":"UDQYS011","price":129.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/light_mount_600.jpg?v=1767298735"},{"product_id":"qysea-fifish-v6-pro-plus","title":"QYSEA FIFISH PRO V6+ Underwater Robot Camera","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=\"QYSEA FIFISH PRO V6+ Underwater Robot Camera - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"QYSEA FIFISH PRO V6+ Underwater Robot Camera, QYsea, Underwater Drone, underwater-drone, 150m Depth Rating, Q-Motor Stabilization, Intelligent Anti-Collision, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | QYSEA FIFISH PRO V6+ Underwater Robot Camera\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 | QYSEA FIFISH PRO V6+ Underwater Robot Camera\"\u003e\n \u003cmeta property=\"og:description\" content=\"QYSEA FIFISH PRO V6+ Underwater Robot Camera - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/qysea-fifish-pro-v6-underwater-robot-camera\"\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\/0236\/4759\/products\/V6sPLUSsideview.jpg?v=1636847059\"\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=\"QYSEA FIFISH PRO V6+ Underwater Robot Camera - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6sPLUSfrontsideview.jpg?v=1636847057\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6sPLUSleftview.jpg?v=1636847055\"\u003e\n \n \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 | QYSEA FIFISH PRO V6+ Underwater Robot Camera\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"QYSEA FIFISH PRO V6+ Underwater Robot Camera - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6sPLUSsideview.jpg?v=1636847059\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"QYSEA FIFISH PRO V6+ Underwater Robot Camera\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\u003e\n \n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \n \n \u003cmeta property=\"product:retailer_item_id\" content=\"FIFISH-PRO-V6P\"\u003e\n \n \n \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; GPS \u0026amp; Navigation \u0026gt; Drones\"\u003e\n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"QYSEA FIFISH PRO V6+ Underwater Robot Camera\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include Max Depth: 150m, Tether Length 200m, 156 Wh battery capacity, and Camera Resolution: 4 K UHD.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6sPLUSsideview.jpg?v=1636847059\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6sPLUSfrontsideview.jpg?v=1636847057\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/V6sPLUSleftview.jpg?v=1636847055\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Underwater Drone\",\"sku\":\"FIFISH-PRO-V6P\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-pro-v6-underwater-robot-camera\",\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":5,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Max Depth\",\"value\":\"150m\"},{\"@type\":\"PropertyValue\",\"name\":\"Tether Length\",\"value\":\"200m\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"156 Wh\"},{\"@type\":\"PropertyValue\",\"name\":\"Camera Resolution\",\"value\":\"4K UHD\"},{\"@type\":\"PropertyValue\",\"name\":\"Stabilization\",\"value\":\"Q-Motor System\"},{\"@type\":\"PropertyValue\",\"name\":\"Propellers\",\"value\":\"6x CNC Aluminum\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is the maximum operating depth of this product?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This professional ROV is rated for depths up to 150 meters (approximately 492 feet). It is specifically designed to handle the pressure and environmental challenges of deep-water industrial and research missions.\"}},{\"@type\":\"Question\",\"name\":\"How does the anti-collision system work?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The intelligent anti-collision system uses integrated sensors to detect obstacles in the ROV's path. It provides real-time feedback to the pilot and can assist in maintaining a safe distance from underwater structures, which is critical for high-stakes inspections.\"}},{\"@type\":\"Question\",\"name\":\"Can I add external tools like a robotic arm to this drone?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, this model features the Q-Interface, a modular expansion port that supports a wide range of professional tools. Compatible add-ons include robotic arms, retrieval hooks, water samplers, and specialized sensors like pH or dissolved oxygen meters.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/collections\/underwater-drone\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QYSEA FIFISH PRO V6+ Underwater Robot Camera\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-pro-v6-underwater-robot-camera\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/qysea-fifish-pro-v6-underwater-robot-camera\"\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-enterprise\"\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 #67E8F944, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #67E8F922, 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 #67E8F9; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #67E8F9, 0 0 14px #67E8F988; }\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(8,145,178,0.9);\n border:1px solid rgba(34,211,238,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:#67E8F9;\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:#CFFAFE;\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 Underwater Drone\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 #67E8F9 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\"\u003eQYSEA FIFISH PRO V6+ Underwater Robot\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eCamera\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;\"\u003eQYsea\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\"\u003eUnderwater Drone\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\"\u003eInspection \u0026amp; exploration\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003e6-month warranty\u003c\/span\u003e\u003c\/span\u003e\u003ca class=\"rc-hero-meta-chip rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eSupport\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eTalk to specialist\u003c\/span\u003e\u003c\/a\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=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for professional-grade missions, this advanced ROV reaches depths of 150 meters with unparalleled stability provided by a patented Q-motor system. It integrates intelligent anti-collision technology and a 4K UHD camera to deliver crystal-clear visuals in complex environments. With its modular Q-Interface, it serves as a versatile platform for industrial inspections, search and rescue, and scientific research.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eMax Depth: 150m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eTether Length: 200m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 156 Wh\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCamera Resolution: 4 K UHD\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eStabilization: Q-Motor System\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePropellers: 6x CNC Aluminum\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\/0236\/4759\/products\/V6s%20PLUSsideview.jpg?v=1636847059\" alt=\"QYSea Fi Fish PRO V6 PLUS - Urban Drones\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eQYSea Fi Fish PRO V6 PLUS - Urban Drones\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;\"\u003eWith its modular Q-Interface, it serves as a versatile platform for industrial inspections, search and rescue, and scientific research.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eSearch and rescue teams leverage the intelligent anti-collision system and sonar to navigate murky waters safely during recovery missions.\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;\"\u003eProfessional underwater operators, industrial inspectors, and research institutions requiring a high-stability, deep-diving ROV with modular tool compatibility and intelligent navigation features.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\"\u003e\n \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eDives to a maximum depth of 150 meters for deep-water operations.\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;\"\u003eMaintains stable hovering and orientation using 6-thruster Q-motor technology.\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;\"\u003ePerforms millimeter-level measurements of underwater structures using the Laser Scaler.\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;\"\u003eDetects and avoids obstacles in real-time via the intelligent underwater system.\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\/0236\/4759\/products\/V6s%20PLUSfrontsideview.jpg?v=1636847057\" alt=\"QYSea Fi Fish PRO V6 PLUS - Urban Drones\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eQYSea Fi Fish PRO V6 PLUS - Urban Drones\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\"\u003eDepth \u0026amp; Performance\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Depth\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e150 meters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eStabilization System\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ePatented Q-motor stabilization\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eNavigation System\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUnderwater intelligent system with anti-collision\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\"\u003eCamera \u0026amp; Imaging\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\"\u003eVideo Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 K UHD\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTarget Tracking\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAI Vision Lock\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMeasurement Tools\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDistance Sonar \u0026amp; Laser Scaler\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\"\u003eTether \u0026amp; Communication\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\"\u003eTether Length\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e200 meters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTether Management\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eManual Spool included\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\"\u003eBattery \u0026amp; Power\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e156 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging System\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIncluded Battery Chargers\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\"\u003e5 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePhysical Construction\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\"\u003ePropeller Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCNC Aluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTravel Case\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eRugged Industrial Travel Case\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\/0236\/4759\/products\/V6s%20PLUSleftview.jpg?v=1636847055\" alt=\"QYSea Fi Fish PRO V6 PLUS - Urban Drones\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eQYSea Fi Fish PRO V6 PLUS - Urban Drones\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=\"8\"\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(8 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\u003e1 QYSEA FIFISH PRO V6 PLUS Underwater Drone\u003c\/li\u003e\n\u003cli\u003e156 Wh Battery and Chargers\u003c\/li\u003e\n\u003cli\u003e1 Rugged Industrial Travel Case\u003c\/li\u003e\n\u003cli\u003e1 Remote Control\u003c\/li\u003e\n\u003cli\u003e6x CNC Aluminum Propeller\u003c\/li\u003e\n\u003cli\u003eVR Goggles\u003c\/li\u003e\n\u003cli\u003eSD Card\u003c\/li\u003e\n\u003cli\u003e200-meter Tether and Spool\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\u003eRobotic Arm (sold separately)\u003c\/li\u003e\n\u003cli\u003eWater Sampler (sold separately)\u003c\/li\u003e\n\u003cli\u003eUnderwater GPS \/ U-QPS (sold separately)\u003c\/li\u003e\n\u003cli\u003eExternal 2D Image Sonar (sold separately)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\n \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n \n \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-faq-list\"\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat is the maximum operating depth of this product?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis professional ROV is rated for depths up to 150 meters (approximately 492 feet). It is specifically designed to handle the pressure and environmental challenges of deep-water industrial and research missions.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow does the anti-collision system work?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe intelligent anti-collision system uses integrated sensors to detect obstacles in the ROV's path. It provides real-time feedback to the pilot and can assist in maintaining a safe distance from underwater structures, which is critical for high-stakes inspections.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan I add external tools like a robotic arm to this drone?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, this model features the Q-Interface, a modular expansion port that supports a wide range of professional tools. Compatible add-ons include robotic arms, retrieval hooks, water samplers, and specialized sensors like p H or dissolved oxygen meters.\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\"\u003eControl Interface\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eRemote Control \u0026amp; VR Goggles\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eExpansion Port\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eQ-Interface for modular tools\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eStorage Media\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSD Card\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Environment\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUnderwater (Fresh or Saltwater)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMeasurement Accuracy\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMillimeter-level (with Laser Scaler)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSafety Features\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIntelligent Anti-Collision System\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every dive\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse the ROV and tether thoroughly with fresh water to remove salt and debris.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect CNC aluminum propellers for any obstructions or damage.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eDry all connector ports before storage to prevent corrosion.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eStore the 156Wh battery in a cool, dry place and maintain a partial charge for long-term storage.\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\"\u003eQYSEA FIFISH PRO V6+ Underwater Robot Camera\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\"\u003eUnderwater Drone\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\"\u003eFIFISH-PRO-V6P\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$12,999.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eQYSEA FIFISH PRO V6+ Underwater Robot Camera includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(3)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440373723479,"sku":"FIFISH-PRO-V6P","price":12999.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/V6sPLUSsideview.jpg?v=1767298735"},{"product_id":"qysea-gnss-locator-for-ego-drone","title":"QYSEA GNSS Locator for E-GO and E-Master drones","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=\"QYSEA GNSS Locator for E-GO and E-Master Drones - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"QYSEA GNSS Locator for E-GO and E-Master Drones, QYsea, Accessory, accessories, U-INS Calibration, Q-DVL Synergy, 300m Depth Rating, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | QYSEA GNSS Locator for E-GO and E-Master Drones\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 | QYSEA GNSS Locator for E-GO and E-Master Drones\"\u003e\n \u003cmeta property=\"og:description\" content=\"QYSEA GNSS Locator for E-GO and E-Master Drones - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/qysea-gnss-locator-for-e-go-and-e-master-drones\"\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\/0236\/4759\/files\/GNSS_locator.png?v=1749232664\"\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=\"QYSEA GNSS Locator for E-GO and E-Master Drones - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_GNSS_locator_e_series.png?v=1749232732\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/QYSEA_locator_for_e_series_drones.png?v=1749233326\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"1600.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 | QYSEA GNSS Locator for E-GO and E-Master Drones\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"QYSEA GNSS Locator for E-GO and E-Master Drones - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/GNSS_locator.png?v=1749232664\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"QYSEA GNSS Locator for E-GO and E-Master Drones\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"1600.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"ACC-QYS-119E\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"QYSEA GNSS Locator for E-GO and E-Master Drones\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include Depth Rating: 300m, 120g weight, Communication: 100-Base T Ethernet, and Input Voltage: DC 7-30 V. U-INS Calibration - Specifically designed to work with the Underwater Inertial Navigation System for precise positioning. Marine researchers use this locator to establish precise geofenced boundaries for scientific data collection and environmental monitoring. Industrial inspectors utilize the GNSS data to accurately map underwater assets such as pipelines, bridge pilings, and offshore energy infrastructure. Search and recovery teams rely on the calibrated positioning to provide a reliable reference point for automated return-to-base functions and systematic search patterns.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/GNSS_locator.png?v=1749232664\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_GNSS_locator_e_series.png?v=1749232732\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/QYSEA_locator_for_e_series_drones.png?v=1749233326\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Accessory\",\"sku\":\"ACC-QYS-119E\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-gnss-locator-for-e-go-and-e-master-drones\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-gnss-locator-for-e-go-and-e-master-drones\",\"priceCurrency\":\"USD\",\"price\":\"1600.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty (Standard QYSEA terms apply)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":210,\"unitCode\":\"GRM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Depth Rating\",\"value\":\"300m\"},{\"@type\":\"PropertyValue\",\"name\":\"Weight (In Water)\",\"value\":\"120g\"},{\"@type\":\"PropertyValue\",\"name\":\"Communication\",\"value\":\"100-BaseT Ethernet\"},{\"@type\":\"PropertyValue\",\"name\":\"Input Voltage\",\"value\":\"DC 7-30 V\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"U-INS Calibration - Specifically designed to work with the Underwater Inertial Navigation System for precise positioning.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Q-DVL Synergy - Functions in tandem with the Q-DVL module to maintain accurate ROV location tracking during long missions.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"300m Depth Rating - Ruggedized construction allows for deep-water operations without compromising internal electronics.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Speed Communication - Utilizes 100-BaseT Ethernet for rapid data transfer between the locator and the drone's control system.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Wide Voltage Range - Supports input voltages from DC 7V to 30V, offering flexibility for various power configurations.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Do I need to surface the ROV to use this locator?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the ROV must be surfaced to receive GNSS signals for location calibration. Once the locator has established a position, the U-INS and Q-DVL systems take over to maintain tracking while the drone is submerged.\"}},{\"@type\":\"Question\",\"name\":\"Which specific drone models is this compatible with?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This GNSS locator is specifically engineered for the QYSEA E-GO and E-Master series underwater drones and is not compatible with the V6 or V-EVO consumer lines.\"}},{\"@type\":\"Question\",\"name\":\"How does this locator work with the Q-DVL?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The GNSS Locator provides the initial global coordinate fix, which the Q-DVL then uses as a reference point to track relative movement and velocity underwater, significantly reducing cumulative navigation errors.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessory\",\"item\":\"https:\/\/therobocraft.com\/collections\/accessories\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QYSEA GNSS Locator for E-GO and E-Master Drones\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-gnss-locator-for-e-go-and-e-master-drones\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/qysea-gnss-locator-for-e-go-and-e-master-drones\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #D1D5DB44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #D1D5DB22, 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 #D1D5DB; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #D1D5DB, 0 0 14px #D1D5DB88; }\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(55,65,81,0.9);\n border:1px solid rgba(156,163,175,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:#D1D5DB;\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:#F3F4F6;\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 Accessory\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 #D1D5DB 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\"\u003eQYSEA GNSS Locator for E-GO and E-Master\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eDrones\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;\"\u003eQYsea\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\"\u003eAccessory\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\"\u003eCompatibility \u0026amp; upgrades\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\"\u003e1-year warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEnhance underwater navigation precision with this specialized calibration tool designed for professional ROV platforms. It integrates seamlessly with Q-DVL and U-INS systems to provide accurate positioning data. Featuring a 300m depth rating and high-speed Ethernet communication, it ensures reliable performance in demanding marine environments while maintaining a lightweight, compact form factor for easy deployment.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eDepth Rating: 300m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight (In Water): 120g\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCommunication: 100-Base T Ethernet\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eInput Voltage: DC 7-30 V\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\/0236\/4759\/files\/GNSS_locator.png?v=1749232664\" 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;\"\u003eEnhance underwater navigation precision with this specialized calibration tool designed for professional ROV platforms.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIt integrates seamlessly with Q-DVL and U-INS systems to provide accurate positioning data.\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;\"\u003eProfessional ROV pilots and marine technicians who require high-precision positioning for industrial inspections, scientific research, or complex underwater navigation tasks using the QYSEA E-Series platforms.\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;\"\u003eCalibrate ROV location coordinates via GNSS when surfaced.\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;\"\u003eProvide reference data for the Underwater Inertial Navigation System (U-INS).\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;\"\u003eOperate in extreme temperatures ranging from -10°C to 60°C.\u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eMaintain structural integrity at depths up to 300 meters.\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\/0236\/4759\/files\/qysea_GNSS_locator_e_series.png?v=1749232732\" alt=\"qysea GNSS locator e series\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eqysea GNSS locator e series\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\"\u003ePhysical Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDimension\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e207mmx58mmx36mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (in air)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e210g\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (in water)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e120g\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\"\u003eElectrical \u0026amp; Communication\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInput Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDC 7-30 V\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCommunication\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100-Base T Ethernet\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\"\u003eEnvironmental \u0026amp; Performance\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDepth Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e300m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWorking Temperature\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-10°C~60°C\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\/0236\/4759\/files\/QYSEA_locator_for_e_series_drones.png?v=1749233326\" alt=\"QYSEA locator for e series drones\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eQYSEA locator for e series drones\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"0\"\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \n \n \u003cdiv class=\"rc-not-included\"\u003e\n \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eQYSEA E-GO ROV\u003c\/li\u003e\n\u003cli\u003eQYSEA E-Master ROV\u003c\/li\u003e\n\u003cli\u003eQ-DVL (Doppler Velocity Log) Module\u003c\/li\u003e\n\u003cli\u003eU-INS (Underwater Inertial Navigation System)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eDo I need to surface the ROV to use this locator?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the ROV must be surfaced to receive GNSS signals for location calibration. Once the locator has established a position, the U-INS and Q-DVL systems take over to maintain tracking while the drone is submerged.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhich specific drone models is this compatible with?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis GNSS locator is specifically engineered for the QYSEA E-GO and E-Master series underwater drones and is not compatible with the V6 or V-EVO consumer lines.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow does this locator work with the Q-DVL?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe GNSS Locator provides the initial global coordinate fix, which the Q-DVL then uses as a reference point to track relative movement and velocity underwater, significantly reducing cumulative navigation errors.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCommunication\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100-Base T Ethernet\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with E-GO and E-Master Drones\u003c\/li\u003e\n \u003cli\u003eCompatible with the V6 or V-EVO consumer lines\u003c\/li\u003e\n \u003cli\u003eNot compatible with the V6 or V-EVO consumer lines\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003ch3\u003eOperating Environment:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eDepth Rating:\u003c\/strong\u003e 300m\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eWorking Temperature:\u003c\/strong\u003e -10°C~60°C\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every dive\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse with fresh water to remove salt and debris\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect Ethernet connector pins for corrosion\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck mounting hardware for secure attachment\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\"\u003eQYSEA GNSS Locator for E-GO and E-Master Drones\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\"\u003eAccessory\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\"\u003eACC-QYS-119E\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$1,600.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\"\u003eQYSEA GNSS Locator for E-GO and E-Master Drones 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(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for 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":"QYsea","offers":[{"title":"Default Title","offer_id":52440373690711,"sku":"ACC-QYS-119E","price":1600.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/GNSS_locator.png?v=1767298735"},{"product_id":"qysea-fifish-e-go-underwater-operational-robot","title":"QYSEA FIFISH E-GO Underwater Operational Robot","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e \u003cmeta content=\"QYSEA FIFISH E-GO Underwater Operational Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\" name=\"description\"\u003e \u003cmeta content=\"QYSEA FIFISH E-GO Underwater Operational Robot, QYsea, Underwater Drone, underwater-drone, specifications, buy online\" name=\"keywords\"\u003e \u003cmeta content=\"QYsea\" name=\"author\"\u003e \u003cmeta content=\"#0b1220\" name=\"theme-color\"\u003e \u003cmeta content=\"light dark\" name=\"color-scheme\"\u003e\u003c\/p\u003e\n\u003c!-- Performance: Preload critical resources --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Open Graph \/ Social Media --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n\u003cp\u003e\u003cmeta content=\"TheRoboCraft | QYSEA FIFISH E-GO Underwater Operational Robot\" property=\"og:title\"\u003e \u003cmeta content=\"QYSEA FIFISH E-GO Underwater Operational Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\" property=\"og:description\"\u003e \u003cmeta content=\"og:product\" property=\"og:type\"\u003e \u003cmeta content=\"https:\/\/therobocraft.com\/products\/qysea-fifish-e-go-underwater-operational-robot\" property=\"og:url\"\u003e \u003cmeta content=\"TheRoboCraft\" property=\"og:site_name\"\u003e \u003cmeta content=\"en_US\" property=\"og:locale\"\u003e \n \u003cmeta content=\"1200\" property=\"og:image:width\"\u003e \u003cmeta content=\"630\" property=\"og:image:height\"\u003e \u003cmeta content=\"QYSEA FIFISH E-GO Underwater Operational Robot - Product Image\" property=\"og:image:alt\"\u003e \u003cmeta content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2023-12-11at1.06.04AM.png?v=1704720971\" property=\"og:image\"\u003e \u003c\/p\u003e\n\u003c!-- Twitter Card --\u003e\n\u003cp\u003e\u003cmeta content=\"summary_large_image\" name=\"twitter:card\"\u003e \u003cmeta content=\"@TheRoboCraft\" name=\"twitter:site\"\u003e \u003cmeta content=\"TheRoboCraft | QYSEA FIFISH E-GO Underwater Operational Robot\" name=\"twitter:title\"\u003e \u003cmeta content=\"QYSEA FIFISH E-GO Underwater Operational Robot - Verified product details, core specifications, inclusions, FAQs, and buying information.\" name=\"twitter:description\"\u003e \u003cmeta content=\"QYSEA FIFISH E-GO Underwater Operational Robot\" name=\"twitter:image:alt\"\u003e\u003c\/p\u003e\n\u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n\u003cp\u003e\u003cmeta content=\"QYsea\" property=\"product:brand\"\u003e \u003cmeta content=\"new\" property=\"product:condition\"\u003e \u003cmeta content=\"UDR-QYS-1595\" property=\"product:retailer_item_id\"\u003e \u003cmeta content=\"E-E200A\" property=\"product:mfr_part_no\"\u003e \u003cmeta content=\"Electronics \u0026gt; GPS \u0026amp; Navigation \u0026gt; Drones\" property=\"product:category\"\u003e \u003cmeta content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\" name=\"robots\"\u003e \u003cmeta content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\" name=\"googlebot\"\u003e\u003c\/p\u003e\n\u003c!-- Structured Data --\u003e\n\u003cp\u003e\u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"QYSEA FIFISH E-GO Underwater Operational Robot\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include 5 kg payload capacity, Diving Depth: 100m-200m, 69.12 Wh battery capacity, and 150 minutes of standard operational duration runtime.\",\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Underwater Drone\",\"sku\":\"UDR-QYS-1595\",\"mpn\":\"E-E200A\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-e-go-underwater-operational-robot\",\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Payload Capability\",\"value\":\"5 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Diving Depth\",\"value\":\"100m-200m\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"69.12 Wh\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Life\",\"value\":\"150 minutes of standard operational duration\"},{\"@type\":\"PropertyValue\",\"name\":\"Charging Time\",\"value\":\"50 minutes to reach 90% capacity\"}]}\u003c\/script\u003e \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/collections\/underwater-drone\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QYSEA FIFISH E-GO Underwater Operational Robot\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-e-go-underwater-operational-robot\"}]}\u003c\/script\u003e\u003c\/p\u003e\n\u003c!-- Canonical URL --\u003e\n\u003cp\u003e \u003c\/p\u003e\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-enterprise\"\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\u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom: 24px; padding: 0; border: none;\"\u003e\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\u003c!-- Ambient background glow --\u003e\n\u003cdiv style=\"position: absolute; top: -30%; left: -5%; width: 200px; height: 200%; background: radial-gradient(ellipse at center,#0A84FF18,transparent 70%); pointer-events: none;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n\u003cdiv class=\"rcb-inner\" style=\"position: relative; z-index: 1; padding: 16px 24px;\"\u003e\n\u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n\u003cdiv class=\"rcb-left\" style=\"display: flex; align-items: center; gap: 14px; flex-shrink: 0;\"\u003e\n\u003c!-- Logo box with glow --\u003e\n\u003cdiv class=\"rcb-logo-wrap\" style=\"position: relative; background: linear-gradient(135deg,#1e2330,#252b38); border: 1.5px solid rgba(255,255,255,0.1); border-radius: 12px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; cursor: pointer; 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%; background: linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent); animation: rcAccentSweep 5s ease-in-out infinite; pointer-events: none;\"\u003e\u003cbr\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; border: none; position: relative; z-index: 1; transition: transform 0.3s ease;\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\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: bold; color: rgba(255,255,255,0.88); letter-spacing: -0.4px; font-family: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e \u003cspan class=\"rcb-name-highlight\" style=\"font-size: 17px; font-weight: 800; color: #0a84ff; letter-spacing: -0.4px; font-family: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e \u003cspan style=\"font-size: 17px; font-weight: bold; color: rgba(255,255,255,0.88); 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); font-weight: 600; letter-spacing: 3px; text-transform: uppercase; line-height: 1; font-family: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eVerified Product Details\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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\u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n\u003cdiv class=\"rcb-cat-badge\" style=\"display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: rgba(8,145,178,0.9); border: 1px solid rgba(34,211,238,0.3); border-radius: 10px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); cursor: default; transition: transform 0.25s ease,filter 0.25s ease;\"\u003e\n\u003c!-- Pulsing dot --\u003e \u003cspan class=\"rcb-cat-dot\" style=\"width: 7px; height: 7px; border-radius: 50%; background: #67E8F9; flex-shrink: 0;\"\u003e\u003c\/span\u003e \u003c!-- Category label --\u003e \u003cspan style=\"font-size: 10.5px; font-weight: bold; color: #cffafe; text-transform: uppercase; letter-spacing: 1.4px; white-space: nowrap; font-family: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e Underwater Drone \u003c\/span\u003e\n\u003c\/div\u003e\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 \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n\u003cdiv class=\"rcb-accent-line\" style=\"display: block; width: calc(100% - 20px); height: 2px; margin: 0 auto; border: none; border-radius: 2px; background: linear-gradient(90deg, transparent 0%, #1E40AF 12%, #0A84FF 30%, #67E8F9 50%, #0A84FF 70%, #0369A1 88%, transparent 100%); background-size: 200% 100%; animation: rcAccentFlow 4s ease-in-out infinite; opacity: 0.75;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n\u003cdiv class=\"rc-hero-grid\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"margin: 10px auto 12px auto; font-size: clamp(30px, 5vw, 52px); font-weight: bold; line-height: 1.1; color: #0f172a; letter-spacing: -0.035em; text-align: center; max-width: 920px;\"\u003e\n\u003cspan class=\"rc-title-main\"\u003eQYSEA FIFISH E-GO Underwater Operational\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eRobot\u003c\/span\u003e\n\u003c\/h1\u003e\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: bold; text-transform: uppercase; letter-spacing: 0.9px;\"\u003eBy\u003c\/span\u003e \u003cspan style=\"color: #1e293b; font-size: 15px; font-weight: 650;\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\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\"\u003eUnderwater Drone\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\"\u003eInspection \u0026amp; exploration\u003c\/span\u003e\u003c\/span\u003e\u003ca class=\"rc-hero-meta-chip rc-hero-meta-odd rc-hero-meta-link\" href=\"https:\/\/therobocraft.com\/pages\/contact\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eSupport\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eTalk to specialist\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\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=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\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\u003c\/nav\u003e\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;\"\u003eFIFISH E-GOProfessional Next-Gen Operational AI Underwater Robot NOTE: This product ships in 1 to 2 weeks.This QYSEA FIFISH E-GO robotic underwater drone is the ideal underwater companion for professionals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n\u003cspan class=\"rc-badge\"\u003ePayload Capability: 5 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDiving Depth: 100m-200m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 69.12 Wh\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Life: 150 minutes of standard ope...\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCharging Time: 50 minutes to reach 90% cap...\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-hero-accent\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGES 1: Hero --\u003e\n\n\u003c\/div\u003e\n\u003c!-- ABOUT THIS PRODUCT --\u003e\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\u003eAbout this product\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 underwater inspection and exploration tasks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c!-- CAPABILITIES --\u003e\n\u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n\u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\"\u003e\n\u003csummary\u003eCapabilities\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\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: bold; 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;\"\u003eBattery\u003c\/h3\u003e\n\u003cp style=\"margin: 0; font-size: 14px; line-height: 1.8; color: #64748b;\"\u003e69.12 Wh: Battery capacity: 69.12 Wh. Battery life: 150 minutes of standard operational duration\u003c\/p\u003e\n\u003c\/div\u003e\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: bold; 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;\"\u003eMotion Control Stack\u003c\/h3\u003e\n\u003cp style=\"margin: 0; font-size: 14px; line-height: 1.8; color: #64748b;\"\u003eControl: Patented six-axis vector layout for 360° Omnidirectional Movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c!-- VERIFIED HIGHLIGHTS --\u003e \u003c!-- SPECIFICATIONS --\u003e\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\u003eSpecifications\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\u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open=\"\"\u003e\n\u003csummary class=\"rc-accordion-header\"\u003e\u003cspan class=\"rc-accordion-title\"\u003ePhysical Specs\u003c\/span\u003e \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"rc-accordion-content\"\u003e\n\u003cdiv class=\"rc-accordion-body\"\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003ePayload Capability\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003e5 kg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eDiving Depth\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003e100m-200m\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eBattery Capacity\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003e69.12 Wh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003e150 minutes of standard operational duration\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eCharging Time\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003e50 minutes to reach 90% capacity\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n\u003csummary class=\"rc-accordion-header\"\u003e\u003cspan class=\"rc-accordion-title\"\u003eCamera Specs\u003c\/span\u003e \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"rc-accordion-content\"\u003e\n\u003cdiv class=\"rc-accordion-body\"\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eUltra-wide-angle Lens\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003e176° topside view and a 146° underwater panoramic perspective\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eVideo Resolution\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003e4 K UHD\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eMacro Underwater Focus Range\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003e10 cm ultra-close focus\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eIllumination System\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eFour-lamp Illumination System, 10,000 lumens\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n\u003csummary class=\"rc-accordion-header\"\u003e\u003cspan class=\"rc-accordion-title\"\u003eModular Design\u003c\/span\u003e \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"rc-accordion-content\"\u003e\n\u003cdiv class=\"rc-accordion-body\"\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eModular Architecture\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eIntegrates essential components of the robot, including the motor, imaging, lighting, and battery\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eHot-swappable Battery System\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eEnables seamless alternating battery replacement without powering down or restarting\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eSpare Part Replacement Time\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003e5 minutes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n\u003csummary class=\"rc-accordion-header\"\u003e\u003cspan class=\"rc-accordion-title\"\u003eExpansion and Tools\u003c\/span\u003e \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"rc-accordion-content\"\u003e\n\u003cdiv class=\"rc-accordion-body\"\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eDual Load Interfaces\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eOn top and bottom of the body\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eExpansion Capability\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 6 operational tools simultaneously\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eQ-Interface Ports\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eDual Q-Interface ports for simultaneous tool attachments (upgradeable to 6 ports)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-4\"\u003e\n\u003csummary class=\"rc-accordion-header\"\u003e\u003cspan class=\"rc-accordion-title\"\u003eAI and Control\u003c\/span\u003e \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"rc-accordion-content\"\u003e\n\u003cdiv class=\"rc-accordion-body\"\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eAI-driven Stabilization\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eQ-Steady 3.0 self-stabilization system, driven by its AI-based station lock technology\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eUnderwater Auto-Cruise\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eEnables auto-cruise and predefined movement paths through the FIFISH APP\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eStation Lock Module\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eOptional Add-on for extended and self-adaptive stability in strong currents\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-strategic-image rc-strategic-image-spec\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Screen%20Shot2023-12-11at1.06.14AM.png?v=1704720971\" alt=\"Display interface\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003cdiv class=\"rc-image-caption\"\u003eDisplay interface\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e \u003c!-- SEE IT IN ACTION --\u003e \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e \u003c!-- TECHNICAL DETAILS --\u003e\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\u003eTechnical Details\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\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eMotor System\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eInnovative ring-wing motor system, achieving speeds of 3 knots\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003ePropulsion\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eSix high-performance metal wing propellers with an expanded blade area, resulting in a 30% power increase\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003ePatented six-axis vector layout for 360° Omnidirectional Movement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-accordion-spec-row\"\u003e\n\u003cspan class=\"rc-spec-label-acc\"\u003eOperating Temperature\u003c\/span\u003e \u003cspan class=\"rc-spec-value-acc\"\u003eNot specified\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c!-- COMPATIBILITY --\u003e \u003c!-- MAINTENANCE \u0026 CARE --\u003e \u003c!-- PRODUCT IDENTIFIERS --\u003e\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\u003eProduct Identifiers\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\"\u003eQYSEA FIFISH E-GO Underwater Operational Robot\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eUnderwater Drone\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\"\u003eUDR-QYS-1595\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\"\u003eQYsea\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\"\u003eE-E200A\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$6,499.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\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\u003eDocumentation \u0026amp; Development\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\"\u003eQYSEA FIFISH E-GO Underwater Operational Robot includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n\u003cdiv class=\"rc-resources-grid\"\u003e\n\u003cdiv class=\"rc-resource-group\"\u003e\n\u003cdetails class=\"rc-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"rc-accordion-header\"\u003e\u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"rc-accordion-body\"\u003e\n\u003cdiv class=\"rc-resource-group-items\"\u003e\n\u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n\u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n\u003cdiv class=\"rc-resource-content\"\u003e\n\u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(4)\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-resource-cta-wrap\"\u003e\u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c!-- DISCLAIMERS --\u003e\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\u003eDisclaimers\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\u003c!-- FOOTER --\u003e\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 \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" rel=\"noopener noreferrer\" target=\"_blank\"\u003eContact\u003c\/a\u003e \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" rel=\"noopener noreferrer\" target=\"_blank\"\u003eRefunds\u003c\/a\u003e \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" rel=\"noopener noreferrer\" target=\"_blank\"\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\u003c\/div\u003e\n\n\u003cp\u003e \u003c\/p\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440373592407,"sku":"UDR-QYS-1595","price":6499.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/ScreenShot2023-12-11at1.06.32AM.png?v=1767298736"},{"product_id":"qysea-fifish-v6s-or-v6-underwater-drones-thruster-protectors-kit","title":"QYSea Fifish QYSea V-EVO Thruster Protectors kit also fit V6 and V6s","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=\"QYSea Fifish V-EVO Thruster Protectors Kit - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"QYSea Fifish V-EVO Thruster Protectors Kit, QYsea, Drone Part, drone-part, Universal V-Series Fit, Debris Shielding, Tool-less Installation, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | QYSea Fifish V-EVO Thruster Protectors Kit\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 | QYSea Fifish V-EVO Thruster Protectors Kit\"\u003e\n \u003cmeta property=\"og:description\" content=\"QYSea Fifish V-EVO Thruster Protectors Kit - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/qysea-fifish-v-evo-thruster-protectors-kit\"\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\/0236\/4759\/files\/qysea_v_eo_underwater_drone.webp?v=1763664459\"\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=\"QYSea Fifish V-EVO Thruster Protectors Kit - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ThrustorProtectorscaled_grande_8839d5ce-2b5a-4118-9fee-243e4ffaa59f.png?v=1763664459\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ThrustorProtectorscaled_grandeb.jpg?v=1750538645\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"199.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 | QYSea Fifish V-EVO Thruster Protectors Kit\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"QYSea Fifish V-EVO Thruster Protectors Kit - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_v_eo_underwater_drone.webp?v=1763664459\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"QYSea Fifish V-EVO Thruster Protectors Kit\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"199.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS006\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"QYSea Fifish V-EVO Thruster Protectors Kit\",\"description\":\"Built for professional use. Verified specifications include Compatibility: V-EVO, V6, V6s, Installation: Snap-In \/ Tool-less, Protection Type: Debris Shielding, and Compatible Model (V-EVO): FIFISH V-EVO. Universal V-Series Fit - Compatible with V-EVO, V6, and V6s models. Marine research in kelp forests where floating vegetation poses a risk to open propellers. Infrastructure inspections near rocky shorelines or submerged structures where impact protection is critical. Recreational diving in shallow or 'dirty' water environments containing high concentrations of grass and debris.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/qysea_v_eo_underwater_drone.webp?v=1763664459\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ThrustorProtectorscaled_grande_8839d5ce-2b5a-4118-9fee-243e4ffaa59f.png?v=1763664459\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ThrustorProtectorscaled_grandeb.jpg?v=1750538645\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Drone Part\",\"sku\":\"UDQYS006\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-v-evo-thruster-protectors-kit\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-v-evo-thruster-protectors-kit\",\"priceCurrency\":\"USD\",\"price\":\"199.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Compatibility\",\"value\":\"V-EVO, V6, V6s\"},{\"@type\":\"PropertyValue\",\"name\":\"Installation\",\"value\":\"Snap-In \/ Tool-less\"},{\"@type\":\"PropertyValue\",\"name\":\"Protection Type\",\"value\":\"Debris Shielding\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Universal V-Series Fit - Compatible with V-EVO, V6, and V6s models.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Debris Shielding - Keeps large particles like grass, rocks, and seaweed away from propellers.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Tool-less Installation - Snaps into place very easily without specialized equipment.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Motor Protection - Helps protect the motor on your underwater drone from external impacts.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Precision Engineering - Specifically designed to match the FIFISH thruster architecture.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Do these protectors require tools for installation?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, these thruster protectors are designed with a snap-in mechanism. They can be easily installed or removed by hand, making them ideal for quick adjustments in the field.\"}},{\"@type\":\"Question\",\"name\":\"Will these fit the FIFISH V6 Expert model?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The current kit is specifically verified for the FIFISH V-EVO, V6, and V6s. While the thruster designs are similar across the V-series, users should confirm specific fitment for the Expert model with the manufacturer.\"}},{\"@type\":\"Question\",\"name\":\"What kind of debris do these guards protect against?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"They are specially designed to keep large particles such as sea grass, small rocks, and seaweed away from the propellers, preventing motor stalls and blade damage.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Drone Part\",\"item\":\"https:\/\/therobocraft.com\/collections\/drone-part\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QYSea Fifish V-EVO Thruster Protectors Kit\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-fifish-v-evo-thruster-protectors-kit\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/qysea-fifish-v-evo-thruster-protectors-kit\"\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 Drone Part\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\"\u003eQYSea Fifish V-EVO Thruster Protectors\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eKit\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;\"\u003eQYsea\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\"\u003eDrone Part\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\"\u003eCompatibility \u0026amp; upgrades\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\"\u003e1-year warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEnhance your underwater ROV's durability with this essential thruster protection system. Engineered for the FIFISH V-EVO, V6, and V6s, these guards utilize a simple snap-in mechanism to shield propellers from damaging debris like seaweed and rocks. By preventing motor entanglement and impact damage, this kit ensures reliable performance during complex missions in challenging aquatic environments.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eCompatibility: V-EVO, V6, V6s\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eInstallation: Snap-In \/ Tool-less\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eProtection Type: Debris Shielding\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\/0236\/4759\/files\/qysea_v_eo_underwater_drone.webp?v=1763664459\" alt=\"qysea v evo thruster protector\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eqysea v evo thruster protector\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;\"\u003eEnhance your underwater ROV\u0026amp;#039;s durability with this essential thruster protection system.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eEngineered for the FIFISH V-EVO, V6, and V6s, these guards utilize a simple snap-in mechanism to shield propellers from damaging debris like seaweed and rocks.\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;\"\u003eProfessional ROV pilots, marine researchers, and underwater inspection teams using QYSea FIFISH V-series drones who require enhanced hardware protection in high-debris environments.\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;\"\u003ePrevent propeller entanglement in kelp and sea grass.\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;\"\u003eDeflect small rocks and pebbles in turbulent or shallow water.\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;\"\u003eMaintain thruster integrity during close-proximity inspections.\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;\"\u003eEnable safer operation in high-debris aquatic environments.\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\/0236\/4759\/products\/Thrustor%20Protectorscaled_grande_8839d5ce-2b5a-4118-9fee-243e4ffaa59f.png?v=1763664459\" alt=\"fifish v6s thruster motor protectors\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003efifish v6s thruster motor protectors\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\"\u003eCompatibility\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\"\u003eCompatible Model (V-EVO)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH V-EVO\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCompatible Model (V6s)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH V6s\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\"\u003eDesign \u0026amp; Function\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\"\u003eInstallation Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSnap-in\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePrimary Function\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMotor and Propeller Protection\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTarget Debris\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eGrass, Rocks, Seaweed\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\/0236\/4759\/products\/Thrustor%20Protectorscaled_grandeb.jpg?v=1750538645\" alt=\"motor protector for the qysea fifish v6s\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003emotor protector for the qysea fifish v6s\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(1 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\u003cli\u003e1x QYSea Fifish Thruster Protectors Kit (Full Set for V-Series ROVs)\u003c\/li\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-not-included\"\u003e\n \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFIFISH V6\/V6s\/V-EVO Underwater Drone\u003c\/li\u003e\n\u003cli\u003eReplacement Propellers\u003c\/li\u003e\n\u003cli\u003eInstallation Tools (None required)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eDo these protectors require tools for installation?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, these thruster protectors are designed with a snap-in mechanism. They can be easily installed or removed by hand, making them ideal for quick adjustments in the field.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWill these fit the FIFISH V6 Expert model?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe current kit is specifically verified for the FIFISH V-EVO, V6, and V6s. While the thruster designs are similar across the V-series, users should confirm specific fitment for the Expert model with the manufacturer.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat kind of debris do these guards protect against?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThey are specially designed to keep large particles such as sea grass, small rocks, and seaweed away from the propellers, preventing motor stalls and blade damage.\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\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ePlastic\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCompatibility Brand\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eQYSea FIFISH\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaintenance Level\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLow\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every dive\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse protectors thoroughly with fresh water to remove salt deposits\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck for trapped debris between the guard and the propeller\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect snap-in tabs for signs of wear or stress\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\"\u003eQYSea Fifish V-EVO Thruster Protectors Kit\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\"\u003eDrone Part\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\"\u003eUDQYS006\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$199.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\"\u003eCompatibility \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\"\u003eQYSea Fifish V-EVO Thruster Protectors Kit has compatibility, fitment, and support documentation signals available for purchase planning.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(1)\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 compatibility details\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":"QYsea","offers":[{"title":"Default Title","offer_id":52440373985623,"sku":"UDQYS006","price":199.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/qysea_v_eo_underwater_drone.webp?v=1767298741"},{"product_id":"charger-for-underwater-drone-fifish-v6s-6pin","title":"Charger for underwater drone Fifish V6s 6pin","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=\"Charger for FIFISH V6s Underwater Drone (6-Pin) - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Charger for FIFISH V6s Underwater Drone (6-Pin), QYsea, Accessory, accessories, 6-Pin Interface, Universal Input, High-Efficiency Charging, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Charger for FIFISH V6s Underwater Drone (6-Pin)\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 | Charger for FIFISH V6s Underwater Drone (6-Pin)\"\u003e\n \u003cmeta property=\"og:description\" content=\"Charger for FIFISH V6s Underwater Drone (6-Pin) - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/charger-for-fifish-v6s-underwater-drone-6-pin\"\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\/0236\/4759\/products\/IMG_0002.heic?v=1679072338\"\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=\"Charger for FIFISH V6s Underwater Drone (6-Pin) - Product Image\"\u003e\n \n \u003cmeta property=\"og:price:amount\" content=\"149.99\"\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 | Charger for FIFISH V6s Underwater Drone (6-Pin)\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Charger for FIFISH V6s Underwater Drone (6-Pin) - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/IMG_0002.heic?v=1679072338\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Charger for FIFISH V6s Underwater Drone (6-Pin)\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"149.99\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS034\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Charger for FIFISH V6s Underwater Drone (6-Pin)\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include Input Voltage: 100-240 V AC, Input Current: 3.0 A, Output Voltage: 12.9 V DC, and Connector Type: 6-Pin. 6-Pin Interface - Specifically keyed for the FIFISH V6s power port to prevent incorrect connections. Professional ROV Pilots: Essential for maintaining continuous operation during long-duration underwater inspections and search missions.,Expedition Teams: Provides a reliable power source for remote deployments where multiple battery cycles are required daily.,Maintenance \u0026 Repair: Serves as a direct OEM replacement for lost or damaged original charging units to ensure system electrical safety.\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/IMG_0002.heic?v=1679072338\",\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Accessory\",\"sku\":\"UDQYS034\",\"url\":\"https:\/\/therobocraft.com\/products\/charger-for-fifish-v6s-underwater-drone-6-pin\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/charger-for-fifish-v6s-underwater-drone-6-pin\",\"priceCurrency\":\"USD\",\"price\":\"149.99\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty; 6 Month Battery Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Input Voltage\",\"value\":\"100-240 V AC\"},{\"@type\":\"PropertyValue\",\"name\":\"Input Current\",\"value\":\"3.0 A\"},{\"@type\":\"PropertyValue\",\"name\":\"Output Voltage\",\"value\":\"12.9 V DC\"},{\"@type\":\"PropertyValue\",\"name\":\"Connector Type\",\"value\":\"6-Pin\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"6-Pin Interface - Specifically keyed for the FIFISH V6s power port to prevent incorrect connections.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Universal Input - Supports 100-240V AC for seamless operation across different international regions.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Efficiency Charging - Engineered to deliver the precise voltage required for the V6s 9,000 mAh battery.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Safety Protections - Built-in circuitry to protect against over-voltage and short circuits during the charging cycle.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Durable Housing - Impact-resistant casing designed for transport in industrial ROV cases.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Is this charger compatible with the standard FIFISH V6?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This specific model uses a 6-pin connector designed for the V6s. You should verify the pin count on your drone's charging port before purchase, as different V6 models may use different connector configurations (such as 2-pin or 3-pin).\"}},{\"@type\":\"Question\",\"name\":\"Can I use this to charge the remote controller?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, this is the high-power charger for the ROV unit itself. The remote controller typically requires a lower-power 5V\/3A charger, which is a separate component.\"}},{\"@type\":\"Question\",\"name\":\"What is the expected charging time for a full battery?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"When used with the V6s, this charger can achieve a 70% quick charge in approximately 1 hour. A full charge typically takes longer to allow the internal battery management system to balance the cells.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessory\",\"item\":\"https:\/\/therobocraft.com\/collections\/accessories\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Charger for FIFISH V6s Underwater Drone (6-Pin)\",\"item\":\"https:\/\/therobocraft.com\/products\/charger-for-fifish-v6s-underwater-drone-6-pin\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/charger-for-fifish-v6s-underwater-drone-6-pin\"\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 #D1D5DB44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #D1D5DB22, 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 #D1D5DB; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #D1D5DB, 0 0 14px #D1D5DB88; }\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(55,65,81,0.9);\n border:1px solid rgba(156,163,175,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:#D1D5DB;\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:#F3F4F6;\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 Accessory\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 #D1D5DB 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\"\u003eCharger for FIFISH V6s Underwater Drone\u003c\/span\u003e\u003cspan class=\"rc-title-variant\"\u003e(6-Pin)\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;\"\u003eQYsea\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\"\u003eAccessory\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\"\u003eCharging \u0026amp; replacement\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\"\u003e6-month warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#compatibility\" class=\"rc-hero-quicklink\"\u003eCompatibility\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 specifically for the professional-grade V6s ROV, this high-performance power adapter ensures rapid and reliable energy replenishment. Featuring a specialized 6-pin connector, it supports a wide input range of 100-240V at 3.0A, making it ideal for international deployments. Its robust build quality matches industrial standards, providing a stable 12.9V output for efficient field operations and minimal downtime between dives.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eInput Voltage: 100-240 V AC\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eInput Current: 3.0 A\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eOutput Voltage: 12.9 V DC\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eConnector Type: 6-Pin\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\/0236\/4759\/products\/IMG_0002.heic?v=1679072338\" 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 specifically for the professional-grade V6s ROV, this high-performance power adapter ensures rapid and reliable energy replenishment.\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;\"\u003eProfessional ROV operators, marine researchers, and industrial inspectors using the FIFISH V6s platform who require a dedicated or replacement 6-pin charging solution.\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;\"\u003eRapid Replenishment\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eCapable of charging the V6s battery to 70% capacity in approximately 1 hour.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eContinuous Power Delivery\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eProvides stable 12.9V output for consistent charging performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eGlobal Deployment\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eOperates on both 50Hz and 60Hz power grids without manual switching.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eIndustrial Integration\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eFits within standard FIFISH industrial carrying cases for easy transport.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n \n\n \u003c!-- SPECIFICATIONS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-container\"\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePower Input\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInput Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100-240 V\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInput Frequency\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e50\/60Hz\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInput Current\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3.0 A\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 Output\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\"\u003eOutput Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12.9 V DC\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOutput Current\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 A\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\"\u003eConnectivity \u0026amp; 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\"\u003eConnector Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6-Pin Specialized Plug\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCompatible Model\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH V6s\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(2 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x QYSEA FIFISH V6s 6-Pin Charger\u003c\/li\u003e\n\u003cli\u003e1x AC Power Cable\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\u003eFIFISH V6s Underwater Drone\u003c\/li\u003e\n\u003cli\u003eRemote Controller Charger\u003c\/li\u003e\n\u003cli\u003eTether Cable\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eIs this charger compatible with the standard FIFISH V6?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis specific model uses a 6-pin connector designed for the V6s. You should verify the pin count on your drone's charging port before purchase, as different V6 models may use different connector configurations (such as 2-pin or 3-pin).\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan I use this to charge the remote controller?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, this is the high-power charger for the ROV unit itself. The remote controller typically requires a lower-power 5V\/3A charger, which is a separate component.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat is the expected charging time for a full battery?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eWhen used with the V6s, this charger can achieve a 70% quick charge in approximately 1 hour. A full charge typically takes longer to allow the internal battery management system to balance the cells.\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\"\u003eInterface\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6-Pin\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Warranty\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Months\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eShipping Lead Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 to 3 weeks\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with FIFISH V6s Underwater Drone (6-Pin)\u003c\/li\u003e\n \u003cli\u003eCompatible with the standard FIFISH V6\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After each use\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eInspect the 6-pin connector for debris or corrosion before plugging in\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the charging port on the ROV is completely dry before connection\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eStore in a cool, dry place away from direct sunlight when not in use\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eCharger for FIFISH V6s Underwater Drone (6-Pin)\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\"\u003eAccessory\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\"\u003eUDQYS034\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$149.99\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\"\u003eCompatibility \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\"\u003eCharger for FIFISH V6s Underwater Drone (6-Pin) has compatibility, fitment, and support documentation signals available for purchase planning.\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(1)\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 compatibility details\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":"QYsea","offers":[{"title":"Default Title","offer_id":52440373920087,"sku":"UDQYS034","price":149.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/IMG_0002.jpg?v=1767298744"},{"product_id":"qysea-laser-scaler-for-fifish-v6-expert-fifish-pro-v6-plus","title":"QYSea Laser Scaler for FIFISH V6 EXPERT \u0026 FIFISH PRO V6 PLUS","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=\"QYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"QYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS, QYsea, Accessory, accessories, High-Precision Scaling, Fixed 10cm Reference, App-Based Integration, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | QYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS\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 | QYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS\"\u003e\n \u003cmeta property=\"og:description\" content=\"QYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/qysea-laser-scaler-for-fifish-v6-expert-and-fifish-pro-v6-plus\"\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\/0236\/4759\/files\/ScreenShot2024-02-26at1.24.21PM.png?v=1708974585\"\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=\"QYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-02-26at1.25.04PM.png?v=1708974584\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-02-26at1.25.15PM.png?v=1708974583\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"499.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 | QYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"QYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-02-26at1.24.21PM.png?v=1708974585\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"QYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"499.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"ACC-QYS-46F7\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"QYSea Laser Scaler for FIFISH V6 EXPERT \u0026 FIFISH PRO V6 PLUS\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include Reference Distance: 10 cm, Integration: FIFISH APP, Mounting: Fuselage Add-on, and High-Precision Laser accuracy. High-Precision Scaling - Accurately measure underwater objects, pits, and cracks with laser-guided precision. Marine researchers use this tool to accurately measure the size of fish and coral structures without disturbing the ecosystem. Infrastructure inspectors utilize the 10cm reference points to document the dimensions of cracks and pits in underwater bridge pilings or dam walls. Search and rescue teams employ the laser scaler to identify and size submerged objects or debris during recovery missions. Aquaculture managers use the precision scaling to monitor the growth rates of stock in offshore pens.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-02-26at1.24.21PM.png?v=1708974585\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-02-26at1.25.04PM.png?v=1708974584\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-02-26at1.25.15PM.png?v=1708974583\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Accessory\",\"sku\":\"ACC-QYS-46F7\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-laser-scaler-for-fifish-v6-expert-and-fifish-pro-v6-plus\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-laser-scaler-for-fifish-v6-expert-and-fifish-pro-v6-plus\",\"priceCurrency\":\"USD\",\"price\":\"499.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty (Standard for QYSea accessories)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Reference Distance\",\"value\":\"10 cm\"},{\"@type\":\"PropertyValue\",\"name\":\"Integration\",\"value\":\"FIFISH APP\"},{\"@type\":\"PropertyValue\",\"name\":\"Mounting\",\"value\":\"Fuselage Add-on\"},{\"@type\":\"PropertyValue\",\"name\":\"Precision\",\"value\":\"High-Precision Laser\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Precision Scaling - Accurately measure underwater objects, pits, and cracks with laser-guided precision.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Fixed 10cm Reference - Provides a consistent 10cm gap between laser points for reliable size estimation.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"App-Based Integration - Fully integrated with the FIFISH APP for real-time data overlay and measurement.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Rapid Assembly - Simple attachment to the ROV fuselage allows for quick deployment in the field.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Cost Efficiency - Reduces the need for manual measurement divers, lowering operational costs and human risk.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Which specific ROV models can use this laser scaler?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This add-on tool is exclusively compatible with the FIFISH V6 EXPERT and the FIFISH PRO V6 PLUS underwater robots. It utilizes the dedicated expansion ports found on these professional-grade models for power and data integration.\"}},{\"@type\":\"Question\",\"name\":\"How is the measurement calculated using the lasers?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The device projects two parallel laser beams into the water with a fixed reference distance of 10cm between them. By comparing the size of an object to the distance between these two points on the FIFISH APP screen, operators can accurately calculate dimensions.\"}},{\"@type\":\"Question\",\"name\":\"Is the installation process complicated for field work?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, the installation is designed for rapid deployment. You simply attach the scaler to the ROV's fuselage and connect the included power cable to the expansion port, making it ready for dives in minutes.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessory\",\"item\":\"https:\/\/therobocraft.com\/collections\/accessories\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QYSea Laser Scaler for FIFISH V6 EXPERT \u0026 FIFISH PRO V6 PLUS\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-laser-scaler-for-fifish-v6-expert-and-fifish-pro-v6-plus\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/qysea-laser-scaler-for-fifish-v6-expert-and-fifish-pro-v6-plus\"\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 #D1D5DB44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #D1D5DB22, 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 #D1D5DB; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #D1D5DB, 0 0 14px #D1D5DB88; }\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(55,65,81,0.9);\n border:1px solid rgba(156,163,175,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:#D1D5DB;\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:#F3F4F6;\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 Accessory\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 #D1D5DB 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\"\u003eQYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003ePLUS\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;\"\u003eQYsea\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\"\u003eAccessory\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\"\u003eCompatibility \u0026amp; upgrades\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\"\u003e1-year warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#compatibility\" class=\"rc-hero-quicklink\"\u003eCompatibility\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;\"\u003eTransform your underwater inspections with this high-precision measurement tool. Engineered for professional-grade accuracy, it projects two laser points with a fixed 10cm reference distance to determine the size of cracks, pits, and marine life. Seamlessly integrated with the FIFISH APP, this plug-and-play add-on reduces operational costs and human risk by automating routine measurement tasks during deep-sea dives.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eReference Distance: 10 cm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eIntegration: FIFISH APP\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMounting: Fuselage Add-on\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePrecision: High-Precision Laser\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\/0236\/4759\/files\/Screen%20Shot2024-02-26at1.24.21PM.png?v=1708974585\" alt=\"Display interface\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eDisplay interface\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;\"\u003eTransform your underwater inspections with this high-precision measurement tool.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eSeamlessly integrated with the FIFISH APP, this plug-and-play add-on reduces operational costs and human risk by automating routine measurement tasks during deep-sea dives.\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;\"\u003eProfessional ROV pilots and industrial inspectors requiring precise underwater measurement capabilities for infrastructure, research, or commercial diving operations.\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;\"\u003eMeasure underwater crack widths and lengths with precision.\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;\"\u003eEstimate the size of fish and marine organisms in their natural habitat.\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;\"\u003eDetermine the dimensions of underwater pits and structural corrosion.\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;\"\u003eProvide a visual scale for recorded inspection footage and photos.\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\/0236\/4759\/files\/Screen%20Shot2024-02-26at1.25.04PM.png?v=1708974584\" alt=\"Display interface\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eDisplay interface\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\"\u003eMeasurement 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\"\u003eReference Point Distance\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e10 cm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMeasurement Method\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDual-point laser scaling\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLaser Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHigh-precision industrial laser\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\"\u003eCompatibility\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\"\u003eCompatible ROV Models\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH V6 EXPERT, FIFISH PRO V6 PLUS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware Integration\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH APP\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePhysical \u0026amp; Electrical\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMounting Location\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eROV Fuselage\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eConnection Interface\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDedicated power cable to ROV expansion port\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\/0236\/4759\/files\/Screen%20Shot2024-02-26at1.25.15PM.png?v=1708974583\" alt=\"Display interface\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eDisplay interface\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=\"2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(2 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x QYSea Laser Scaler Add-on Module\u003c\/li\u003e\n\u003cli\u003e1x Dedicated Power Connection Cable\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\u003eFIFISH V6 EXPERT ROV\u003c\/li\u003e\n\u003cli\u003eFIFISH PRO V6 PLUS ROV\u003c\/li\u003e\n\u003cli\u003eSmartphone or Tablet for FIFISH APP usage\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eWhich specific ROV models can use this laser scaler?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis add-on tool is exclusively compatible with the FIFISH V6 EXPERT and the FIFISH PRO V6 PLUS underwater robots. It utilizes the dedicated expansion ports found on these professional-grade models for power and data integration.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow is the measurement calculated using the lasers?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe device projects two parallel laser beams into the water with a fixed reference distance of 10cm between them. By comparing the size of an object to the distance between these two points on the FIFISH APP screen, operators can accurately calculate dimensions.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs the installation process complicated for field work?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, the installation is designed for rapid deployment. You simply attach the scaler to the ROV's fuselage and connect the included power cable to the expansion port, making it ready for dives in minutes.\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\"\u003eMounting Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFuselage-mounted add-on\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware Integration\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH APP\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS\u003c\/li\u003e\n \u003cli\u003eCompatible with the FIFISH V6 EXPERT and the FIFISH PRO V6 PLUS underwater robots\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every dive\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse the laser apertures with fresh water to prevent salt crystallization\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the power cable connectors for debris or corrosion\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eWipe the laser lenses with a soft, non-abrasive cloth to ensure beam clarity\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\"\u003eQYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS\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\"\u003eAccessory\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\"\u003eACC-QYS-46F7\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$499.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\"\u003eCompatibility \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\"\u003eQYSea Laser Scaler for FIFISH V6 EXPERT \u0026amp; FIFISH PRO V6 PLUS has compatibility, fitment, and support documentation signals available for purchase planning.\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 compatibility details\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":"QYsea","offers":[{"title":"Default Title","offer_id":52440374051159,"sku":"ACC-QYS-46F7","price":499.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Screen_Shot_2024-02-26_at_2.02.35_PM.png?v=1767298743"},{"product_id":"qysea-2-finger-robotic-arm-fifish-v-evo-version","title":"QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version","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=\"QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version, QYsea, Robotic Arm, robotic-arm, Parallel Gripper Design, 100N Towing Force, Neutral Buoyancy, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version\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 | QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version\"\u003e\n \u003cmeta property=\"og:description\" content=\"QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/qysea-2-finger-robotic-arm-fifish-v-evo-version\"\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\/0236\/4759\/files\/2_finger_robotic_arm.jpg?v=1729239805\"\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=\"QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/v-evo_arm2_2.jpg?v=1729238553\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/v-evo_arm1_2.jpg?v=1729238553\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"399.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 | QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/2_finger_robotic_arm.jpg?v=1729239805\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"399.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS030\"\u003e\n \n \n \u003cmeta property=\"product:category\" content=\"Electronics \u0026gt; Robotics\"\u003e\n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version\",\"description\":\"Designed for precise robotic manipulation and automation. Verified specifications include 7 kg weight, VInput Voltage: 9 V-13 V DCMaximum, Operating Voltage: 9 V, and Clamping Force: 100.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/2_finger_robotic_arm.jpg?v=1729239805\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/v-evo_arm2_2.jpg?v=1729238553\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/v-evo_arm1_2.jpg?v=1729238553\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Robotic Arm\",\"sku\":\"UDQYS030\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-2-finger-robotic-arm-fifish-v-evo-version\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/qysea-2-finger-robotic-arm-fifish-v-evo-version\",\"priceCurrency\":\"USD\",\"price\":\"399.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty provided by manufacturer; 6 Month Battery Warranty (if applicable).\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e Robotics\",\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":7,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"7 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"VInput Voltage\",\"value\":\"9 V-13 V DCMaximum\"},{\"@type\":\"PropertyValue\",\"name\":\"Operating Voltage\",\"value\":\"9 V\"},{\"@type\":\"PropertyValue\",\"name\":\"Clamping Force\",\"value\":\"100\"},{\"@type\":\"PropertyValue\",\"name\":\"Available\",\"value\":\"2.0 Port \u0026 4.0 PortMax Grip Strength: 7 kg\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How does this robotic arm affect the stability of the ROV?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This robotic arm is designed with a neutral buoyancy system. This means it does not add significant weight or lift to the ROV, allowing the drone to maintain its 360-degree maneuverability and stable hovering capabilities even when the arm is attached and operational.\"}},{\"@type\":\"Question\",\"name\":\"Can this arm be used to retrieve delicate items like coral or glass?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the parallel gripper design is specifically engineered to handle fragile objects. By providing even pressure across the gripping surface, it allows operators to retrieve delicate items that might be crushed or dropped by standard claw designs.\"}},{\"@type\":\"Question\",\"name\":\"What is the difference between the 2.0 and 4.0 port versions?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The versions refer to the physical connection port on your FIFISH V-EVO drone. You should check your ROV's expansion port type before purchasing to ensure the robotic arm's connector matches your specific drone's hardware interface.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Robotic Arm\",\"item\":\"https:\/\/therobocraft.com\/collections\/robotic-arm\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version\",\"item\":\"https:\/\/therobocraft.com\/products\/qysea-2-finger-robotic-arm-fifish-v-evo-version\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/qysea-2-finger-robotic-arm-fifish-v-evo-version\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #C4B5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #C4B5FD22, 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 #C4B5FD; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #C4B5FD, 0 0 14px #C4B5FD88; }\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(109,28,209,0.9);\n border:1px solid rgba(167,139,250,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:#C4B5FD;\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:#EDE9FE;\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 Robotic Arm\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 #C4B5FD 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\"\u003eQYSEA 2-Finger Robotic Arm | FIFISH V-EVO\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eVersion\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;\"\u003eQYsea\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 Arm\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\"\u003eSTEM \u0026amp; prototyping\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\"\u003e6-month warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#faqs\" class=\"rc-hero-quicklink\"\u003eFAQ\u003c\/a\u003e\u003ca href=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for precision underwater recovery, this parallel gripper empowers operators to retrieve fragile, flat, or uniquely shaped objects with surgical accuracy. Delivering a formidable 100N clamping and towing force, the arm handles heavy salvage tasks while maintaining neutral buoyancy to preserve ROV stability. Its rugged, compact build seamlessly integrates with the FIFISH V-EVO, extending operational\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 7 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eVInput Voltage: 9 V-13 V DCMaximum\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eOperating Voltage: 9 V\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eClamping Force: 100\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAvailable: 2.0 Port \u0026amp; 4.0 Port Max Grip...\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\/0236\/4759\/files\/2_finger_robotic_arm.jpg?v=1729239805\" 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 precision underwater recovery, this parallel gripper empowers operators to retrieve fragile, flat, or uniquely shaped objects with surgical accuracy.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eDelivering a formidable 100N clamping and towing force, the arm handles heavy salvage tasks while maintaining neutral buoyancy to preserve ROV stability.\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;\"\u003eProfessional ROV operators, marine researchers, and underwater explorers who require advanced manipulation capabilities for their FIFISH V-EVO drone.\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;\"\u003eRetrieve fragile artifacts without causing structural damage.\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;\"\u003eTow heavy underwater objects using up to 100N of force.\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;\"\u003eGrasp flat or uniquely shaped items that standard grippers cannot hold.\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 in extreme temperatures ranging from -10 to 60 degrees Celsius.\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\/0236\/4759\/files\/v-evo_arm2_2.jpg?v=1729238553\" 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\"\u003eDimensions \u0026amp; Build\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWeight (With Battery)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e7 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eElectrical \u0026amp; Power\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\"\u003eVInput Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e9 V-13 V DCMaximum\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\"\u003e9 V\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eClamping Force\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100\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\"\u003eConnectivity \u0026amp; Interfaces\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\"\u003eAvailable\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2.0 Port \u0026amp; 4.0 Port Max Grip Strength: 7 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eGeneral Specifications\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eConsumption\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2 A@12\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\/0236\/4759\/files\/v-evo_arm1_2.jpg?v=1729238553\" 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=\"1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(1 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\u003cli\u003e1x Additional pair of durable flat grippers\u003c\/li\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-not-included\"\u003e\n \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFIFISH V-EVO Underwater Drone (sold separately)\u003c\/li\u003e\n\u003cli\u003eReplacement tether cables\u003c\/li\u003e\n\u003cli\u003eExternal buoyancy weights\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\n \u003c!-- FREQUENTLY ASKED QUESTIONS --\u003e\n \n \u003csection class=\"rc-card rc-faqs\" id=\"faqs\" aria-labelledby=\"faq-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-faq-list\"\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow does this robotic arm affect the stability of the ROV?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis robotic arm is designed with a neutral buoyancy system. This means it does not add significant weight or lift to the ROV, allowing the drone to maintain its 360-degree maneuverability and stable hovering capabilities even when the arm is attached and operational.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan this arm be used to retrieve delicate items like coral or glass?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the parallel gripper design is specifically engineered to handle fragile objects. By providing even pressure across the gripping surface, it allows operators to retrieve delicate items that might be crushed or dropped by standard claw designs.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat is the difference between the 2.0 and 4.0 port versions?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe versions refer to the physical connection port on your FIFISH V-EVO drone. You should check your ROV's expansion port type before purchasing to ensure the robotic arm's connector matches your specific drone's hardware interface.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eGripper Mechanism\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eParallel Gripper\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBuoyancy Status\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNeutrally Buoyant\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Temperature Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-10°C to 60°C\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInterface Options\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2.0 Port or 4.0 Port\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePrimary Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eRuggedized Composite\/Metal\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWarranty Period\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 Year\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every dive\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse thoroughly with fresh water to remove salt and debris.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the gripper pads for wear or damage.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck the communication connector for signs of corrosion or moisture.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the mechanical joints move freely without obstruction.\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\"\u003eQYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version\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 Arm\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\"\u003eUDQYS030\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$399.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eQYSEA 2-Finger Robotic Arm | FIFISH V-EVO Version includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440373952855,"sku":"UDQYS030","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/2_finger_robotic_arm.jpg?v=1767298741"},{"product_id":"fifish-v6s-underwater-drone-retrieval-tool-hook","title":"FiFish V6s underwater drone retrieval tool hook","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=\"FiFish V6s Underwater Drone Retrieval Tool Hook - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Fi Fish V6s Underwater Drone Retrieval Tool Hook, QYsea, Drone Part, drone-part, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | FiFish V6s Underwater Drone Retrieval Tool Hook\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 | FiFish V6s Underwater Drone Retrieval Tool Hook\"\u003e\n \u003cmeta property=\"og:description\" content=\"FiFish V6s Underwater Drone Retrieval Tool Hook - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/fifish-v6s-underwater-drone-retrieval-tool-hook\"\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\/0236\/4759\/products\/v6shookretrievaltool.jpg?v=1636845230\"\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=\"Fi Fish V6s Underwater Drone Retrieval Tool Hook - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6shookretrievaltoolc.jpg?v=1636845213\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"129.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 | FiFish V6s Underwater Drone Retrieval Tool Hook\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"FiFish V6s Underwater Drone Retrieval Tool Hook - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6shookretrievaltool.jpg?v=1636845230\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Fi Fish V6s Underwater Drone Retrieval Tool Hook\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"129.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS012\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"FiFish V6s Underwater Drone Retrieval Tool Hook\",\"description\":\"Built for professional use. Verified specifications include 3.9 kg weight, Length 383 mm, Width 331 mm, and Height 143 mm. Commercial Fishing: Recovering lost or displaced lobster traps and fishing gear from the seabed.,Marine Salvage: Locating and hooking onto lost anchors or heavy equipment for surface extraction.,Search and Recovery: Assisting in the retrieval of submerged metallic structures or research equipment.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6shookretrievaltool.jpg?v=1636845230\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6shookretrievaltoolc.jpg?v=1636845213\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Drone Part\",\"sku\":\"UDQYS012\",\"url\":\"https:\/\/therobocraft.com\/products\/fifish-v6s-underwater-drone-retrieval-tool-hook\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/fifish-v6s-underwater-drone-retrieval-tool-hook\",\"priceCurrency\":\"USD\",\"price\":\"129.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}}},\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":3.9,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"3.9 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Length\",\"value\":\"383 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Width\",\"value\":\"331 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Height\",\"value\":\"143 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Total Degrees of Freedom\",\"value\":\"6 DoF\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Does this hook include the rope needed for lifting?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, the retrieval rope is not included in the package. Users must provide their own rope to facilitate the actual lifting force from the surface once the hook has snagged the target.\"}},{\"@type\":\"Question\",\"name\":\"Is this tool compatible with the standard FiFish V6?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, this retrieval hook is designed to be compatible with the broader FiFish V6 series, including the V6s model, utilizing the standard tool interface.\"}},{\"@type\":\"Question\",\"name\":\"What is the typical shipping time for this accessory?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"According to manufacturer and retailer data, this specialized tool typically ships within 1 to 3 weeks from the date of order.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Drone Part\",\"item\":\"https:\/\/therobocraft.com\/collections\/drone-part\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"FiFish V6s Underwater Drone Retrieval Tool Hook\",\"item\":\"https:\/\/therobocraft.com\/products\/fifish-v6s-underwater-drone-retrieval-tool-hook\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/fifish-v6s-underwater-drone-retrieval-tool-hook\"\u003e\n\n\n \n \u003cstyle\u003e\n \/* ==========================================\n ALL STYLES USE .rc-doc or .rc-* PREFIXED SELECTORS ONLY.\n No bare tag selectors. No all:initial. No @scope. No @layer.\n GUARANTEED: Cannot affect any element outside .rc-doc\n ========================================== *\/\n\n \/* Keyframes defined globally but prefixed to avoid conflicts *\/\n @keyframes rc-fadeInUp {\n from { opacity: 0.7; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes rc-fadeInScale {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes rc-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes rc-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.08); opacity: 0.20; }\n }\n \n @keyframes rc-gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes rc-float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(1deg); }\n }\n \n @keyframes rc-scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100%); }\n }\n \n @keyframes rc-techPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.15); }\n }\n \n @keyframes rc-slideInRight {\n from { opacity: 0; transform: translateX(30px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes rc-rotateGradient {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n \/* ========================================\n MAIN DOCUMENT CONTAINER\n No all:initial, no @scope, no contain.\n Only .rc-* prefixed selectors used.\n ======================================== *\/\n \n .rc-doc {\n display: block;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #1a1f2e;\n line-height: 1.7;\n background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n \n --accent: #0A84FF;\n --accent-light: #E8F2FF;\n --accent-dark: #0066CC;\n --accent-glow: rgba(14, 165, 233, 0.15);\n --accent-sec: #0284c7;\n --accent-sec-light: #e0f2fe;\n --accent-sec-dark: #0369a1;\n --accent-ter: #0369a1;\n --accent-ter-light: #f0f9ff;\n --accent-ter-dark: #075985;\n --tech-black: #0f172a;\n --tech-dark: #1e293b;\n --tech-charcoal: #334155;\n --tech-green: #10b981;\n --tech-red: #f43f5e;\n --tech-white: #f8fafc;\n --success: #10b981;\n --success-light: #d1fae5;\n --warning: #f59e0b;\n --warning-light: #fef3c7;\n --robocraft-charcoal: #334155;\n --robocraft-dark: #1e293b;\n --robocraft-darker: #0f172a;\n --robocraft-blue: #0ea5e9;\n --robocraft-green: #10b981;\n --glass-bg: rgba(14, 165, 233, 0.04);\n --glass-border: rgba(14, 165, 233, 0.1);\n --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12);\n }\n \n .rc-doc *, .rc-doc *::before, .rc-doc *::after { box-sizing: border-box; }\n .rc-doc img {\n -webkit-user-drag: none;\n pointer-events: none;\n }\n \n \/* Accessibility: Focus states - scoped to .rc-doc *\/\n .rc-doc a:focus, .rc-doc button:focus {\n outline: 3px solid #0A84FF;\n outline-offset: 2px;\n border-radius: 2px;\n }\n \n .rc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .rc-sr-only:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n background: var(--accent);\n color: white;\n padding: 6px 12px;\n border-radius: 4px;\n font-weight: bold;\n }\n \n .rc-doc a { color: var(--accent); text-decoration: none; transition: all 0.2s ease; }\n .rc-doc a:hover { text-decoration: none; color: var(--accent-dark); }\n .rc-doc a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n \n .rc-wrap { \n max-width: 1200px; \n margin: 0 auto; \n padding: 38px 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* Section spacing \u0026 visual separators *\/\n .rc-wrap \u003e section,\n .rc-wrap \u003e div[class*=\"rc-\"] {\n scroll-margin-top: 80px;\n }\n \n .rc-card {\n scroll-margin-top: 80px;\n animation: rc-fadeInUp 0.4s ease-out forwards;\n \/* opacity: 1 is the safe default — section is always visible.\n The animation provides a subtle slide-in effect but never hides content. *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), \n box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n border-color 0.4s ease;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-card::backdrop {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .rc-card:hover {\n transform: translateY(-6px) scale(1.01);\n box-shadow: 0 28px 64px rgba(0, 0, 0, 0.12), \n 0 12px 28px rgba(0, 0, 0, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n \/* Stagger animations for consecutive section cards *\/\n .rc-wrap \u003e .rc-card:nth-child(2) { animation-delay: 0.04s; }\n .rc-wrap \u003e .rc-card:nth-child(3) { animation-delay: 0.08s; }\n .rc-wrap \u003e .rc-card:nth-child(4) { animation-delay: 0.12s; }\n .rc-wrap \u003e .rc-card:nth-child(5) { animation-delay: 0.16s; }\n .rc-wrap \u003e .rc-card:nth-child(6) { animation-delay: 0.2s; }\n .rc-wrap \u003e .rc-card:nth-child(7) { animation-delay: 0.24s; }\n .rc-wrap \u003e .rc-card:nth-child(n+8) { animation-delay: 0.28s; }\n \n \/* Staggered animation delays for sections *\/\n .rc-wrap \u003e *:nth-child(1) { animation-delay: 0.05s; }\n .rc-wrap \u003e *:nth-child(2) { animation-delay: 0.1s; }\n .rc-wrap \u003e *:nth-child(3) { animation-delay: 0.15s; }\n .rc-wrap \u003e *:nth-child(4) { animation-delay: 0.2s; }\n .rc-wrap \u003e *:nth-child(5) { animation-delay: 0.25s; }\n .rc-wrap \u003e *:nth-child(6) { animation-delay: 0.3s; }\n .rc-wrap \u003e *:nth-child(7) { animation-delay: 0.35s; }\n .rc-wrap \u003e *:nth-child(8) { animation-delay: 0.4s; }\n .rc-wrap \u003e *:nth-child(9) { animation-delay: 0.45s; }\n .rc-wrap \u003e *:nth-child(10) { animation-delay: 0.5s; }\n .rc-wrap \u003e *:nth-child(n+11) { animation-delay: 0.55s; }\n \n \/* Attention-grabbing pulse for CTAs *\/\n .rc-pulse {\n animation: rc-pulse 2s ease-in-out infinite;\n }\n \n \/* Smooth focus transitions *\/\n .rc-doc *:focus-visible {\n transition: outline-offset 0.2s ease;\n }\n \n \/* Reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n .rc-doc *, .rc-doc *::before, .rc-doc *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Print styles - no animations *\/\n @media print {\n .rc-doc * {\n animation: none !important;\n transition: none !important;\n }\n }\n \n \/* ========================================\n ROBOCRAFT PREMIUM HEADER\n ======================================== *\/\n \n .rc-topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 0;\n border-radius: 16px 16px 0 0;\n background: linear-gradient(135deg, var(--tech-black) 0%, var(--tech-dark) 50%, var(--tech-charcoal) 100%);\n color: #fff;\n border: none;\n position: relative;\n overflow: hidden;\n }\n \n .rc-topbar-inner {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 22px 36px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n \n \/* Accent-colored ambient light on the left *\/\n .rc-topbar::before {\n content: '';\n position: absolute;\n top: -40%;\n left: -5%;\n width: 280px;\n height: 200%;\n background: radial-gradient(ellipse at center, var(--accent), transparent 70%);\n opacity: 0.12;\n pointer-events: none;\n animation: rc-ambientShift 8s ease-in-out infinite alternate;\n }\n \n @keyframes rc-ambientShift {\n 0% { opacity: 0.08; transform: translateX(0); }\n 100% { opacity: 0.14; transform: translateX(10px); }\n }\n \n \/* Accent line at bottom *\/\n .rc-topbar::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 50%, transparent) 60%, transparent 100%);\n opacity: 0.8;\n }\n \n .rc-category-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n background: #f8fafc;\n border-radius: 0 0 12px 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n }\n \n .rc-nav-link {\n padding: 8px 16px;\n position: relative;\n overflow: hidden;\n font-size: 14px;\n font-weight: 500;\n color: #4a5568;\n text-decoration: none;\n border-radius: 6px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-nav-link::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--accent, #2563eb);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .rc-nav-link:hover {\n background: rgba(0, 0, 0, 0.04);\n color: #1a202c;\n transform: translateY(-1px);\n }\n \n .rc-nav-link:hover::before {\n width: 50%;\n }\n \n .rc-nav-home {\n font-weight: 700;\n color: #1a202c;\n }\n \n .rc-nav-home::before {\n width: 40%;\n background: var(--accent, #2563eb);\n }\n \n @media (max-width: 640px) {\n .rc-topbar-inner {\n padding: 16px 20px;\n gap: 12px;\n }\n .rc-logo-container {\n width: 42px;\n height: 42px;\n border-radius: 11px;\n }\n .rc-logo {\n width: 28px;\n height: 28px;\n }\n .rc-topbar-divider {\n margin: 0 14px;\n height: 20px;\n }\n .rc-brandtext-name {\n font-size: 14px;\n }\n .rc-brandtext .s {\n font-size: 8px;\n letter-spacing: 2px;\n }\n .rc-category-nav {\n gap: 4px;\n padding: 10px 12px;\n }\n .rc-nav-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n }\n \n .rc-brand {\n display: flex;\n align-items: center;\n gap: 0;\n flex: 1;\n min-width: 0;\n position: relative;\n z-index: 1;\n }\n \n \/* Logo container with accent ring *\/\n .rc-logo-container {\n position: relative;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(4px);\n }\n \n .rc-logo-container:hover {\n border-color: rgba(255,255,255,0.2);\n transform: scale(1.06);\n box-shadow: 0 0 16px rgba(255,255,255,0.06);\n }\n \n .rc-logo {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n border: none;\n background: transparent;\n padding: 0;\n display: block;\n object-fit: contain;\n position: relative;\n z-index: 1;\n }\n \n \/* Hi-tech glow behind logo *\/\n .rc-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, var(--accent), transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n \n \/* Vertical divider *\/\n .rc-topbar-divider {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.15), transparent);\n flex-shrink: 0;\n margin: 0 20px;\n }\n \n .rc-brandtext { \n display: flex; \n flex-direction: column; \n justify-content: center;\n gap: 3px;\n }\n \n .rc-brandtext-name {\n font-size: 16px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n \n .rc-brandtext .s { \n font-size: 10px; \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: rgba(255,255,255,0.4); \n white-space: nowrap;\n line-height: 1;\n }\n \n .rc-sku-info { \n text-align: right; \n font-size: 12px; \n color: rgba(255,255,255,0.6);\n position: relative;\n z-index: 1;\n }\n .rc-sku-info b { color: #fff; font-weight: 600; }\n \n \/* ========================================\n HI-TECH HERO SECTION\n ======================================== *\/\n \n .rc-hero {\n background: linear-gradient(180deg, #ffffff 0%, #fafeff 100%);\n border: none;\n border-radius: 16px 16px 0 0;\n padding: 34px 28px 28px 28px;\n margin-bottom: 0;\n position: relative;\n overflow: hidden;\n color: var(--tech-black);\n border-bottom: 1px solid rgba(14, 165, 233, 0.1);\n }\n \n \/* Subtle grid overlay *\/\n .rc-hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.03) 1px, transparent 0);\n background-size: 28px 28px;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 80%);\n }\n \n \/* Clean accent line at bottom *\/\n .rc-hero-accent {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(14, 165, 233, 0.3) 100%);\n }\n \n .rc-hero h1 {\n font-size: clamp(28px, 4.2vw, 42px);\n font-weight: 700;\n margin: 8px auto 10px auto;\n letter-spacing: -0.04em;\n color: var(--tech-black);\n position: relative;\n z-index: 1;\n line-height: 1.1;\n text-align: center;\n max-width: 900px;\n text-wrap: balance;\n }\n .rc-hero-title .rc-title-main {\n font-weight: 600;\n color: #0f172a;\n display: inline;\n }\n .rc-hero-title .rc-title-accent {\n font-weight: 800;\n color: var(--accent);\n display: inline;\n white-space: nowrap;\n }\n .rc-hero-title .rc-title-variant {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 12px auto 0 auto;\n padding: 6px 14px;\n border-radius: 999px;\n background: rgba(10,132,255,0.08);\n border: 1px solid rgba(10,132,255,0.14);\n font-weight: 800;\n color: var(--accent);\n font-size: 0.44em;\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n \/* Accent color underline for product name *\/\n .rc-hero h1::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 20px auto 0 auto;\n border-radius: 2px;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #475569;\n margin: 18px auto 8px auto;\n position: relative;\n z-index: 1;\n line-height: 1.75;\n max-width: 760px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n text-align: center;\n text-wrap: pretty;\n }\n .rc-hero-subtitle p {\n margin: 0 0 12px 0;\n }\n .rc-hero-subtitle p:last-child {\n margin-bottom: 0;\n }\n\n .rc-hero-meta {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 auto 16px auto;\n max-width: 780px;\n position: relative;\n z-index: 1;\n width: 100%;\n }\n\n .rc-hero-meta-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n }\n\n .rc-hero-meta-actions {\n display: none;\n }\n\n .rc-hero-meta-chip {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-height: 62px;\n padding: 12px 15px;\n border-radius: 14px;\n background: #f8fbff;\n border: 1px solid rgba(10,132,255,0.12);\n color: #0f172a;\n text-decoration: none;\n box-shadow: 0 1px 3px rgba(15,23,42,0.03);\n }\n\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n\n .rc-hero-meta-full {\n grid-column: 1 \/ -1;\n }\n\n .rc-hero-meta-odd {\n grid-column: 1 \/ -1;\n width: min(100%, 360px);\n justify-self: center;\n }\n\n .rc-hero-meta-secondary {\n width: min(100%, 320px);\n justify-self: center;\n }\n\n .rc-hero-meta-bar-wrap {\n display: flex;\n justify-content: center;\n width: 100%;\n margin-top: -2px;\n }\n\n .rc-hero-meta-bar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n border-radius: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n color: #94a3b8;\n text-decoration: none;\n opacity: 0.9;\n }\n\n .rc-hero-meta-bar::before {\n content: '•';\n color: rgba(10,132,255,0.55);\n font-size: 11px;\n line-height: 1;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker,\n .rc-hero-meta-bar .rc-hero-meta-value {\n display: inline-flex;\n align-items: center;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-kicker {\n color: #94a3b8;\n font-size: 10px;\n letter-spacing: 0.9px;\n }\n\n .rc-hero-meta-bar .rc-hero-meta-value {\n color: #64748b;\n font-size: 12px;\n font-weight: 600;\n }\n\n .rc-hero-meta-link:hover {\n border-color: rgba(10,132,255,0.25);\n background: #f0f9ff;\n text-decoration: none;\n transform: translateY(-1px);\n box-shadow: 0 8px 18px rgba(15,23,42,0.06);\n }\n\n .rc-hero-meta-bar.rc-hero-meta-link:hover {\n background: transparent;\n box-shadow: none;\n transform: none;\n opacity: 1;\n }\n\n .rc-hero-meta-kicker {\n font-size: 10px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero {\n background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);\n border-bottom-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-hero h1 {\n max-width: 980px;\n letter-spacing: -0.045em;\n }\n\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .rc-doc-enterprise .rc-hero-meta-chip {\n min-height: 70px;\n padding: 14px 16px;\n border-radius: 12px;\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n }\n\n .rc-doc-enterprise .rc-hero-meta-kicker {\n font-size: 10px;\n letter-spacing: 1.1px;\n color: #64748b;\n }\n\n .rc-doc-enterprise .rc-hero-meta-value {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .rc-doc-enterprise .rc-hero-meta-bar {\n padding-top: 6px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n\n .rc-doc-enterprise .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n font-weight: 700;\n background: #ffffff;\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-card {\n border-radius: 12px;\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -8px rgba(15, 23, 42, 0.08);\n }\n\n .rc-doc-enterprise .rc-collapsible-section \u003e summary {\n padding: 14px 18px;\n background: linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);\n }\n\n .rc-doc-enterprise .rc-accordion-spec-row,\n .rc-doc-enterprise .rc-spec-item {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .rc-doc-enterprise .rc-id-item {\n background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n border-color: rgba(15, 23, 42, 0.08);\n }\n\n @media (max-width: 820px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 480px) {\n .rc-doc-enterprise .rc-hero-meta-enterprise .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .rc-hero-quicklinks {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin: 0 auto 18px auto;\n position: relative;\n z-index: 1;\n }\n\n .rc-hero-quicklink {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,0.9);\n border: 1px solid rgba(148,163,184,0.22);\n color: #334155;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .rc-hero-quicklink:hover {\n border-color: rgba(10,132,255,0.28);\n color: var(--accent-dark);\n background: #f8fbff;\n text-decoration: none;\n }\n\n .rc-safety-list {\n margin: 14px 0 0 0;\n padding-left: 18px;\n color: #334155;\n }\n .rc-safety-list li {\n margin: 0 0 10px 0;\n line-height: 1.65;\n }\n \n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin: 24px auto 0 auto;\n position: relative;\n z-index: 1;\n max-width: 840px;\n justify-content: center;\n align-items: center;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n word-spacing: 2px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n \n \/* Shimmer sweep on hover *\/\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.03);\n box-shadow: 0 6px 18px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n \n \/* Verified Highlights grid items *\/\n .rc-highlight-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n \n \/* Brand Section *\/\n .rc-brand-section {\n margin-bottom: 18px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n overflow: visible;\n }\n \n \/* ========================================\n PREMIUM BRAND HEADER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-brand-header-box {\n position: relative;\n background: linear-gradient(135deg, #13161b 0%, #1a1e26 50%, #1f242e 100%);\n padding: 22px 36px;\n border-radius: 16px 16px 0 0;\n margin-bottom: 0;\n overflow: hidden;\n box-shadow: none;\n border: none;\n }\n \n .rc-brand-bg-pattern {\n position: absolute;\n top: -40%;\n left: -5%;\n width: 250px;\n height: 200%;\n background: radial-gradient(ellipse at center, #0A84FF, transparent 70%);\n opacity: 0.08;\n pointer-events: none;\n }\n \n .rc-brand-bg-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: transparent;\n opacity: 0;\n }\n .rc-hdr-inner {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 22px;\n }\n .rc-hdr-identity {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-shrink: 0;\n }\n .rc-hdr-mfr {\n flex-shrink: 0;\n }\n .rc-brand-left {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .rc-brand-logo-wrap {\n position: relative;\n padding: 0;\n background: rgba(255,255,255,0.05);\n border: 1.5px solid rgba(255,255,255,0.12);\n border-radius: 14px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.3s ease, transform 0.3s ease;\n box-shadow: 0 0 12px #0A84FF22;\n }\n .rc-brand-logo-wrap::after {\n display: none;\n }\n .rc-brand-logo-wrap:hover {\n border-color: rgba(255,255,255,0.25);\n transform: scale(1.05);\n }\n .rc-brand-logo-glow {\n position: absolute;\n inset: -8px;\n border-radius: 20px;\n background: radial-gradient(circle at center, #0A84FF, transparent 70%);\n opacity: 0.15;\n pointer-events: none;\n z-index: 0;\n animation: rc-pulse 4s ease-in-out infinite;\n }\n .rc-brand-logo {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n object-fit: contain;\n background: transparent;\n padding: 0;\n display: block;\n position: relative;\n z-index: 1;\n }\n .rc-brand-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n }\n .rc-brand-name-row {\n display: flex;\n align-items: baseline;\n gap: 0;\n line-height: 1;\n }\n .rc-brand-name-text {\n font-size: 17px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-name-highlight {\n font-size: 17px;\n font-weight: 800;\n color: #0A84FF;\n letter-spacing: -0.3px;\n line-height: 1;\n }\n .rc-brand-subtitle {\n font-size: 9px;\n color: rgba(255, 255, 255, 0.45);\n font-weight: 600;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n line-height: 1;\n }\n .rc-brand-right {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .rc-brand-product-brand {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.7);\n padding: 6px 14px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .rc-brand-sku-box {\n text-align: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px);\n }\n .rc-brand-sku-label {\n font-size: 10px;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.5);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 4px;\n }\n .rc-brand-sku-value {\n font-size: 15px;\n font-weight: 700;\n color: #f8fafc;\n font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;\n letter-spacing: 1px;\n text-shadow: 0 0 10px rgba(10, 132, 255, 0.3);\n }\n \/* Manufacturer \/ Brand Logo Effects *\/\n .rc-brand-mfr-box {\n position: relative;\n background: linear-gradient(135deg, #242830, #2a2f3a);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 6px 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-box {\n border-color: #0A84FF44;\n box-shadow: 0 0 16px #0A84FF18, 0 2px 8px rgba(0,0,0,0.25);\n transform: translateY(-1px);\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-glow {\n opacity: 1 !important;\n }\n .rc-brand-mfr-shimmer {\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n pointer-events: none;\n animation: rcMfrShimmer 4s ease-in-out infinite;\n }\n @keyframes rcMfrShimmer {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n .rc-brand-mfr-img {\n max-height: 36px;\n max-width: 120px;\n object-fit: contain;\n display: block;\n border: none;\n border-radius: 4px;\n position: relative;\n z-index: 1;\n transition: transform 0.3s ease;\n }\n .rc-hdr-mfr:hover .rc-brand-mfr-img {\n transform: scale(1.04);\n }\n\n .rc-brand-accent-line {\n display: block;\n width: 100%;\n height: 2px;\n margin: 0 auto;\n padding: 0;\n border: none;\n background: linear-gradient(90deg,\n transparent 0%,\n #1E40AF 15%,\n #0A84FF 35%,\n #0EA5E9 55%,\n #0A84FF 75%,\n #0369A1 90%,\n transparent 100%);\n background-size: 200% 100%;\n animation: rcAccentFlow 4s ease-in-out infinite;\n border-radius: 2px;\n opacity: 0.7;\n }\n @keyframes rcAccentFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .rc-brand-title {\n font-size: 32px;\n font-weight: 700;\n margin: 0 0 24px 0;\n color: #1f2937;\n letter-spacing: 0;\n line-height: 1.3;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\n }\n \n \/* Specification badges *\/\n .rc-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n \n .rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: linear-gradient(135deg, #0A84FF, #0066CC);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 11.5px;\n font-weight: 700;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(10,132,255,0.2), inset 0 1px 0 rgba(255,255,255,0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n }\n \n \/* Subtle shimmer on badges *\/\n .rc-badge::before {\n content: '';\n width: 8px;\n height: 8px;\n background: rgba(255,255,255,0.95);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(255,255,255,0.7);\n flex-shrink: 0;\n animation: rc-techPulse 3s ease-in-out infinite;\n }\n .rc-badge::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\n transition: left 0.5s ease;\n }\n .rc-badge:hover::after { left: 120%; }\n \n .rc-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 6px 20px rgba(10,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .rc-spec-badge {\n display: inline-block;\n padding: 10px 16px;\n background: rgba(31, 57, 67, 0.08);\n color: #1f3943;\n border: 1px solid rgba(31, 57, 67, 0.2);\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n white-space: normal;\n transition: all 0.2s ease;\n max-width: 280px;\n line-height: 1.4;\n word-break: break-word;\n }\n .rc-spec-badge b {\n font-weight: 700;\n margin-right: 4px;\n display: inline;\n }\n .rc-spec-badge:hover {\n background: rgba(31, 57, 67, 0.12);\n border-color: rgba(31, 57, 67, 0.35);\n }\n \n \/* Detailed Specifications Grid Card Layout *\/\n .rc-detailed-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-bottom: 15px;\n }\n \n \/* Accordion Container and Styles *\/\n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 15px;\n }\n \n\n \/* ====================================================================\n ACCORDION SPECIFICATIONS - Single unified definition\n ==================================================================== *\/\n \n .rc-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-accordion-item {\n border: 1px solid #e2e8f0;\n border-left: 3px solid var(--accent, #0A84FF);\n border-radius: 8px;\n overflow: hidden;\n background: #ffffff;\n transition: all 0.25s ease;\n }\n \n .rc-accordion-item:hover {\n border-color: #cbd5e1;\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n transform: translateY(-1px);\n }\n \n .rc-accordion-item[open] {\n border-left-color: var(--accent, #0A84FF);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.10);\n }\n \n .rc-accordion-header {\n width: 100%;\n padding: 13px 16px;\n background: #f8fafc;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n font-weight: 700;\n color: #1e293b;\n transition: background 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n list-style: none;\n }\n .rc-accordion-header::-webkit-details-marker { display: none; }\n .rc-accordion-header::marker { display: none; content: ''; }\n \n .rc-accordion-header:hover {\n background: #f1f5f9;\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header {\n background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);\n color: var(--accent, #0A84FF);\n border-bottom: 1px solid #e2e8f0;\n }\n \n .rc-accordion-title {\n text-align: left;\n font-size: 12px;\n font-weight: 700;\n flex: 1;\n letter-spacing: 0.6px;\n }\n \n .rc-accordion-icon {\n font-size: 9px;\n margin-left: 10px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n color: #94a3b8;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n background: rgba(0,0,0,0.04);\n }\n \n .rc-accordion-item[open] \u003e .rc-accordion-header .rc-accordion-icon {\n transform: rotate(90deg);\n color: var(--accent, #0A84FF);\n background: rgba(10, 132, 255, 0.08);\n }\n \n .rc-accordion-content {\n background: #ffffff;\n }\n \n .rc-accordion-body {\n padding: 4px 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n background: #ffffff;\n }\n \n .rc-accordion-spec-row {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n align-items: flex-start;\n padding: 11px 16px;\n border-bottom: 1px solid #f1f5f9;\n font-size: 13.5px;\n transition: background 0.15s ease;\n }\n \n .rc-accordion-spec-row:hover {\n background: #fafbfe;\n }\n \n .rc-accordion-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label-acc {\n font-size: 13px;\n font-weight: 600;\n color: #475569;\n flex: 0 0 45%;\n line-height: 1.4;\n }\n \n .rc-spec-value-acc {\n font-size: 13.5px;\n font-weight: 600;\n color: #0f172a;\n text-align: right;\n flex: 1;\n word-break: break-word;\n line-height: 1.4;\n }\n \n @media (max-width: 640px) {\n .rc-accordion-spec-row {\n flex-direction: column;\n gap: 3px;\n padding: 10px 14px;\n }\n .rc-spec-label-acc { flex: 0 0 auto; }\n .rc-spec-value-acc { text-align: left; }\n }\n \n \/* ========================================\n PREMIUM CARD STYLES - HI-TECH GLASS EFFECT\n ======================================== *\/\n \n .rc-card {\n background: #ffffff;\n border: 1px solid rgba(10, 132, 255, 0.08);\n border-radius: 14px;\n padding: 24px;\n margin-bottom: 0;\n box-shadow: \n 0 1px 3px rgba(10, 132, 255, 0.04),\n 0 6px 20px -4px rgba(11, 18, 32, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n scroll-margin-top: 80px;\n }\n \n \/* Subtle tech scanline on hover *\/\n .rc-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(10, 132, 255, 0.04), transparent);\n transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n z-index: 1;\n }\n \n \/* Blue accent border on left *\/\n .rc-card::after {\n content: '';\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n border-radius: 0 3px 3px 0;\n opacity: 0;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-card:hover::before {\n left: 150%;\n }\n \n .rc-card:hover::after {\n opacity: 1;\n top: 12px;\n bottom: 12px;\n }\n \n .rc-card:hover {\n border-color: color-mix(in srgb, var(--accent) 25%, #e5e7eb);\n box-shadow: \n 0 12px 28px -6px rgba(10, 132, 255, 0.08),\n 0 4px 10px -2px rgba(11, 18, 32, 0.06);\n transform: translateY(-2px);\n }\n \n \/* Premium accent cards *\/\n .rc-card-accent {\n border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-card.accent::after {\n opacity: 1;\n background: var(--accent);\n }\n \n .rc-card.accent:hover {\n box-shadow: \n 0 20px 40px -10px rgba(10, 132, 255, 0.12),\n 0 0 60px -20px var(--accent);\n }\n \n \/* ========================================\n PREMIUM SECTION TITLES - ELEVATED DESIGN\n ======================================== *\/\n \n .rc-section-title {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n word-spacing: 4px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;\n text-shadow: 0 1px 2px rgba(0,0,0,0.04);\n }\n \n .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 3px;\n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n @keyframes rc-premiumPulse {\n 0%, 100% { \n box-shadow: \n 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent),\n 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent),\n 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: scale(1);\n }\n 50% { \n box-shadow: \n 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent),\n 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),\n 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent);\n transform: scale(1.1);\n }\n }\n \n .rc-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, \n var(--accent) 0%, \n color-mix(in srgb, var(--accent) 60%, transparent) 50%, \n transparent 100%);\n animation: rc-expandLine 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n @keyframes rc-expandLine {\n to { width: 100%; }\n }\n \n .rc-subsection-title {\n font-size: 14px;\n font-weight: 800;\n color: #1e293b;\n margin: 22px 0 16px 0;\n text-transform: uppercase;\n letter-spacing: 1.8px;\n position: relative;\n padding-left: 18px;\n display: inline-block;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 5px;\n height: 5px;\n background: linear-gradient(135deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 80%, #fff));\n border-radius: 1.5px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--accent, #2563eb) 40%, transparent);\n }\n .rc-subsection-title::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 4px;\n background: var(--accent);\n border-radius: 1px;\n }\n \n .rc-note {\n background: linear-gradient(135deg, #f8f9fb 0%, #f1f5f9 100%);\n border: 1px solid #e5e7eb;\n border-left: 3px solid #2563eb;\n padding: 14px 18px;\n border-radius: 10px;\n font-size: 13px;\n margin-bottom: 15px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #4b5563;\n position: relative;\n }\n .rc-note:hover {\n border-left-color: var(--accent-dark);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n transform: translateX(3px);\n border-color: #d1d5db;\n }\n .rc-note p {\n margin: 0;\n color: #4b5563;\n }\n \n .rc-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-list li { \n margin: 10px 0; \n padding-left: 28px; \n position: relative; \n transition: all 0.2s ease; \n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n .rc-list li:hover { \n padding-left: 32px; \n color: var(--accent);\n }\n \n .rc-list li:before {\n content: \"▸\";\n position: absolute;\n left: 8px;\n color: var(--accent);\n font-weight: bold;\n font-size: 14px;\n transition: transform 0.2s ease;\n }\n \n .rc-list li:hover:before {\n transform: translateX(4px);\n }\n .rc-list { list-style: none; margin: 0; padding-left: 0; }\n .rc-list li { margin: 8px 0; padding-left: 24px; position: relative; transition: all 0.2s ease; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list li:hover { padding-left: 28px; color: #1a1f2e; }\n .rc-list li:before { \n content: \"\"; \n position: absolute; \n left: 4px; \n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.6;\n transition: all 0.25s ease;\n }\n .rc-list li:hover:before { \n opacity: 1; \n transform: scale(1.3);\n box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);\n }\n \n .rc-list-exclude { list-style: none; margin: 0; padding-left: 0; }\n .rc-list-exclude li { margin: 8px 0; padding-left: 24px; position: relative; color: #4b5563; font-size: 14px; line-height: 1.5; }\n .rc-list-exclude li:before { content: \"✕\"; position: absolute; left: 0; color: var(--accent); font-weight: bold; }\n \n .rc-feature-list { \n list-style: none; \n margin: 0; \n padding-left: 0; \n }\n \n .rc-feature-list li { \n margin: 12px 0; \n padding-left: 28px; \n position: relative; \n color: #4b5563; \n font-size: 14px; \n line-height: 1.7;\n transition: all 0.2s ease;\n }\n \n .rc-feature-list li:hover {\n color: var(--accent);\n padding-left: 32px;\n }\n \n .rc-feature-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--accent);\n font-weight: 700;\n font-size: 16px;\n }\n .rc-checkmark { color: var(--accent); font-weight: bold; margin-right: 8px; }\n \n .rc-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 15px 0;\n auto-rows: auto;\n }\n .rc-metric {\n border: 1px solid rgba(31, 57, 67, 0.08);\n border-radius: 12px;\n padding: 16px 18px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.85));\n box-shadow: 0 2px 8px rgba(31, 57, 67, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 3px;\n position: relative;\n overflow: hidden;\n }\n .rc-metric:hover {\n border-color: rgba(31, 57, 67, 0.16);\n box-shadow: 0 8px 24px rgba(31, 57, 67, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n transform: translateY(-3px);\n }\n .rc-metric .k { \n font-size: 10px; \n color: #999; \n text-transform: uppercase; \n letter-spacing: 0.5px; \n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .v { \n font-size: 15px; \n font-weight: 750; \n color: var(--accent);\n margin: 0;\n line-height: 1.2;\n }\n .rc-metric .s { \n font-size: 10px; \n color: #999; \n margin: 0;\n margin-top: 2px;\n }\n \n .rc-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n .rc-info-card {\n border: 1px solid color-mix(in srgb, var(--accent) 30%, #e5e7eb);\n border-left: 3px solid var(--accent-dark);\n border-radius: 8px;\n padding: 16px 18px;\n background: linear-gradient(135deg, var(--accent-light), rgba(255,255,255,0.6));\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-info-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n transform: translateX(4px);\n }\n .rc-info-card h3 {\n font-size: 14px;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: var(--accent-dark);\n }\n .rc-info-card p { margin: 0 0 10px 0; font-size: 13px; color: #666; }\n \n .rc-spec-section {\n background: linear-gradient(145deg, rgba(248,250,252,0.8), #fff);\n border: 1px solid rgba(31,57,67,0.08);\n border-radius: 8px;\n padding: 16px;\n margin: 10px 0;\n transition: border-color 0.2s ease;\n }\n .rc-spec-section:hover {\n border-color: rgba(31,57,67,0.15);\n }\n .rc-spec-section .label {\n font-size: 11px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n .rc-spec-section .value {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent-dark);\n }\n \n table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid rgba(31, 57, 67, 0.10);\n border-radius: 10px;\n margin: 15px 0;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.8));\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n overflow: hidden;\n }\n th, td { padding: 12px 14px; font-size: 13px; border-bottom: 1px solid rgba(31, 57, 67, 0.07); text-align: left; transition: all 0.25s ease; }\n th { background: linear-gradient(135deg, rgba(31, 57, 67, 0.06), rgba(31, 57, 67, 0.02)); font-weight: 700; border-bottom: 2px solid rgba(31, 57, 67, 0.12); font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; color: #4a5568; }\n tr:last-child td { border-bottom: none; }\n tr:hover td { background: linear-gradient(90deg, rgba(31, 57, 67, 0.03), transparent); }\n \n .rc-footer-links {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 15px;\n }\n .rc-footer-links a {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n border: 1px solid rgba(31, 57, 67, 0.12);\n border-radius: 8px;\n background: linear-gradient(135deg, #ffffff, #fafbfc);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n color: #1f3943;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 4px rgba(31, 57, 67, 0.04);\n }\n .rc-footer-links a:hover {\n border-color: rgba(31, 57, 67, 0.25);\n background: linear-gradient(135deg, #ffffff, #f1f5f9);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.10);\n transform: translateY(-2px);\n color: var(--accent-dark, #1f3943);\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-top: 15px;\n }\n .rc-image-gallery img {\n border-radius: 8px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .rc-image-gallery img:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n }\n \/* FEATURED IMAGE CARDS - Strategic placement between sections *\/\n .rc-featured-image-card {\n margin: 28px 0;\n padding: 0;\n background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-featured-image-card:hover {\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n transform: translateY(-4px);\n }\n\n .rc-featured-image-wrapper {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rc-featured-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 20px;\n background: white;\n transition: transform 0.4s ease;\n }\n\n .rc-featured-image-card:hover .rc-featured-image {\n transform: scale(1.03);\n }\n\n \/* Position-specific styling for visual variety *\/\n .rc-featured-primary {\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .rc-featured-secondary {\n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n .rc-featured-tertiary {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 768px) {\n .rc-featured-image-card {\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .rc-featured-image-wrapper {\n aspect-ratio: 4 \/ 3;\n }\n\n .rc-featured-image {\n padding: 12px;\n }\n }\n \n .rc-image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n \n .rc-image-item {\n overflow: hidden;\n border-radius: 12px;\n background: #f5f5f5;\n border: 1px solid rgba(31, 57, 67, 0.08);\n box-shadow: 0 4px 16px rgba(31, 57, 67, 0.06);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-image-item:hover {\n border-color: rgba(31, 57, 67, 0.18);\n box-shadow: 0 10px 28px rgba(31, 57, 67, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-product-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n aspect-ratio: 1;\n \/* Performance: enable hardware acceleration *\/\n will-change: transform;\n transform: translateZ(0) scale(1);\n \/* Smooth fade-in for lazy loaded images *\/\n opacity: 1;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, filter 0.4s ease;\n }\n \n .rc-image-wrapper {\n overflow: hidden;\n border-radius: 12px;\n position: relative;\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n \n .rc-image-wrapper:hover {\n box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n transform: translateY(-4px);\n }\n \n .rc-image-wrapper:hover .rc-product-image {\n transform: translateZ(0) scale(1.08);\n }\n \n \/* Loading state for lazy images *\/\n .rc-product-image[loading=\"lazy\"] {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n \n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n \n .rc-included-icon { color: #2e7d32; font-weight: bold; }\n .rc-not-included-icon { color: #64748B; font-weight: bold; }\n \n \/* Strategic Single Image Display *\/\n .rc-strategic-image {\n width: 100%;\n max-width: 900px;\n margin: 24px auto;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: #f8f9fa;\n }\n \n .rc-strategic-img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n max-height: 600px;\n }\n \n .rc-strategic-image-hero {\n margin-top: 8px;\n margin-bottom: 32px;\n }\n \n .rc-strategic-image-feature {\n margin: 32px auto;\n }\n \n .rc-strategic-image-detail {\n margin: 24px auto;\n }\n \n .rc-strategic-image-audience {\n margin: 28px auto;\n }\n \n .rc-strategic-image-capability {\n margin: 28px auto;\n }\n \n .rc-strategic-image-application {\n margin: 28px auto;\n }\n\n .rc-strategic-image-spec {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-compatibility {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n\n .rc-strategic-image-faq {\n margin: 20px auto;\n box-shadow: none;\n border: 1px solid #e5e7eb;\n }\n \n \/* Images inside collapse body should not have outer card shadow *\/\n .rc-collapse-body .rc-strategic-image {\n box-shadow: none;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n }\n\n .rc-image-caption {\n padding: 10px 14px;\n font-size: 12px;\n line-height: 1.5;\n color: #6b7280;\n text-align: center;\n background: linear-gradient(180deg, #f9fafb, #f5f6f8);\n border-top: 1px solid #e5e7eb;\n border-radius: 0 0 12px 12px;\n font-style: italic;\n }\n \n .rc-disclaimer {\n font-size: 12px;\n color: #999;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n @media (max-width: 768px) {\n .rc-wrap { padding: 16px 12px; }\n .rc-doc { font-size: 15px; }\n \n .rc-topbar { \n flex-direction: column; \n align-items: flex-start; \n gap: 15px;\n padding: 15px;\n }\n .rc-sku-info { text-align: left; }\n \n .rc-hero {\n padding: 18px 16px 16px 16px;\n margin-bottom: 10px;\n }\n .rc-hero h1 {\n font-size: 24px;\n margin-bottom: 8px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.5em;\n margin-top: 10px;\n padding: 5px 12px;\n }\n .rc-hero-subtitle {\n font-size: 13px;\n margin: 12px 0;\n }\n\n .rc-hero-meta {\n gap: 8px;\n margin-bottom: 14px;\n max-width: none;\n }\n .rc-hero-meta-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 8px;\n }\n .rc-hero-meta-odd {\n width: min(100%, 280px);\n }\n .rc-hero-meta-chip {\n min-width: 0;\n min-height: 56px;\n padding: 10px 12px;\n }\n .rc-hero-meta-kicker {\n font-size: 9px;\n }\n .rc-hero-meta-value {\n font-size: 12px;\n }\n .rc-hero-meta-bar {\n width: auto;\n min-height: 0;\n padding: 2px 8px 0;\n }\n .rc-hero-quicklinks {\n gap: 6px;\n margin-bottom: 14px;\n }\n .rc-hero-quicklink {\n padding: 7px 10px;\n font-size: 11px;\n }\n \n .rc-badges {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: 6px;\n }\n .rc-badge {\n width: auto;\n text-align: center;\n padding: 6px 10px;\n font-size: 10px;\n }\n \n .rc-card {\n padding: 14px;\n margin-bottom: 8px;\n }\n \n .rc-section-title {\n font-size: 15px;\n margin-bottom: 12px;\n }\n \n .rc-subsection-title {\n font-size: 12px;\n margin: 12px 0 8px 0;\n }\n \n .rc-note {\n padding: 10px 12px;\n font-size: 12px;\n margin-bottom: 12px;\n }\n \n .rc-metrics { \n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin: 12px 0;\n }\n .rc-metric {\n padding: 12px;\n }\n .rc-metric .k { font-size: 10px; }\n .rc-metric .v { font-size: 14px; }\n .rc-metric .s { font-size: 10px; }\n \n .rc-2col { \n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .rc-info-card {\n padding: 12px;\n }\n .rc-info-card h3 {\n font-size: 13px;\n margin-bottom: 8px;\n }\n .rc-info-card p { \n font-size: 12px;\n margin-bottom: 8px;\n }\n \n .rc-spec-section {\n padding: 12px;\n margin: 8px 0;\n }\n .rc-spec-section .label {\n font-size: 10px;\n }\n .rc-spec-section .value {\n font-size: 13px;\n }\n \n table {\n font-size: 12px;\n margin: 12px 0;\n }\n th, td { \n padding: 10px; \n font-size: 12px;\n }\n \n .rc-image-gallery {\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 10px;\n margin-top: 12px;\n }\n \n .rc-footer-links {\n flex-direction: column;\n gap: 8px;\n margin-top: 12px;\n }\n .rc-footer-links a {\n width: 100%;\n text-align: center;\n padding: 12px;\n font-size: 12px;\n }\n \n .rc-list li { \n margin: 6px 0; \n padding-left: 20px;\n }\n .rc-list li:hover {\n padding-left: 20px;\n }\n }\n \n @media (max-width: 600px) {\n .rc-hdr-inner {\n flex-wrap: wrap;\n justify-content: center !important;\n padding: 12px 14px !important;\n gap: 10px;\n }\n .rc-hdr-identity {\n width: 100%;\n justify-content: center;\n }\n .rc-brand-right {\n width: 100%;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .rc-hdr-mfr {\n margin-top: 0;\n }\n .rc-brand-mfr-img {\n max-height: 26px !important;\n max-width: 84px !important;\n }\n .rc-brand-mfr-box {\n padding: 5px 9px !important;\n }\n }\n @media (max-width: 520px) {\n .rc-hdr-inner {\n padding: 10px 12px !important;\n gap: 8px;\n }\n .rc-hdr-identity {\n justify-content: flex-start;\n gap: 12px;\n }\n .rc-brand-logo-wrap {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n }\n .rc-brand-logo {\n width: 28px;\n height: 28px;\n }\n .rc-brand-name-text,\n .rc-brand-name-highlight {\n font-size: 15px;\n }\n .rc-brand-subtitle {\n font-size: 7px;\n letter-spacing: 2px;\n }\n .rc-brand-right {\n justify-content: center;\n gap: 8px;\n }\n }\n @media (max-width: 480px) {\n .rc-wrap { padding: 12px; }\n \n .rc-topbar {\n padding: 12px;\n gap: 12px;\n }\n \n .rc-hero {\n padding: 14px;\n }\n .rc-hero h1 {\n font-size: 19px;\n margin-bottom: 6px;\n color: #0f172a;\n }\n .rc-hero-title .rc-title-variant {\n font-size: 0.54em;\n margin-top: 8px;\n padding: 5px 10px;\n }\n .rc-hero-subtitle {\n font-size: 12px;\n margin: 10px 0;\n }\n .rc-hero-meta-grid {\n grid-template-columns: 1fr;\n }\n .rc-hero-meta-odd {\n width: 100%;\n }\n .rc-hero-meta-link {\n min-width: 0;\n max-width: none;\n }\n .rc-hero-meta-bar {\n width: auto;\n }\n \n .rc-card {\n padding: 12px;\n margin-bottom: 10px;\n }\n \n .rc-section-title {\n font-size: 14px;\n margin-bottom: 10px;\n }\n \n .rc-subsection-title {\n font-size: 11px;\n margin: 10px 0 6px 0;\n }\n \n .rc-metrics { \n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-image-gallery {\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .rc-badge {\n padding: 6px 10px;\n font-size: 10px;\n }\n }\n \n \/* ====================================================================\n SMART FEATURES: Value Proposition, Scenarios, Comparisons, Trust, ROI\n ================================================================= *\/\n \n \/* VALUE PROPOSITION SECTION *\/\n .rc-value-headline {\n font-size: 18px;\n font-weight: 700;\n color: #1a1a2e;\n margin-bottom: 24px;\n line-height: 1.45;\n max-width: 90%;\n }\n \n .rc-value-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .rc-value-point {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-size: 15px;\n line-height: 1.5;\n color: #374151;\n }\n \n .rc-value-point:hover {\n background: rgba(46, 125, 50, 0.04);\n }\n \n .rc-value-icon {\n color: #2e7d32;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n margin-top: 1px;\n }\n \n \/* REAL-WORLD SCENARIOS SECTION *\/\n .rc-scenarios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-scenario-card {\n border: 1px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n transition: all 0.3s ease;\n }\n \n .rc-scenario-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 4px 16px rgba(185, 28, 28, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-scenario-title {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 8px 0;\n }\n \n .rc-scenario-description {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* COMPETITOR ALTERNATIVES SECTION *\/\n .rc-alternatives-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin-top: 15px;\n }\n \n .rc-alternative-card {\n border: 2px solid #e5e7eb;\n border-radius: 4px;\n padding: 16px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n transition: all 0.3s ease;\n }\n \n .rc-alternative-card:hover {\n border-color: var(--accent-dark);\n box-shadow: 0 8px 24px rgba(185, 28, 28, 0.15);\n transform: translateY(-4px);\n background: linear-gradient(135deg, #fff5f5 0%, #fafbfc 100%);\n }\n \n .rc-alternative-name {\n font-size: 15px;\n font-weight: 700;\n color: #1a1f2e;\n margin: 0 0 10px 0;\n }\n \n .rc-alternative-advantage {\n font-size: 13px;\n color: #4b5563;\n margin: 0;\n line-height: 1.5;\n }\n \n \/* ========================================\n PREMIUM TRUST SIGNALS - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-trust-signals {\n background: linear-gradient(135deg, var(--robocraft-charcoal) 0%, var(--robocraft-dark) 100%);\n color: white;\n border: none;\n border-radius: 0;\n margin-top: 0;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n \n .rc-trust-signals::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n transparent,\n transparent;\n pointer-events: none;\n }\n \n .rc-trust-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 24px;\n position: relative;\n z-index: 1;\n }\n \n .rc-trust-item {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 4px;\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n }\n \n .rc-trust-item::before {\n content: '';\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--robocraft-green), color-mix(in srgb, var(--robocraft-green) 60%, white));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: none;\n }\n \n .rc-trust-item:hover {\n border-color: var(--robocraft-green);\n background: rgba(34, 197, 94, 0.15);\n box-shadow: 0 10px 40px rgba(34, 197, 94, 0.25);\n transform: translateY(-4px);\n }\n \n .rc-trust-item:hover .rc-trust-type,\n .rc-trust-item:hover .rc-trust-description {\n color: white;\n }\n \n .rc-trust-type {\n font-size: 13px;\n font-weight: 800;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0;\n }\n \n .rc-trust-description {\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n margin: 0;\n line-height: 1.5;\n }\n \n \/* REMOVED: ROI CSS - Cannot verify percentages\/statistics *\/\n \/* REMOVED: Expert Reviews CSS - Cannot verify quotes *\/\n \/* REMOVED: Industry Awards CSS - Cannot verify awards *\/\n \n \/* ====================================================================\n FAQs (Factual Q\u0026A - kept)\n ==================================================================== *\/\n \n .rc-faqs {\n background: #f8fafc;\n }\n \n .rc-faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-faq-item {\n background: #ffffff;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n border-left: 3px solid transparent;\n overflow: hidden;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-faq-item:hover {\n border-color: #e2e8f0;\n border-left-color: rgba(14, 165, 233, 0.4);\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);\n }\n \n .rc-faq-item[open] {\n border-color: rgba(14, 165, 233, 0.3);\n border-left-color: var(--accent);\n box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);\n }\n \n .rc-faq-question {\n padding: 18px 22px;\n font-weight: 600;\n font-size: 15px;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.2s ease;\n background: linear-gradient(160deg, #ffffff 0%, #fafeff 100%);\n }\n \n .rc-faq-question:hover {\n background: linear-gradient(160deg, #f0f9ff 0%, #f8fafc 100%);\n }\n \n .rc-faq-question::after {\n content: '+';\n font-size: 22px;\n color: #94a3b8;\n font-weight: 300;\n transition: all 0.25s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n }\n \n .rc-faq-item:hover .rc-faq-question::after {\n color: var(--accent);\n }\n \n .rc-faq-item[open] .rc-faq-question::after {\n content: '-';\n color: var(--accent);\n }\n \n .rc-faq-answer {\n padding: 0 22px 20px;\n color: #475569;\n line-height: 1.75;\n font-size: 14px;\n animation: rc-fadeInUp 0.25s ease-out;\n border-top: 1px solid #f1f5f9;\n margin-top: -2px;\n padding-top: 16px;\n }\n \n\n \n \/* ====================================================================\n CONVERSION FEATURE: URGENCY DRIVERS\n ==================================================================== *\/\n \n .rc-urgency-section {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border-left: 4px solid #3b82f6;\n }\n \n .rc-urgency-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n }\n \n .rc-urgency-item {\n background: white;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n border-top: 3px solid #3b82f6;\n }\n \n .rc-urgency-reason {\n font-weight: 700;\n color: var(--accent);\n font-size: 15px;\n margin-bottom: 8px;\n }\n \n .rc-urgency-benefit {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.6;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: MAINTENANCE\n ==================================================================== *\/\n \n .rc-maintenance {\n padding: 20px;\n background: linear-gradient(135deg, #fafbfd, #f8fafc);\n }\n \n .rc-maintenance-frequency {\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e5e7eb;\n }\n \n .rc-maintenance-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 16px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 14px 16px;\n border-radius: 6px;\n border-left: 3px solid var(--accent);\n font-size: 13px;\n line-height: 1.6;\n color: #4b5563;\n transition: all 0.2s ease;\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n }\n \n .rc-maintenance-req:hover {\n background: linear-gradient(135deg, #f8fafc, #ffffff);\n box-shadow: 0 3px 8px rgba(37,99,235,0.08);\n transform: translateY(-2px);\n }\n \n .rc-maintenance-frequency {\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n margin-bottom: 16px;\n font-size: 15px;\n color: #374151;\n }\n \n .rc-maintenance-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .rc-maintenance-req {\n background: white;\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n color: #4b5563;\n border-left: 3px solid #6b7280;\n }\n \n \/* ====================================================================\n CONVERSION FEATURE: YOUTUBE SUGGESTIONS\n ==================================================================== *\/\n \n .rc-youtube-suggestions {\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n border-left: 4px solid #2563eb;\n }\n \n .rc-yt-intro {\n color: #1e3a8a;\n font-size: 14px;\n margin-bottom: 16px;\n }\n \n .rc-yt-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-yt-suggestion {\n display: flex;\n align-items: center;\n gap: 16px;\n background: white;\n padding: 16px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.2s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .rc-yt-suggestion:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);\n }\n \n .rc-yt-play-icon {\n width: 48px;\n height: 48px;\n background: var(--accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .rc-yt-content {\n flex: 1;\n }\n \n .rc-yt-title {\n font-weight: 600;\n color: #1f2937;\n font-size: 15px;\n margin-bottom: 4px;\n }\n \n .rc-yt-channel {\n font-size: 13px;\n color: #6b7280;\n }\n \n .rc-yt-arrow {\n color: var(--accent);\n font-size: 20px;\n font-weight: bold;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 2: TABBED SPECIFICATIONS\n ==================================================================== *\/\n \n .rc-specs-tabbed {\n margin-top: 40px;\n }\n \n .rc-tabs {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-tab-buttons {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n background: #fafafa;\n padding: 12px 15px;\n border-radius: 12px 12px 0 0;\n }\n \n .rc-tab-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n cursor: pointer;\n font-size: 13px;\n font-weight: 600;\n border-radius: 6px 6px 0 0;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n margin-bottom: -12px;\n }\n \n .rc-tab-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: var(--accent-dark);\n }\n \n .rc-tab-btn.active {\n background: white;\n color: var(--accent-dark);\n border-bottom-color: var(--accent);\n }\n \n .rc-tab-content {\n background: white;\n padding: 20px;\n border-radius: 0 0 12px 12px;\n border: 1px solid #e0e0e0;\n border-top: none;\n }\n \n .rc-tab-pane {\n display: none;\n }\n \n .rc-tab-pane.active {\n display: block;\n }\n \n .rc-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 14px;\n border-bottom: 1px solid #f0f0f0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 6px;\n margin: 0 -8px;\n position: relative;\n }\n \n .rc-spec-row:hover {\n background: linear-gradient(90deg, color-mix(in srgb, var(--accent-light, #dbeafe) 25%, transparent), transparent);\n border-bottom-color: color-mix(in srgb, var(--accent-light, #dbeafe) 40%, #f0f0f0);\n transform: translateX(2px);\n }\n \n .rc-spec-row:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-size: 13px;\n color: #666;\n font-weight: 500;\n flex: 1;\n }\n \n .rc-spec-value {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-dark);\n text-align: right;\n margin-left: 20px;\n }\n \n \/* ====================================================================\n ENTERPRISE FEATURE 3: CERTIFICATIONS \u0026 TRUST BADGES\n ==================================================================== *\/\n \n .rc-certifications {\n background: linear-gradient(135deg, #dbeafe 0%, rgba(255, 255, 255, 0.5) 100%);\n border: 1.5px solid #2563eb;\n margin-top: 40px;\n }\n \n .rc-cert-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .rc-cert-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n background: linear-gradient(145deg, #ffffff, #fafbfc);\n border: 1.5px solid;\n border-radius: 10px;\n text-align: center;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n }\n \n .rc-cert-badge:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);\n }\n \n .rc-cert-icon {\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n }\n \n .rc-cert-label {\n font-size: 12px;\n font-weight: 700;\n color: #333;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-cert-disclaimer {\n font-size: 12px;\n color: #666;\n font-style: italic;\n text-align: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n \/* Mobile optimization for TOC and features *\/\n @media (max-width: 1024px) {\n .rc-wrap {\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-toc-container {\n width: 100%;\n position: static;\n margin-bottom: 20px;\n }\n \n .rc-main-content {\n width: 100%;\n }\n \n .rc-toc-container {\n float: none;\n max-width: 100%;\n margin-right: 0;\n margin-bottom: 20px;\n position: static;\n }\n \n .rc-spec-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .rc-spec-value {\n text-align: left;\n margin-left: 0;\n margin-top: 6px;\n }\n }\n \n @media (max-width: 768px) {\n .rc-toc {\n padding: 15px;\n }\n \n .rc-toc-link {\n padding: 6px 10px;\n font-size: 12px;\n }\n \n .rc-cert-grid {\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 12px;\n }\n \n .rc-cert-badge {\n padding: 12px;\n }\n \n .rc-cert-icon {\n font-size: 24px;\n }\n \n .rc-cert-label {\n font-size: 11px;\n }\n }\n \n \/* QUICK FACTS SECTION *\/\n .rc-quick-facts {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n }\n \n .rc-facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-quick-fact {\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 16px 14px;\n text-align: center;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.05);\n position: relative;\n overflow: hidden;\n }\n \n .rc-quick-fact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--accent, #2563eb);\n }\n \n .rc-quick-fact:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 16px rgba(10, 132, 255, 0.15);\n transform: translateY(-2px);\n }\n \n .rc-fact-label {\n font-size: 11px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 8px;\n }\n \n .rc-fact-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n line-height: 1.3;\n word-break: break-word;\n }\n \n \/* CAPABILITIES SHOWCASE SECTION *\/\n .rc-capabilities {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 16px;\n }\n \n .rc-capability-card {\n background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,248,248,0.4));\n border: 1px solid rgba(10, 132, 255, 0.1);\n border-radius: 4px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(10, 132, 255, 0.05), transparent);\n transition: all 0.6s ease;\n }\n \n .rc-capability-card:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-3px);\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.6));\n }\n \n .rc-capability-card:hover::before {\n top: -50%;\n right: -10%;\n }\n \n .rc-capability-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n }\n \n .rc-capability-desc {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* COMPARISON CARDS SECTION *\/\n .rc-comparison-section {\n margin-bottom: 20px;\n }\n \n .rc-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .rc-comparison-card {\n background: linear-gradient(135deg, rgba(255,248,248,0.4), rgba(255,255,255,1));\n border-left: 5px solid var(--accent, #2563eb);\n padding: 24px !important;\n position: relative;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n \n .rc-comparison-card:hover {\n box-shadow: 0 8px 24px rgba(10, 132, 255, 0.12);\n transform: translateY(-4px);\n }\n \n .rc-comparison-icon {\n font-size: 28px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n margin-bottom: 12px;\n display: inline-block;\n }\n \n .rc-comparison-title {\n font-size: 16px;\n font-weight: 800;\n color: #1a1f2e;\n margin: 8px 0 4px 0;\n }\n \n .rc-comparison-subtitle {\n font-size: 12px;\n color: #999;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin: 0 0 14px 0;\n }\n \n .rc-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-comparison-list li {\n font-size: 13px;\n color: #555;\n line-height: 1.5;\n padding-left: 0;\n margin: 0;\n }\n \n .rc-comparison-list li::before {\n content: '▸';\n color: var(--accent, #2563eb);\n margin-right: 8px;\n font-weight: bold;\n }\n \n \/* SYSTEM REQUIREMENTS SECTION *\/\n .rc-system-requirements {\n background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,248,248,0.3));\n }\n \n .rc-requirements-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 16px;\n }\n \n .rc-requirement-item {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 16px;\n transition: all 0.3s ease;\n }\n \n .rc-requirement-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.08);\n }\n \n .rc-requirement-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 6px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-requirement-item p {\n font-size: 12px;\n color: #666;\n margin: 0;\n line-height: 1.4;\n }\n \n \/* CERTIFICATIONS SECTION *\/\n .rc-certifications {\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,1));\n }\n \n .rc-certifications-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n \n .rc-certification-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: white;\n border: 1.5px solid var(--accent-light, #dbeafe);\n border-radius: 4px;\n padding: 14px 12px;\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n text-align: center;\n justify-content: center;\n flex-direction: column;\n }\n \n .rc-certification-badge:hover {\n border-color: var(--accent, #2563eb);\n background: linear-gradient(135deg, rgba(255,248,248,0.6), rgba(255,255,255,1));\n box-shadow: 0 4px 14px rgba(10, 132, 255, 0.12);\n transform: translateY(-2px);\n }\n \n .rc-cert-icon {\n font-size: 18px;\n color: var(--accent, #2563eb);\n font-weight: 700;\n }\n \n .rc-cert-text {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n line-height: 1.3;\n }\n \n \/* ========================================\n PREMIUM DARK FOOTER - ROBOCRAFT STYLE\n ======================================== *\/\n \n .rc-footer {\n background: linear-gradient(180deg, #fafbfe 0%, #f5f7fa 100%);\n color: #4b5563;\n padding: 50px 0 40px 0;\n margin-top: 50px;\n border-top: 3px solid transparent;\n border-image: linear-gradient(90deg, var(--accent-sec), var(--accent), var(--accent-ter)) 1;\n border-radius: 0 0 16px 16px;\n position: relative;\n overflow: hidden;\n }\n \n \/* Clean footer - no grid pattern *\/\n \n .rc-footer-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n }\n \n .rc-footer-section {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .rc-footer-about {\n max-width: 760px;\n width: 100%;\n align-items: center;\n text-align: center;\n margin: 0 auto;\n }\n \n .rc-footer-title {\n font-size: 13px;\n font-weight: 800;\n color: var(--accent, #2563eb);\n margin: 0;\n text-transform: uppercase;\n word-spacing: 4px;\n letter-spacing: 2.2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n position: relative;\n padding-bottom: 14px;\n }\n \n .rc-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent, #2563eb), color-mix(in srgb, var(--accent, #2563eb) 40%, transparent));\n animation: rc-expandLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\n border-radius: 2px;\n }\n \n .rc-footer-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));\n border-radius: 2px;\n box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);\n animation: rc-premiumPulse 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .rc-footer-text {\n font-size: 13px;\n color: #6b7280;\n line-height: 1.7;\n margin: 0;\n }\n \n .rc-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n \n .rc-footer-links li {\n margin: 0;\n padding: 0;\n }\n \n.rc-footer-links a {\n font-size: 13px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #f9fafb;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n }\n \n .rc-footer-links a::before {\n content: '�����������������������';\n font-weight: bold;\n color: var(--accent, #2563eb);\n opacity: 0;\n transition: all 0.3s ease;\n }\n \n.rc-footer-links a:hover {\n color: var(--accent);\n background: #f3f4f6;\n border-color: var(--accent);\n }\n \n .rc-footer-links a:hover::before {\n opacity: 1;\n }\n \n .rc-footer-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\n margin: 0 20px;\n }\n \n .rc-footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px 20px 0;\n text-align: center;\n border-top: 1px solid #e5e7eb;\n }\n \n .rc-footer-disclaimer {\n font-size: 11px;\n color: #9ca3af;\n margin: 0 0 8px 0;\n font-style: italic;\n }\n \n .rc-footer-credit {\n font-size: 10px;\n font-weight: 700;\n color: var(--accent);\n margin: 0;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n opacity: 0.6;\n transition: opacity 0.2s ease;\n }\n \n .rc-footer-credit:hover {\n opacity: 1;\n }\n \n .rc-footer-links-inline {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: center;\n margin-top: 14px;\n }\n \n .rc-footer-links-inline a {\n font-size: 11px;\n font-weight: 600;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n position: relative;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(248,250,252,0.8), rgba(241,245,249,0.6));\n border: 1px solid rgba(226,232,240,0.6);\n border-radius: 8px;\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;\n box-shadow: 0 2px 4px color-mix(in srgb, var(--accent) 5%, transparent);\n }\n \n .rc-footer-links-inline a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), transparent);\n border-radius: 2px;\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .rc-footer-links-inline a:hover {\n color: var(--accent);\n background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(241,245,249,0.85));\n border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);\n box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);\n transform: translateY(-1px);\n }\n \n .rc-footer-links-inline a:hover::after {\n width: 100%;\n }\n \n .rc-footer-sep {\n color: #d1d5db;\n font-size: 10px;\n }\n \n @media (max-width: 768px) {\n .rc-footer-content {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n \n .rc-footer {\n padding: 30px 0 20px 0;\n }\n \n .rc-footer-links-inline {\n justify-content: center;\n }\n }\n \n \/* ========== 15-SECTION PROFESSIONAL FRAMEWORK STYLES ========== *\/\n \n \/* Section spacing and consistency *\/\n .rc-card {\n margin-bottom: 0;\n scroll-margin-top: 100px;\n }\n \n \/* 1. HERO SECTION *\/\n .rc-hero {\n background: #ffffff;\n border: 1px solid #e8f2ff;\n padding: 40px 32px !important;\n }\n \n .rc-hero h1 {\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 14px 0;\n line-height: 1.12;\n }\n \n .rc-hero-subtitle {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 24px 0;\n max-width: 700px;\n }\n \n \/* Premium Quick Metrics - Hi-Tech Cards *\/\n .rc-quick-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n \n .rc-metric-item {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.06);\n border-radius: 4px;\n padding: 20px 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n \n .rc-metric-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-metric-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-color: var(--accent);\n }\n \n .rc-metric-item:hover::before {\n opacity: 1;\n }\n \n .rc-metric-label {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: #888;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n \n .rc-metric-value {\n display: block;\n font-size: 22px;\n font-weight: 800;\n color: var(--accent);\n text-shadow: none;\n }\n \n \/* 3. PREMIUM BENEFITS SECTION *\/\n .rc-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 24px;\n }\n \n .rc-benefit-item {\n display: flex;\n gap: 18px;\n padding: 24px;\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,250,252,0.9));\n border: 1px solid rgba(0,0,0,0.05);\n border-radius: 12px;\n align-items: flex-start;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n }\n \n .rc-benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .rc-benefit-item:hover::before {\n opacity: 1;\n }\n \n .rc-benefit-item:hover {\n transform: translateY(-4px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\n \n .rc-benefit-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n }\n \n .rc-benefit-item:hover .rc-benefit-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n }\n \/* Benefits inherit section color *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-sec), var(--accent-sec-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item:hover { border-color: var(--accent-sec); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+2) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-sec), color-mix(in srgb, var(--accent-sec) 30%, transparent));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-icon {\n background: linear-gradient(135deg, var(--accent-ter), var(--accent-ter-dark));\n }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item:hover { border-color: var(--accent-ter); }\n .rc-wrap \u003e section.rc-card:nth-of-type(3n+3) .rc-benefit-item::before {\n background: linear-gradient(180deg, var(--accent-ter), color-mix(in srgb, var(--accent-ter) 30%, transparent));\n }\n \n .rc-benefit-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 6px 0;\n }\n \n .rc-benefit-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 4. FEATURES SECTION *\/\n .rc-features-list {\n list-style: none;\n padding: 0;\n margin: 18px 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .rc-features-list li {\n padding: 12px 16px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n font-size: 13px;\n color: #555;\n position: relative;\n padding-left: 32px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: default;\n }\n \n .rc-features-list li:hover {\n background: linear-gradient(135deg, #fff, rgba(255,248,248,0.5));\n border-color: var(--accent-light, #dbeafe);\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n }\n \n .rc-features-list li::before {\n content: '▸';\n position: absolute;\n left: 12px;\n color: var(--accent, #2563eb);\n font-weight: bold;\n font-size: 16px;\n transition: transform 0.3s ease;\n }\n \n .rc-features-list li:hover::before {\n transform: translateX(4px);\n }\n \n \/* 5. CAPABILITIES SECTION *\/\n .rc-capabilities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n margin-top: 18px;\n }\n \n .rc-capability {\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 18px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n \n .rc-capability::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent, #2563eb), var(--accent-light, #93c5fd));\n transition: width 0.4s ease;\n }\n \n .rc-capability:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n border-color: var(--accent-light, #dbeafe);\n }\n \n .rc-capability:hover::after {\n width: 100%;\n }\n \n .rc-capability h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 8px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n transition: color 0.3s ease;\n }\n \n .rc-capability p {\n font-size: 13px;\n color: #666;\n line-height: 1.5;\n margin: 0;\n }\n \n \/* 7. INCLUSIONS SECTION *\/\n .rc-inclusions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 18px;\n }\n \n .rc-included, .rc-not-included {\n padding: 22px;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n .rc-included:hover, .rc-not-included:hover {\n box-shadow: 0 6px 20px rgba(0,0,0,0.05);\n transform: translateY(-2px);\n }\n \n .rc-included {\n border-left: 4px solid var(--accent, #2563eb);\n }\n \n .rc-not-included {\n border-left: 4px solid #999;\n }\n \n .rc-included h3, .rc-not-included h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 12px 0;\n }\n \n .rc-included ul, .rc-not-included ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-included li, .rc-not-included li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-included li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-not-included li::before {\n content: '○';\n position: absolute;\n left: 0;\n color: #999;\n }\n \n \/* 8. DETAILED SPECS SECTION *\/\n .rc-specs-container {\n margin-top: 18px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .rc-spec-category {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 16px;\n }\n \n .rc-spec-category-name {\n font-size: 13px;\n font-weight: 700;\n color: var(--accent, #2563eb);\n margin: 0 0 14px 0;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n \n .rc-spec-items {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n \n .rc-spec-item {\n display: grid;\n grid-template-columns: minmax(200px, 35%) 1fr;\n gap: 24px;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n font-size: 14px;\n align-items: center;\n transition: all 0.2s ease;\n border-radius: 8px;\n margin: 2px 0;\n }\n \n .rc-spec-item:hover {\n background: linear-gradient(90deg, rgba(0,0,0,0.02), transparent);\n border-bottom-color: transparent;\n }\n \n .rc-spec-item:last-child {\n border-bottom: none;\n }\n \n .rc-spec-label {\n font-weight: 700;\n color: #1a1f2e;\n word-break: break-word;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .rc-spec-value {\n color: #374151;\n word-break: break-word;\n overflow-wrap: break-word;\n line-height: 1.5;\n hyphens: auto;\n font-weight: 500;\n }\n \n \/* Handle URLs specially *\/\n .rc-spec-value a {\n color: var(--accent, #2563eb);\n text-decoration: none;\n word-break: break-all;\n display: inline-block;\n }\n \n .rc-spec-value a:hover {\n text-decoration: underline;\n }\n \n @media (max-width: 768px) {\n .rc-spec-item {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 12px 12px;\n }\n }\n \n \/* 9. COMPATIBILITY SECTION *\/\n .rc-compat-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 16px 0 10px 0;\n }\n \n .rc-compat-content h3:first-child {\n margin-top: 0;\n }\n \n .rc-compat-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 16px 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n \n .rc-compat-content li {\n font-size: 13px;\n color: #666;\n padding-left: 20px;\n position: relative;\n }\n \n .rc-compat-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--accent, #2563eb);\n font-weight: bold;\n }\n \n .rc-compat-content p {\n font-size: 13px;\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n \n \/* 10. CERTIFICATIONS SECTION *\/\n .rc-cert-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 12px;\n margin: 18px 0;\n }\n \n .rc-cert-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: linear-gradient(135deg, rgba(255,248,248,0.3), rgba(255,255,255,0.7));\n border: 1px solid var(--accent-light, #dbeafe);\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n color: #0a0e27;\n text-align: center;\n justify-content: center;\n }\n \n .rc-cert-checkmark {\n color: var(--accent, #2563eb);\n font-weight: 700;\n font-size: 14px;\n }\n \n .rc-cert-note {\n font-size: 12px;\n color: #999;\n font-style: italic;\n margin: 12px 0 0 0;\n }\n \n \/* 12. RESOURCES SECTION *\/\n .rc-resources-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 18px;\n }\n \n .rc-resource-item {\n display: flex;\n gap: 16px;\n padding: 16px;\n background: linear-gradient(135deg, rgba(255,248,248,0.2), rgba(255,255,255,0.8));\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n align-items: flex-start;\n }\n \n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .rc-resource-content h3 {\n font-size: 13px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n }\n \n .rc-resource-content p {\n font-size: 12px;\n color: #666;\n margin: 0;\n }\n \n \/* COLLAPSIBLE SECTION WRAPPER - PREMIUM CLEAN DESIGN *\/\n .rc-collapsible-section {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n margin-bottom: 12px;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);\n }\n .rc-collapsible-section:hover {\n border-color: #cbd5e1;\n box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);\n transform: translateY(-1px);\n }\n .rc-collapsible-section[open] {\n border-color: rgba(14, 165, 233, 0.3);\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(14, 165, 233, 0.08);\n }\n \n .rc-collapsible-section \u003e summary {\n padding: 16px 18px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n user-select: none;\n transition: all 0.25s ease;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-bottom: 1px solid transparent;\n list-style: none;\n }\n \n .rc-collapsible-section \u003e summary:hover {\n background: #f8fafc;\n }\n .rc-collapsible-section[open] \u003e summary {\n border-bottom-color: #e2e8f0;\n background: #f8fafc;\n }\n .rc-collapsible-section \u003e summary::-webkit-details-marker { display: none; }\n .rc-collapsible-section \u003e summary::marker { display: none; content: ''; }\n .rc-collapsible-section \u003e summary .rc-section-title {\n margin: 0;\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: var(--accent-dark, #0284c7);\n }\n .rc-collapsible-section \u003e summary .rc-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: var(--accent, #0ea5e9);\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 8px rgba(14, 165, 233, 0.4);\n }\n .rc-collapsible-section \u003e summary .rc-collapse-icon {\n font-size: 10px;\n color: #64748b;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n margin-left: 12px;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n }\n .rc-collapsible-section \u003e summary:hover .rc-collapse-icon {\n background: #f0f9ff;\n border-color: rgba(14, 165, 233, 0.3);\n color: var(--accent, #0ea5e9);\n }\n .rc-collapsible-section[open] \u003e summary .rc-collapse-icon {\n transform: rotate(90deg);\n background: var(--accent, #0ea5e9);\n border-color: var(--accent, #0ea5e9);\n color: #ffffff;\n }\n .rc-collapsible-section \u003e .rc-collapse-body {\n padding: 18px 20px;\n background: #ffffff;\n }\n\n \/* ========================================\n UNIFIED PREMIUM SECTION STYLING\n Clean, consistent cyan-based color scheme\n ======================================== *\/\n \n \/* Fade-in animation for all section cards *\/\n @keyframes rc-fadeSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n \/* Subtle dot pulse animation *\/\n @keyframes rc-dotPulse {\n 0%, 100% { box-shadow: 0 0 6px rgba(14, 165, 233, 0.4); }\n 50% { box-shadow: 0 0 12px rgba(14, 165, 233, 0.6); }\n }\n\n \/* Smooth open\/close transitions for collapse body *\/\n .rc-collapsible-section \u003e .rc-collapse-body {\n animation: rc-fadeSlideIn 0.3s ease-out both;\n }\n \n \/* Enhanced hover lift on section cards *\/\n .rc-wrap \u003e section.rc-card:hover {\n transform: translateY(-2px);\n }\n\n \/* ALL SECTIONS - Unified premium styling *\/\n .rc-wrap \u003e section.rc-card {\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-left: 3px solid rgba(14, 165, 233, 0.25);\n }\n .rc-wrap \u003e section.rc-card:hover {\n border-left-color: var(--accent);\n box-shadow: 0 8px 24px -8px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n }\n \n .rc-wrap \u003e section.rc-card .rc-section-title::before {\n animation: rc-dotPulse 3s ease-in-out infinite;\n }\n \n \/* Uniform section backgrounds for consistency *\/\n .rc-wrap \u003e section.rc-card:nth-of-type(odd),\n .rc-wrap \u003e section.rc-card:nth-of-type(even) {\n background: #ffffff;\n }\n\n \/* ---- Capability \u0026 feature card hover effects ---- *\/\n .rc-cap-card {\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n background: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\n }\n .rc-cap-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px -6px rgba(14, 165, 233, 0.15), 0 4px 12px -4px rgba(15, 23, 42, 0.06);\n border-color: rgba(14, 165, 233, 0.3);\n }\n .rc-cap-card::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 3px;\n background: var(--accent);\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n .rc-cap-card:hover::before { opacity: 1; }\n \n \/* ---- Spec table row hover ---- *\/\n .rc-spec-row { transition: all 0.2s ease; }\n .rc-spec-row:hover { \n background: rgba(14, 165, 233, 0.04); \n transform: translateX(2px); \n }\n\n \/* 13. IDENTIFIERS SECTION *\/\n .rc-identifiers-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 10px;\n margin-top: 10px;\n border: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .rc-id-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n background: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 13px;\n transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n }\n\n .rc-id-item:last-child {\n border-bottom: 1px solid #e2e8f0;\n }\n\n .rc-id-item:hover {\n background: #f8fafc;\n border-color: rgba(14, 165, 233, 0.22);\n transform: translateY(-1px);\n }\n\n .rc-id-label {\n font-weight: 700;\n color: #64748b;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.9px;\n }\n\n .rc-id-value {\n color: var(--accent-dark);\n word-break: break-word;\n font-weight: 600;\n line-height: 1.5;\n }\n \n \/* Links \u0026 CTAs *\/\n a {\n color: var(--accent);\n text-decoration: none;\n transition: all 0.2s ease;\n position: relative;\n }\n \n a:hover {\n color: var(--accent);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n \n a::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent);\n transition: width 0.3s ease;\n }\n \n \/* Button styling for CTA elements *\/\n button, [role=\"button\"], .rc-cta {\n background: linear-gradient(135deg, var(--accent), var(--accent-sec));\n color: white;\n border: none;\n border-radius: 6px;\n padding: 12px 24px;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);\n }\n \n button:hover, [role=\"button\"]:hover, .rc-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);\n }\n \n button:active, [role=\"button\"]:active, .rc-cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);\n }\n \n .rc-id-gtins {\n flex-direction: column;\n align-items: flex-start;\n grid-column: 1 \/ -1;\n }\n \n .rc-gtin-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 6px;\n }\n \n .rc-gtin-code {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n padding: 6px 12px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;\n font-size: 13px;\n color: #334155;\n letter-spacing: 0.5px;\n }\n \n \/* PRODUCT IMAGES GALLERY *\/\n .rc-images-gallery {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n padding: 28px;\n }\n\n .rc-gallery-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 20px;\n auto-rows: auto;\n }\n\n .rc-gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n border: 1.5px solid #e5e7eb;\n background: white;\n aspect-ratio: 1;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .rc-gallery-item:hover {\n border-color: color-mix(in srgb, var(--accent) 40%, #e5e7eb);\n box-shadow: 0 12px 28px rgba(10,132,255,0.10);\n transform: translateY(-4px);\n }\n\n .rc-gallery-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 12px;\n background: white;\n transition: transform 0.3s ease;\n }\n\n .rc-gallery-item:hover .rc-gallery-image {\n transform: scale(1.05);\n }\n\n @media (max-width: 768px) {\n .rc-gallery-container {\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n \n .rc-images-gallery {\n padding: 20px;\n }\n }\n \n \/* 13. RESOURCES \u0026 DOWNLOADS SECTION *\/\n .rc-resources {\n background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n }\n\n .rc-resources-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 16px;\n }\n\n .rc-resource-group-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 8px 0 4px;\n margin: 0;\n border-bottom: 2px solid #e5e7eb;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: color 0.2s ease;\n }\n\n .rc-resource-group-title span {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n box-shadow: 0 0 4px currentColor;\n }\n\n .rc-resource-group-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .rc-resource-item {\n display: flex;\n gap: 14px;\n padding: 16px 18px;\n background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rc-resource-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: var(--accent, #2563eb);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 3px 0 0 3px;\n }\n\n .rc-resource-item:hover {\n border-color: var(--accent, #2563eb);\n box-shadow: 0 6px 20px rgba(37, 99, 235, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);\n transform: translateY(-3px);\n background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n }\n\n .rc-resource-item:hover::before {\n opacity: 1;\n }\n \n .rc-resource-link {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n }\n \n .rc-resource-link:hover .rc-resource-arrow {\n transform: translateX(4px);\n }\n \n .rc-resource-arrow {\n font-size: 16px;\n color: var(--accent, #2563eb);\n font-weight: 600;\n align-self: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(37, 99, 235, 0.06);\n flex-shrink: 0;\n }\n\n .rc-resource-item:hover .rc-resource-arrow {\n background: rgba(37, 99, 235, 0.12);\n transform: translateX(3px);\n }\n\n .rc-resource-icon {\n font-size: 24px;\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-resource-icon-svg {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--accent, #2563eb);\n background: rgba(37, 99, 235, 0.08);\n border-radius: 10px;\n border: 1px solid rgba(37, 99, 235, 0.12);\n transition: all 0.3s ease;\n position: relative;\n }\n \n .rc-resource-item:hover .rc-resource-icon-svg {\n transform: scale(1.08);\n box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);\n border-color: rgba(37, 99, 235, 0.25);\n }\n\n .rc-resource-content {\n flex: 1;\n min-width: 0;\n }\n\n .rc-resource-title {\n font-size: 14px;\n font-weight: 700;\n color: #0a0e27;\n margin: 0 0 4px 0;\n line-height: 1.3;\n transition: color 0.2s ease;\n }\n\n .rc-resource-item:hover .rc-resource-title {\n color: var(--accent, #1a1f2e);\n }\n\n .rc-resource-description {\n font-size: 12px;\n color: #888;\n margin: 0 0 8px 0;\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n .rc-resource-count {\n color: #64748b;\n font-weight: 600;\n font-size: 12px;\n }\n\n .rc-resource-pill {\n align-self: center;\n flex-shrink: 0;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(10, 132, 255, 0.08);\n border: 1px solid rgba(10, 132, 255, 0.14);\n color: var(--accent-dark, #0066CC);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n\n .rc-resource-item-static:hover .rc-resource-pill {\n background: rgba(10, 132, 255, 0.12);\n }\n\n .rc-resource-cta-wrap {\n margin-top: 18px;\n display: flex;\n justify-content: flex-start;\n }\n\n .rc-resource-cta-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n border-radius: 999px;\n background: #0f172a;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.02em;\n border: 1px solid rgba(15, 23, 42, 0.12);\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);\n transition: all 0.2s ease;\n }\n\n .rc-resource-cta-link:hover {\n background: #111827;\n color: #ffffff !important;\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);\n }\n\n a.rc-resource-link {\n font-size: 12px;\n font-weight: 600;\n color: inherit;\n text-decoration: none;\n display: flex;\n transition: all 0.2s ease;\n }\n\n a.rc-resource-link:hover {\n color: inherit;\n text-decoration: none;\n }\n \n \/* 14. CONSULTATION SECTION *\/\n .rc-consultation-content p {\n font-size: 14px;\n color: #666;\n line-height: 1.6;\n margin: 0 0 20px 0;\n }\n \n .rc-cta-buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n \n .rc-cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 24px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n }\n \n .rc-cta-primary {\n background: var(--accent);\n color: white;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-primary:hover {\n background: var(--accent-dark);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);\n color: white;\n }\n \n .rc-cta-secondary {\n background: white;\n color: #1E40AF;\n border: 2px solid #1E40AF;\n font-weight: 600;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .rc-cta-secondary:hover {\n background: #EFF6FF;\n transform: translateY(-2px);\n box-shadow: 0 2px 8px rgba(10, 132, 255, 0.15);\n }\n\n \n \u003c\/style\u003e\n \u003cdiv class=\"rc-doc rc-doc-mode-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #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 Drone Part\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\"\u003eFi Fish V6s Underwater Drone Retrieval Tool\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eHook\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;\"\u003eQYsea\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\"\u003eDrone Part\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\"\u003eInspection \u0026amp; exploration\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=\"#technical-details\" class=\"rc-hero-quicklink\"\u003eTech\u003c\/a\u003e\u003ca href=\"#maintenance\" class=\"rc-hero-quicklink\"\u003eCare\u003c\/a\u003e\u003ca href=\"#media-gallery\" class=\"rc-hero-quicklink\"\u003eMedia\u003c\/a\u003e\u003ca href=\"#identifiers\" class=\"rc-hero-quicklink\"\u003eIDs\u003c\/a\u003e\u003ca href=\"#resources\" class=\"rc-hero-quicklink\"\u003eDocs\u003c\/a\u003e\n \u003c\/nav\u003e\n \n \n \u003cdiv class=\"rc-hero-subtitle\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 15px; line-height: 1.75; color: #475569; font-weight: 500;\"\u003eEngineered for heavy-duty recovery missions, this specialized attachment expands the operational\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eWeight (With Battery): 3.9 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLength: 383 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWidth: 331 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eHeight: 143 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eTotal Degrees of Freedom: 6 Do F\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\/0236\/4759\/products\/v6shookretrievaltool.jpg?v=1636845230\" alt=\"Compatible tooling\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eCompatible tooling\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 heavy-duty recovery missions, this specialized attachment expands the operational capabilities of the V6s ROV.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIt allows pilots to securely snag and retrieve submerged objects such as lost anchors or lobster traps from the seafloor.\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;\"\u003eProfessional ROV pilots, commercial fishermen, and marine salvage teams requiring physical interaction with submerged objects.\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 \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6shookretrievaltoolc.jpg?v=1636845213\" alt=\"Compatible tooling\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eCompatible tooling\u003c\/div\u003e\n \u003c\/div\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\"\u003eROV Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLength\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e383 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWidth\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e331 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e143 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePhysical 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\"\u003eWeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3.9 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-2\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eManeuverability\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\"\u003eDegrees of Freedom\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\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\"\u003ePosture Lock\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\"\u003eLock Angle\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e± 0.1° Accuracy\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\"\u003eHovering\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\"\u003eSuspended Elevation\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e± 1 cm Accuracy\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\"\u003eSpeed\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMax Speed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3 Knots (1.5 m\/s)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-6\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDepth Rating\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMax Depth\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-7\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eTemperature Range\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\"\u003eRange\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-10 °C ~ 60 °C\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-8\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eOperating Time\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMax Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 Hours\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-9\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eBattery\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\"\u003eCapacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e9,000 m Ah\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1h Quick Charge (70% Capacity)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12.6 V\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Cell Composition\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLithium Polymer\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eIncludes Rechargeable Battery\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eYes\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-10\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eCamera 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\"\u003eSensor\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1\/2.3” SONY CMOS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMegapixels\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12 MP\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eField of View\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e166° FOV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eShutter Speed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5~1\/5000 Seconds\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAWB (Auto White Balance)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2,500K ~ 8,000K\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eExposure\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-3.0EV ~ 3.0EV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePhoto Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4:3, 4000x3000\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePhoto Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eJPEG, DNG\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-11\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eVideo 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\"\u003eVideo Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 K UHD: 25\/30 FPS | 1080P FHD: 25\/30\/50\/60\/100\/120 FPS | 720P HD: 25\/30\/50\/60\/100\/120\/200\/240 FPS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVideo Format\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMPEG-4 AVC\/H.264, HEVC\/H.265\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-12\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eStorage\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\"\u003eStandard\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e64 GB\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-13\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eLights\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\"\u003eBrightness\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4000 Lumen LED Lights\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCCT\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5,500K (Correlated Color Temperature)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBeam Angle\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e120°\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-14\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eChargers\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\"\u003eROV Charger Input\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100-240 V, 50\/60Hz, 1.3 A Max\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eROV Charger Output\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12.9 V = 6 A\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-15\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eController\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Features\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5 Ghz Wi-Fi, 11 A\/n\/ac\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Life\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMax 4 Hours\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSD Card Support\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFormat in FAT32 or ex FAT (Up to 64GB)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eRemote Control Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eWi-Fi\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-16\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eQ-Interface\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePorts\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-\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-17\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eTether\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\"\u003eBreaking Force\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100 kgf\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDiameter\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.0 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSpool Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e238 mm (l) x 213 mm (w) x 205 mm (h)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"0\"\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \n \n \u003cdiv class=\"rc-not-included\"\u003e\n \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eRetrieval Rope (required for operation)\u003c\/li\u003e\n\u003cli\u003eFi Fish V6s Underwater Drone (sold separately)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eDoes this hook include the rope needed for lifting?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, the retrieval rope is not included in the package. Users must provide their own rope to facilitate the actual lifting force from the surface once the hook has snagged the target.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs this tool compatible with the standard Fi Fish V6?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, this retrieval hook is designed to be compatible with the broader Fi Fish V6 series, including the V6s model, utilizing the standard tool interface.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat is the typical shipping time for this accessory?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eAccording to manufacturer and retailer data, this specialized tool typically ships within 1 to 3 weeks from the date of order.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SAFETY \u0026 OPERATING NOTES --\u003e\n \n\n \u003c!-- TECHNICAL DETAILS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"technical-details\" role=\"region\" aria-labelledby=\"tech-details-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"tech-details-title\" class=\"rc-section-title\"\u003eTechnical Details\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMedia Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMicro SDWarranty \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\"\u003eDegrees of Freedom\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Do F\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with the standard Fi Fish V6\u003c\/li\u003e\n \u003cli\u003eCompatible with the broader Fi Fish V6 series, including the V6s model, utilizing the standard tool interface\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003ch3\u003eOperating Environment:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eMax Time:\u003c\/strong\u003e 4 Hours\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After every dive\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse thoroughly with fresh water to prevent salt buildup and corrosion.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the hook for structural integrity or bending after heavy retrieval tasks.\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\"\u003eFi Fish V6s Underwater Drone Retrieval Tool Hook\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\"\u003eDrone Part\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\"\u003eUDQYS012\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$129.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eFi Fish V6s Underwater Drone Retrieval Tool Hook includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440374018391,"sku":"UDQYS012","price":129.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/v6shookretrievaltool.jpg?v=1767298741"},{"product_id":"fifish-v6s-remote-control-sun-shade","title":"FiFish V6s Remote Control Sun Shade","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=\"FiFish V6s Remote Control Sun Shade - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Fi Fish V6s Remote Control Sun Shade, QYsea, Drone Part, drone-part, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | FiFish V6s Remote Control Sun Shade\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 | FiFish V6s Remote Control Sun Shade\"\u003e\n \u003cmeta property=\"og:description\" content=\"FiFish V6s Remote Control Sun Shade - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/fifish-v6s-remote-control-sun-shade\"\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\/0236\/4759\/products\/v6sremoteshade.jpg?v=1636845158\"\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=\"Fi Fish V6s Remote Control Sun Shade - Product Image\"\u003e\n \n \u003cmeta property=\"og:price:amount\" content=\"69.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 | FiFish V6s Remote Control Sun Shade\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"FiFish V6s Remote Control Sun Shade - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6sremoteshade.jpg?v=1636845158\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Fi Fish V6s Remote Control Sun Shade\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"69.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"DRO-FIF-2F23\"\u003e\n \n \u003cmeta property=\"product:mfr_part_no\" content=\"FIFISH V6 EXPERT, FIFISH V-EVO, FIFISH V6s, FIFISH V6, FIFISH PRO V6 PLUS, FIFISH PRO W6\"\u003e\n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"FiFish V6s Remote Control Sun Shade\",\"description\":\"Built for professional use. Verified specifications include 109 mm～180 mm reach, Dimensions 247mmx180mmx145mm, i PAD Model Suitability: i PAD(2-5th), and Angle of View: Adjustable. Bright Daylight Inspections: Pilots can maintain high visibility of the ROV's live feed during outdoor operations in direct sunlight.,Professional Surveying: Integrators can use large-format tablets like the iPad Pro to monitor fine details in underwater structures.,Search and Rescue: Operators benefit from an unobstructed viewing experience in varying weather conditions to ensure mission success.,Tablet-Based Piloting: Users who prefer larger screens over smartphones can securely mount and shade their devices.\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6sremoteshade.jpg?v=1636845158\",\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Drone Part\",\"sku\":\"DRO-FIF-2F23\",\"mpn\":\"FIFISH V6 EXPERT, FIFISH V-EVO, FIFISH V6s, FIFISH V6, FIFISH PRO V6 PLUS, FIFISH PRO W6\",\"url\":\"https:\/\/therobocraft.com\/products\/fifish-v6s-remote-control-sun-shade\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/fifish-v6s-remote-control-sun-shade\",\"priceCurrency\":\"USD\",\"price\":\"69.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Clamping Range\",\"value\":\"109 mm～180 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Dimensions\",\"value\":\"247mmx180mmx145mm\"},{\"@type\":\"PropertyValue\",\"name\":\"iPAD Model Suitability\",\"value\":\"iPAD(2-5th)\"},{\"@type\":\"PropertyValue\",\"name\":\"Angle of View\",\"value\":\"Adjustable\"},{\"@type\":\"PropertyValue\",\"name\":\"Sunhood\",\"value\":\"Foldable\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Which FIFISH ROV models are compatible with this sun shade?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This accessory is compatible with the FIFISH V6, V6s, V-EVO, V6 EXPERT, PRO V6 PLUS, and PRO W6 underwater robots.\"}},{\"@type\":\"Question\",\"name\":\"Can I use an iPad Pro with this holder?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the holder is specifically designed to accommodate large-sized tablets, including the iPad Pro 11-inch, with a clamping range up to 180mm.\"}},{\"@type\":\"Question\",\"name\":\"Does this support a wired connection to the tablet?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, tablets can be connected to the remote controller in both wired and wireless modes, though a Lightning to Ethernet adapter is required for certain wired setups and is not included.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Drone Part\",\"item\":\"https:\/\/therobocraft.com\/collections\/drone-part\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"FiFish V6s Remote Control Sun Shade\",\"item\":\"https:\/\/therobocraft.com\/products\/fifish-v6s-remote-control-sun-shade\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/fifish-v6s-remote-control-sun-shade\"\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 Drone Part\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\"\u003eFi Fish V6s Remote Control Sun\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eShade\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;\"\u003eQYsea\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\"\u003eDrone Part\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\"\u003eCompatibility \u0026amp; upgrades\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;\"\u003eEnhances underwater piloting visibility by eliminating glare on mobile device screens. This durable accessory features a wide 109mm to 180mm clamping range, accommodating large tablets like the i Pad Pro 11-inch. Its foldable design and adjustable viewing angles ensure a clear, unobstructed live feed from V6 series ROVs even in high-intensity outdoor lighting conditions.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eClamping Range: 109 mm～180 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDimensions: 247mmx180mmx145mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ei PAD Model Suitability: i PAD(2-5th)\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAngle of View: Adjustable\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eSunhood: Foldable\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\/0236\/4759\/products\/v6sremoteshade.jpg?v=1636845158\" 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;\"\u003eEnhances underwater piloting visibility by eliminating glare on mobile device screens.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIts foldable design and adjustable viewing angles ensure a clear, unobstructed live feed from V6 series ROVs even in high-intensity outdoor lighting conditions.\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;\"\u003eProfessional ROV pilots and industrial inspectors using FIFISH V6 series drones who require high-visibility monitoring in outdoor environments.\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\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\"\u003ePhysical 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\"\u003eClamping Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e109 mm～180 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e247mmx180mmx145mm\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\"\u003eCompatibility\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\"\u003ei PAD Model Suitability\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ei PAD(2-5th)\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\"\u003eController Sun Hood 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\"\u003eAngle of View\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAdjustable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSunhood\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFoldable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(2 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Controller Sun Hood (Standard Pack)\u003c\/li\u003e\n\u003cli\u003e1x Integrated Tablet Holder\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\u003eLightning to Ethernet adaptor\u003c\/li\u003e\n\u003cli\u003ei Pad or Tablet device\u003c\/li\u003e\n\u003cli\u003eFIFISH Remote Controller\u003c\/li\u003e\n\u003cli\u003eFIFISH Underwater Drone\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eWhich FIFISH ROV models are compatible with this sun shade?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis accessory is compatible with the FIFISH V6, V6s, V-EVO, V6 EXPERT, PRO V6 PLUS, and PRO W6 underwater robots.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan I use an i Pad Pro with this holder?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the holder is specifically designed to accommodate large-sized tablets, including the i Pad Pro 11-inch, with a clamping range up to 180mm.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eDoes this support a wired connection to the tablet?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, tablets can be connected to the remote controller in both wired and wireless modes, though a Lightning to Ethernet adapter is required for certain wired setups and is not included.\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\"\u003eCompatible FIFISH ROV models\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH V6 EXPERT, FIFISH V-EVO, FIFISH V6s, FIFISH V6, FIFISH PRO V6 PLUS, FIFISH PRO W6\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eConnectivity Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUSB\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCamcorder type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eVideo Camera\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWater Resistance Level\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eWater Resistant\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHas Image Stabilization\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNo Lens Lens Type: Zoom\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eShooting Modes\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUnderwater\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\"\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with this sun shade\u003c\/li\u003e\n \u003cli\u003eCompatible with the FIFISH V6, V6s, V-EVO, V6 EXPERT, PRO V6 PLUS, and PRO W6 underwater robots\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e As needed\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eWipe sun hood surfaces with a damp cloth to remove dust or salt spray.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the folding hinges are free of debris to maintain smooth adjustment.\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\"\u003eFi Fish V6s Remote Control Sun Shade\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\"\u003eDrone Part\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\"\u003eDRO-FIF-2F23\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\"\u003eQYsea\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\"\u003eFIFISH V6 EXPERT, FIFISH V-EVO, FIFISH V6s, FIFISH V6, FIFISH PRO V6 PLUS, FIFISH PRO W6\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$69.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\u003eDocumentation \u0026amp; Development\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp class=\"rc-source-note\"\u003eFi Fish V6s Remote Control Sun Shade includes structured documentation, setup, and support signals to help buyers evaluate the product.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for documentation\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DISCLAIMERS --\u003e\n \n \u003csection class=\"rc-card rc-disclaimers\" id=\"disclaimers\" role=\"region\" aria-labelledby=\"disc-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"disc-title\" class=\"rc-section-title\"\u003eDisclaimers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"font-size:13px;color:#64748b;line-height:1.7;margin:0;\"\u003eSpecifications, package contents, compatibility, and included accessories are based on manufacturer information for the selected product variant and may vary by revision, region, or configuration. Availability and lead times may change without notice. Certain products may require setup, supervision, or compliance with local laws, safety standards, or operational requirements. TheRoboCraft is an independent retailer; all trademarks and brand names belong to their respective owners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- FOOTER --\u003e\n \n \u003cdiv class=\"rc-footer\" role=\"contentinfo\" aria-label=\"Footer\"\u003e\n \u003cdiv class=\"rc-footer-content\"\u003e\n \u003cdiv class=\"rc-footer-section rc-footer-about\"\u003e\n \u003cdiv class=\"rc-footer-links-inline\"\u003e\n \u003ca href=\"#hero\"\u003eOverview\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"#specifications\"\u003eSpecs\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eContact\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/refund-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRefunds\u003c\/a\u003e\n \u003cspan class=\"rc-footer-sep\"\u003e|\u003c\/span\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/policies\/shipping-policy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eShipping\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c!-- end rc-footer --\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cscript\u003e\n \/\/ All JS is scoped to .rc-doc container to avoid interfering with the host page (Shopify, etc.)\n (function() {\n var rcRoot = document.querySelector('.rc-doc');\n if (!rcRoot) return;\n \n \/\/ Tab switching - scoped to rc-doc\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var tabId = this.getAttribute('data-tab');\n var pane = rcRoot.querySelector('#' + tabId);\n rcRoot.querySelectorAll('.rc-tab-pane').forEach(function(p) { p.classList.remove('active'); });\n rcRoot.querySelectorAll('.rc-tab-btn').forEach(function(b) { b.classList.remove('active'); });\n if (pane) {\n pane.classList.add('active');\n this.classList.add('active');\n }\n });\n });\n \n \/\/ Smooth scrolling for nav links - scoped to rc-doc\n rcRoot.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener('click', function(e) {\n var targetId = this.getAttribute('href').substring(1);\n var target = rcRoot.querySelector('#' + targetId);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n })();\n \u003c\/script\u003e\n \n\n\u003c\/body\u003e","brand":"QYsea","offers":[{"title":"Default Title","offer_id":52440374346071,"sku":"DRO-FIF-2F23","price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/v6sremoteshade.jpg?v=1767298747"},{"product_id":"charger-for-underwater-drone-fifish-v6-6pin","title":"Charger for underwater drone Fifish V6 6pin","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=\"Charger for FIFISH V6 Underwater Drone (6-Pin) - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Charger for FIFISH V6 Underwater Drone (6-Pin), QYsea, Accessory, accessories, High-Speed Charging, Universal Input, Proprietary 6-Pin Plug, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Charger for FIFISH V6 Underwater Drone (6-Pin)\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 | Charger for FIFISH V6 Underwater Drone (6-Pin)\"\u003e\n \u003cmeta property=\"og:description\" content=\"Charger for FIFISH V6 Underwater Drone (6-Pin) - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/charger-for-fifish-v6-underwater-drone-6-pin\"\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\/0236\/4759\/products\/ScreenShot2023-03-17at12.48.06PM.png?v=1679071840\"\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=\"Charger for FIFISH V6 Underwater Drone (6-Pin) - Product Image\"\u003e\n \n \u003cmeta property=\"og:price:amount\" content=\"69.99\"\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 | Charger for FIFISH V6 Underwater Drone (6-Pin)\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Charger for FIFISH V6 Underwater Drone (6-Pin) - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ScreenShot2023-03-17at12.48.06PM.png?v=1679071840\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Charger for FIFISH V6 Underwater Drone (6-Pin)\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"69.99\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS033\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Charger for FIFISH V6 Underwater Drone (6-Pin)\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include Input Voltage: 100-240 V, Output Voltage: 12.6 V, Output Current: 10 A, and Connector: 6-Pin. High-Speed Charging - Provides a 10A output to quickly restore the 156Wh battery of the V6 drone. Field Operations: Providing a reliable power source for recharging the V6 drone between consecutive underwater inspection missions.,Travel \u0026 International Use: Utilizing the universal 100-240V input for consistent charging performance across different global power grids.,Backup Power Management: Serving as a secondary charger to ensure mission readiness in case the primary unit is misplaced or damaged.\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ScreenShot2023-03-17at12.48.06PM.png?v=1679071840\",\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Accessory\",\"sku\":\"UDQYS033\",\"url\":\"https:\/\/therobocraft.com\/products\/charger-for-fifish-v6-underwater-drone-6-pin\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/charger-for-fifish-v6-underwater-drone-6-pin\",\"priceCurrency\":\"USD\",\"price\":\"69.99\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Input Voltage\",\"value\":\"100-240 V\"},{\"@type\":\"PropertyValue\",\"name\":\"Output Voltage\",\"value\":\"12.6 V\"},{\"@type\":\"PropertyValue\",\"name\":\"Output Current\",\"value\":\"10 A\"},{\"@type\":\"PropertyValue\",\"name\":\"Connector\",\"value\":\"6-Pin\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Speed Charging - Provides a 10A output to quickly restore the 156Wh battery of the V6 drone.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Universal Input - Operates on 100-240V AC, allowing for use in various geographic locations without transformers.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Proprietary 6-Pin Plug - Ensures a keyed, secure connection to the drone's charging port to prevent accidental disconnection.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Compact Form Factor - Designed for portability, fitting easily into the FIFISH industrial or EPP carrying cases.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Integrated Safety - Features built-in circuitry to manage heat and prevent overcharging during the 1-hour quick charge cycle.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Is this charger compatible with the FIFISH V6 Expert?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This specific model is designed for the standard FIFISH V6 with a 6-pin connection. While the V6 Expert also uses a 12.6V system, you should verify your specific drone's pin configuration (6-pin vs. other variants) before purchase to ensure a proper fit.\"}},{\"@type\":\"Question\",\"name\":\"How long does it take to fully charge the drone?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"When using this high-output charger, the FIFISH V6 can typically reach 90% of its battery capacity in about 1 hour, allowing for rapid turnaround between dives.\"}},{\"@type\":\"Question\",\"name\":\"Can I use this charger with a portable power station?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, as long as the power station provides a standard AC outlet with 100-240V output and can handle the 1.3A input draw, it is suitable for field charging.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessory\",\"item\":\"https:\/\/therobocraft.com\/collections\/accessories\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Charger for FIFISH V6 Underwater Drone (6-Pin)\",\"item\":\"https:\/\/therobocraft.com\/products\/charger-for-fifish-v6-underwater-drone-6-pin\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/charger-for-fifish-v6-underwater-drone-6-pin\"\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 #D1D5DB44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #D1D5DB22, 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 #D1D5DB; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #D1D5DB, 0 0 14px #D1D5DB88; }\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(55,65,81,0.9);\n border:1px solid rgba(156,163,175,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:#D1D5DB;\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:#F3F4F6;\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 Accessory\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 #D1D5DB 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\"\u003eCharger for FIFISH V6 Underwater Drone\u003c\/span\u003e\u003cspan class=\"rc-title-variant\"\u003e(6-Pin)\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;\"\u003eQYsea\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\"\u003eAccessory\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\"\u003eCharging \u0026amp; replacement\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\"\u003e1-year warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#compatibility\" class=\"rc-hero-quicklink\"\u003eCompatibility\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 specifically for the FIFISH V6 series, this high-performance power adapter ensures rapid and reliable replenishment of your ROV's internal battery. Featuring a specialized 6-pin connector and a wide-range 100-240V input, it delivers a stable 12.6V output at 10A. This essential accessory minimizes downtime between dives, allowing professional operators to maintain peak productivity during demanding aquatic missions.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eInput Voltage: 100-240 V\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eOutput Voltage: 12.6 V\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eOutput Current: 10 A\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eConnector: 6-Pin\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\/0236\/4759\/products\/Screen%20Shot2023-03-17at12.48.06PM.png?v=1679071840\" alt=\"Display interface\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eDisplay interface\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;\"\u003eThis essential accessory minimizes downtime between dives, allowing professional operators to maintain peak productivity during demanding aquatic missions.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eProfessional ROV operators, marine researchers, and underwater videographers using the FIFISH V6 drone who require a replacement or spare charging solution.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eRapid Replenishment\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eCapable of charging the V6 battery to 90% capacity in approximately 1 hour.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eContinuous Operation\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eSupports back-to-back charging cycles for multi-battery mission profiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e3\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eVoltage Stabilization\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eMaintains a steady 12.6V output despite fluctuations in the AC input source.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e4\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePlug-and-Play Setup\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eRequires no configuration; simply connect to the drone and a wall outlet to begin.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n \n\n \u003c!-- SPECIFICATIONS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-container\"\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePower Input\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInput Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100-240 V~\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInput Frequency\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e50\/60Hz\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInput Current\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1.3 A\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 Output\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\"\u003eOutput Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12.6 V\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOutput Current\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e10 A\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\"\u003eConnectivity \u0026amp; 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\"\u003eConnector Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6-Pin\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCompatible Model\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFIFISH V6\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(2 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x QYSEA Charger for FIFISH V6 (6-Pin)\u003c\/li\u003e\n\u003cli\u003e1x AC Power Cable\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\u003eFIFISH V6 Underwater Drone\u003c\/li\u003e\n\u003cli\u003eRemote Controller Charger\u003c\/li\u003e\n\u003cli\u003eUnderwater Tether\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eIs this charger compatible with the FIFISH V6 Expert?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis specific model is designed for the standard FIFISH V6 with a 6-pin connection. While the V6 Expert also uses a 12.6V system, you should verify your specific drone's pin configuration (6-pin vs. other variants) before purchase to ensure a proper fit.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow long does it take to fully charge the drone?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eWhen using this high-output charger, the FIFISH V6 can typically reach 90% of its battery capacity in about 1 hour, allowing for rapid turnaround between dives.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan I use this charger with a portable power station?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, as long as the power station provides a standard AC outlet with 100-240V output and can handle the 1.3A input draw, it is suitable for field charging.\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\"\u003eInterface\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eProprietary 6-Pin\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1h Quick Charge Support\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVoltage Regulation\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAutomatic\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCompatibility Note\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSpecifically for 6-pin V6 models\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWarranty Period\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 Year\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with FIFISH V6 Underwater Drone (6-Pin)\u003c\/li\u003e\n \u003cli\u003eCompatible with the FIFISH V6 Expert\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After each use\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eInspect the 6-pin connector for debris or corrosion\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the power cable is free of kinks or exposed wiring\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eStore in a cool, dry place away from direct sunlight\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\"\u003eCharger for FIFISH V6 Underwater Drone (6-Pin)\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\"\u003eAccessory\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\"\u003eUDQYS033\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$69.99\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\"\u003eCompatibility \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\"\u003eCharger for FIFISH V6 Underwater Drone (6-Pin) has compatibility, fitment, and support documentation signals available for purchase planning.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for compatibility details\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":"QYsea","offers":[{"title":"Default Title","offer_id":52440374411607,"sku":"UDQYS033","price":69.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/ScreenShot2023-03-17at12.48.06PM.png?v=1767298747"},{"product_id":"fifish-v6s-underwater-drone-carrying-case","title":"Fifish V6S Underwater Drone Carrying Case","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=\"Fifish V6S Underwater Drone Carrying Case - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Fifish V6S Underwater Drone Carrying Case, QYsea, Accessory, accessories, Industrial-Grade Protection, Integrated Mobility, Custom-Molded Interior, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"QYsea\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Fifish V6S Underwater Drone Carrying Case\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 | Fifish V6S Underwater Drone Carrying Case\"\u003e\n \u003cmeta property=\"og:description\" content=\"Fifish V6S Underwater Drone Carrying Case - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/fifish-v6s-underwater-drone-carrying-case\"\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\/0236\/4759\/products\/v6scarryingcase692_2048Bx.png?v=1636845209\"\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=\"Fifish V6S Underwater Drone Carrying Case - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6scarryingcase692_2048x_a121889a-6bae-49eb-b3fd-a7f20a60b99f.jpg?v=1636845205\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"799.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 | Fifish V6S Underwater Drone Carrying Case\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Fifish V6S Underwater Drone Carrying Case - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6scarryingcase692_2048Bx.png?v=1636845209\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Fifish V6S Underwater Drone Carrying Case\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"QYsea\"\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=\"799.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDQYS027\"\u003e\n \n \n \n \u003cmeta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \u003cmeta name=\"googlebot\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\"\u003e\n \n \u003c!-- Structured Data --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\/\",\"@type\":\"Product\",\"name\":\"Fifish V6S Underwater Drone Carrying Case\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include Material: High Density Polyethylene (HDPE), Mobility: Integrated Rolling Wheels, Compatibility: FIFISH V6 \u0026amp; V6S, and Case Type: Hard Shell Industrial. Industrial-Grade Protection - Constructed from High Density Polyethylene (HDPE) to withstand harsh marine environments and transport rigors. Professional ROV pilots use this case to transport their FIFISH V6S to remote dive sites while ensuring the robotic arm and sensors remain calibrated and protected. Marine researchers utilize the organized interior to keep tethers, controllers, and spare parts secure during turbulent boat transits. Infrastructure inspectors rely on the rugged HDPE shell to shield their equipment from impact and moisture in industrial port environments.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6scarryingcase692_2048Bx.png?v=1636845209\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/v6scarryingcase692_2048x_a121889a-6bae-49eb-b3fd-a7f20a60b99f.jpg?v=1636845205\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"QYsea\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"QYsea\"},\"category\":\"Accessory\",\"sku\":\"UDQYS027\",\"url\":\"https:\/\/therobocraft.com\/products\/fifish-v6s-underwater-drone-carrying-case\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/fifish-v6s-underwater-drone-carrying-case\",\"priceCurrency\":\"USD\",\"price\":\"799.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"1 Year Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Material\",\"value\":\"High Density Polyethylene (HDPE)\"},{\"@type\":\"PropertyValue\",\"name\":\"Mobility\",\"value\":\"Integrated Rolling Wheels\"},{\"@type\":\"PropertyValue\",\"name\":\"Compatibility\",\"value\":\"FIFISH V6 \u0026 V6S\"},{\"@type\":\"PropertyValue\",\"name\":\"Case Type\",\"value\":\"Hard Shell Industrial\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Industrial-Grade Protection - Constructed from High Density Polyethylene (HDPE) to withstand harsh marine environments and transport rigors.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Integrated Mobility - Features heavy-duty rolling wheels for effortless transportation across docks, boats, and rugged terrain.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Custom-Molded Interior - Specifically designed to house the FIFISH V6 or V6S drone along with its full suite of accessories.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Weatherproof Seal - Engineered to keep internal components safe and dry during transit or long-term storage near water.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Secure Latches - Robust locking mechanism ensures the case remains closed even during turbulent travel conditions.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Does this case include the FIFISH drone or any accessories?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, this product is for the industrial hard case only. The FIFISH V6 or V6S drone and its associated accessories must be purchased separately to complete the system.\"}},{\"@type\":\"Question\",\"name\":\"What material is used for the exterior of this carrying case?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The case is manufactured using High Density Polyethylene (HDPE). This material is chosen for its high strength-to-density ratio, providing excellent impact resistance and protection against environmental stressors.\"}},{\"@type\":\"Question\",\"name\":\"Is the interior layout compatible with the V6S robotic arm?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the interior is designed to accommodate the FIFISH V6S and its standard accessories, including the space required for the robotic arm components typically used with that model.\"}}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/therobocraft.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessory\",\"item\":\"https:\/\/therobocraft.com\/collections\/accessories\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Fifish V6S Underwater Drone Carrying Case\",\"item\":\"https:\/\/therobocraft.com\/products\/fifish-v6s-underwater-drone-carrying-case\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/fifish-v6s-underwater-drone-carrying-case\"\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 #D1D5DB44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #D1D5DB22, 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 #D1D5DB; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #D1D5DB, 0 0 14px #D1D5DB88; }\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(55,65,81,0.9);\n border:1px solid rgba(156,163,175,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:#D1D5DB;\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:#F3F4F6;\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 Accessory\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 #D1D5DB 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\"\u003eFifish V6S Underwater Drone Carrying\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eCase\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;\"\u003eQYsea\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\"\u003eAccessory\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\"\u003eInspection \u0026amp; exploration\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\"\u003e1-year warranty\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cnav class=\"rc-hero-quicklinks\" aria-label=\"Jump to product sections\"\u003e\n \u003ca href=\"#about-product\" class=\"rc-hero-quicklink\"\u003eOverview\u003c\/a\u003e\u003ca href=\"#capabilities\" class=\"rc-hero-quicklink\"\u003eCapabilities\u003c\/a\u003e\u003ca href=\"#specifications\" class=\"rc-hero-quicklink\"\u003eSpecs\u003c\/a\u003e\u003ca href=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\u003c\/a\u003e\u003ca href=\"#compatibility\" class=\"rc-hero-quicklink\"\u003eCompatibility\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 the rigors of marine exploration, this industrial-grade hard shell case provides ultimate protection for underwater ROV systems. Featuring a high-density polyethylene (HDPE) exterior and integrated rolling wheels, it ensures safe transit for the FIFISH V6 and V6S drones. The custom-molded interior keeps sensitive electronics dry and organized, making it an essential asset for professional pilots operating in demanding field environments.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eMaterial: High Density Polyethylene (...\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMobility: Integrated Rolling Wheels\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCompatibility: FIFISH V6 \u0026amp; V6S\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCase Type: Hard Shell Industrial\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\/0236\/4759\/products\/v6scarryingcase692_2048Bx.png?v=1636845209\" 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 the rigors of marine exploration, this industrial-grade hard shell case provides ultimate protection for underwater ROV systems.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eFeaturing a high-density polyethylene (HDPE) exterior and integrated rolling wheels, it ensures safe transit for the FIFISH V6 and V6S drones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eThis industrial case is designed for professional underwater drone operators, marine researchers, and commercial inspectors who require a high-mobility, high-protection storage solution for their FIFISH V6 series equipment.\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;\"\u003eSecurely house the FIFISH V6S underwater drone and its robotic arm during transit.\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;\"\u003eOrganize and protect the remote controller, tether, and chargers in dedicated compartments.\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;\"\u003eFacilitate rapid deployment with easy-roll wheels for field operations in diverse locations.\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;\"\u003eProvide a dry storage environment in high-humidity maritime settings to prevent corrosion.\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\/0236\/4759\/products\/v6scarryingcase692_2048x_a121889a-6bae-49eb-b3fd-a7f20a60b99f.jpg?v=1636845205\" alt=\"Feature detail\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eFeature detail\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- VERIFIED HIGHLIGHTS --\u003e\n \n\n \u003c!-- SPECIFICATIONS --\u003e\n \n \u003csection class=\"rc-card rc-detailed-specs\" id=\"specifications\" role=\"region\" aria-labelledby=\"specs-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"specs-title\" class=\"rc-section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-accordion-container\"\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-0\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eConstruction\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\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHigh Density Polyethylene (HDPE)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eShell Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHard Shell Industrial Case\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePattern\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSolid\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\"\u003eCompatibility\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\"\u003ePrimary Drone Compatibility\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eQYSEA FIFISH V6\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSecondary Drone Compatibility\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eQYSEA FIFISH V6S\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInterior Layout\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCustom-molded for drone and all standard accessories\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\"\u003eMobility \u0026amp; Transport\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\"\u003eTransport Method\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIntegrated Rolling Wheels\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHandle Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHeavy-duty carrying handle\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(1 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\u003cli\u003e1x QYSEA Industrial Hard Shell Carrying Case for FIFISH V6\/V6S\u003c\/li\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-not-included\"\u003e\n \u003ch3\u003eNOT Included:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eQYSEA FIFISH V6 Underwater Drone\u003c\/li\u003e\n\u003cli\u003eQYSEA FIFISH V6S Underwater Drone\u003c\/li\u003e\n\u003cli\u003eRemote Controller\u003c\/li\u003e\n\u003cli\u003eTether and Spool\u003c\/li\u003e\n\u003cli\u003eCharging Cables\u003c\/li\u003e\n\u003cli\u003eRobotic Arm\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- SEE IT IN ACTION --\u003e\n \n\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\"\u003eDoes this case include the FIFISH drone or any accessories?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, this product is for the industrial hard case only. The FIFISH V6 or V6S drone and its associated accessories must be purchased separately to complete the system.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat material is used for the exterior of this carrying case?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe case is manufactured using High Density Polyethylene (HDPE). This material is chosen for its high strength-to-density ratio, providing excellent impact resistance and protection against environmental stressors.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs the interior layout compatible with the V6S robotic arm?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the interior is designed to accommodate the FIFISH V6S and its standard accessories, including the space required for the robotic arm components typically used with that model.\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\n \u003c!-- COMPATIBILITY --\u003e\n \n \u003csection class=\"rc-card rc-compatibility\" id=\"compatibility\" role=\"region\" aria-labelledby=\"compat-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier2\"\u003e\n \u003csummary\u003e\u003ch2 id=\"compat-title\" class=\"rc-section-title\"\u003eCompatibility\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-compat-content\"\u003e\n \u003ch3\u003eCompatible With:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCompatible with the V6S robotic arm\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- MAINTENANCE \u0026 CARE --\u003e\n \n \u003csection class=\"rc-card rc-maintenance\" id=\"maintenance\" aria-labelledby=\"maintenance-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"maintenance-title\" class=\"rc-section-title\"\u003eMaintenance \u0026amp; Care\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-maintenance-frequency\"\u003e\n \u003cstrong\u003eRecommended Schedule:\u003c\/strong\u003e After each field use\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eWipe the exterior HDPE shell with a damp cloth to remove salt spray or debris.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the rolling wheels for sand or grit that may impede movement.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the interior foam remains dry before closing the case for long-term storage.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck latches and hinges for smooth operation and clear any obstructions.\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\"\u003eFifish V6S Underwater Drone Carrying Case\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\"\u003eAccessory\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\"\u003eUDQYS027\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\"\u003eQYsea\u003c\/span\u003e\n\u003c\/div\u003e\n \n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$799.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\"\u003eCompatibility \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\"\u003eFifish V6S Underwater Drone Carrying Case has compatibility, fitment, and support documentation signals available for purchase planning.\u003c\/p\u003e\n \u003cdiv class=\"rc-resources-grid\"\u003e\n \n \u003cdiv class=\"rc-resource-group\"\u003e\n \u003cdetails class=\"rc-accordion-item\" open\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eDocuments \u0026amp; Media\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \u003cdiv class=\"rc-resource-group-items\"\u003e\n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e📄\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eOn request\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(2)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eOfficial website or manufacturer reference pages exist for additional product context.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"rc-resource-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/therobocraft.com\/pages\/contact\" class=\"rc-resource-cta-link\"\u003eAsk for compatibility details\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":"QYsea","offers":[{"title":"Default Title","offer_id":52440374444375,"sku":"UDQYS027","price":799.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/v6scarryingcase692_2048Bx.png?v=1767298747"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/collections\/PL-QYSEA-fifish-512x212-1_5c9b5196-7721-420f-b6d0-d1a01ba29903.png?v=1767372406","url":"https:\/\/therobocraft.com\/collections\/qysea-1.oembed?page=2","provider":"The Robo Craft","version":"1.0","type":"link"}