{"title":"Chasing","description":"\u003cp data-start=\"170\" data-end=\"316\"\u003eDiscover a curated selection of underwater drones designed for inspection, exploration, research, and visual monitoring in submerged environments.\u003c\/p\u003e\n\u003cp data-start=\"318\" data-end=\"538\"\u003eBuilt for professional, educational, and field applications, these systems help capture underwater footage, support remote observation, and improve access to areas that are difficult, costly, or unsafe to reach manually.\u003c\/p\u003e","products":[{"product_id":"m2-pro-max-underwater-drone-by-chasing","title":"M2 Pro Max Underwater drone by Chasing","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"CHASING M2 Pro Max Underwater ROV - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"CHASING M2 Pro Max Underwater ROV, Chasing, Underwater Drone, underwater-drone, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | CHASING M2 Pro Max 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 | CHASING M2 Pro Max Underwater ROV\"\u003e\n \u003cmeta property=\"og:description\" content=\"CHASING M2 Pro Max 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\/chasing-m2-pro-max-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\/files\/m2promaxwithreel1500.jpg?v=1690543061\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"CHASING M2 Pro Max Underwater ROV - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ChasingM2ProMaxunderwaterDroneMain.jpg?v=1690543061\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ChasingM2ProMaxunderwaterDronetopaccessory2.jpg?v=1690543061\"\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 | CHASING M2 Pro Max Underwater ROV\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"CHASING M2 Pro Max 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\/files\/m2promaxwithreel1500.jpg?v=1690543061\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"CHASING M2 Pro Max Underwater ROV\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \n \n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS001A\"\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\":\"CHASING M2 Pro Max Underwater ROV\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include 3 knots speed, Maximum Diving Depth: 200 meters, Maximum Horizontal Radius: 400 meters, and Motor Type: Second-generation anti-stuck motor (C-MOTOR 2.0).\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/m2promaxwithreel1500.jpg?v=1690543061\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ChasingM2ProMaxunderwaterDroneMain.jpg?v=1690543061\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ChasingM2ProMaxunderwaterDronetopaccessory2.jpg?v=1690543061\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Underwater Drone\",\"sku\":\"UDCHAS001A\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-m2-pro-max-underwater-rov\",\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Maximum Speed\",\"value\":\"3 knots\"},{\"@type\":\"PropertyValue\",\"name\":\"Maximum Diving Depth\",\"value\":\"200 meters\"},{\"@type\":\"PropertyValue\",\"name\":\"Maximum Horizontal Radius\",\"value\":\"400 meters\"},{\"@type\":\"PropertyValue\",\"name\":\"Motor Type\",\"value\":\"Second-generation anti-stuck motor (C-MOTOR 2.0)\"},{\"@type\":\"PropertyValue\",\"name\":\"Power Increase\",\"value\":\"30% more power\"}]}\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\":\"CHASING M2 Pro Max Underwater ROV\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-m2-pro-max-underwater-rov\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-m2-pro-max-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-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\"\u003eCHASING M2 Pro Max 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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\" 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=\"#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 industrial-grade underwater operations, this remote operated vehicle features eight vectored thrusters for full 360-degree omnidirectional movement. It reaches depths of 200 meters and a 400-meter horizontal radius, powered by second-generation anti-stuck motors. With a five-port docking station and tool-free accessory assembly, it integrates up to five professional tools simultaneously for complex enterprise 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\"\u003eMaximum Speed: 3 knots\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMaximum Diving Depth: 200 meters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMaximum Horizontal Radius: 400 meters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMotor Type: Second-generation anti-stuc...\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePower Increase: 30% more power\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\/m2promaxwithreel1500.jpg?v=1690543061\" alt=\"chasing m2 pro max underwater drone reel\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003echasing m2 pro max underwater drone reel\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 a five-port docking station and tool-free accessory assembly, it integrates up to five professional tools simultaneously for complex enterprise missions.\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\/Chasing%20M2Pro%20Maxunderwater%20Drone%20Main.jpg?v=1690543061\" alt=\"m2 pro max best underwater drone\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003em2 pro max best 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\"\u003eMaximum Speed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3 knots\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Diving Depth\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\"\u003eMaximum Horizontal Radius\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e400 meters\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\"\u003eMotor 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\"\u003eMotor Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSecond-generation anti-stuck motor (C-MOTOR 2.0)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePower Increase\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e30% more power\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\"\u003ePower 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\"\u003eShore-Based Power Supply System\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eOptional accessory (C-SPSS)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOutput Power\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1500 W\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eLighting 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\"\u003eExternal LED Fill Lights\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e8000-lumen\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\"\u003e150°\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\"\u003eAccessory 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\"\u003eNumber of Accessories Supported\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMore than 20\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAccessory Installation\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eTool-free quick assembly and disassembly\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\"\u003eIntegration 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\"\u003eNumber of Ports\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFive\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAccessory Mounting\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUp to five accessories can be mounted at a time\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\/Chasing%20M2Pro%20Maxunderwater%20Dronetopaccessory2.jpg?v=1690543061\" alt=\"m2 pro max chasing best underwater rover drone\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003em2 pro max chasing best underwater rover 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!-- 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\"\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\"\u003eROV Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIndustrial-grade remote operated vehicle (ROV)\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\"\u003eEight vectored thrusters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMovement\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e360-degree omnidirectional movements\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\"\u003eCHASING M2 Pro Max 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\"\u003eUDCHAS001A\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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$6,994.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\"\u003eCHASING M2 Pro Max 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\"\u003ePDF manuals available \u003cspan class=\"rc-resource-count\"\u003e(1)\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"rc-resource-description\"\u003eUser manuals, quick starts, or datasheets are available for this product family.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-resource-pill\"\u003eAvailable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-resource-item rc-resource-item-static\"\u003e\n \u003cspan class=\"rc-resource-icon\"\u003e🌐\u003c\/span\u003e\n \u003cdiv class=\"rc-resource-content\"\u003e\n \u003ch3 class=\"rc-resource-title\"\u003eOfficial product pages available \u003cspan class=\"rc-resource-count\"\u003e(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":"Chasing","offers":[{"title":"Default Title","offer_id":52449706508631,"sku":"UDCHAS001A","price":6994.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/m2promaxwithreel1500.jpg?v=1767463119"},{"product_id":"chasing-m2-pro-industrial-grade-underwater-drone","title":"Chasing M2 Pro Industrial Grade 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=\"Chasing M2 Pro Industrial Grade Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing M2 Pro Industrial Grade Underwater Drone, Chasing, Underwater Drone, underwater-drone, 8 Vectored Thrusters, 4K EIS Camera, Hybrid Power Support, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing M2 Pro Industrial Grade 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 | Chasing M2 Pro Industrial Grade Underwater Drone\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing M2 Pro Industrial Grade 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\/chasing-m2-pro-industrial-grade-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\/m2proadvancedpackageg.jpg?v=1717395297\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing M2 Pro Industrial Grade Underwater Drone - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ChasingM2Protop.png?v=1717395297\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ChasingM2ProFront.png?v=1717395297\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"3499.00\"\u003e\n \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n \u003c!-- Twitter Card --\u003e\n \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Chasing M2 Pro Industrial Grade Underwater Drone\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing M2 Pro Industrial Grade 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\/m2proadvancedpackageg.jpg?v=1717395297\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing M2 Pro Industrial Grade Underwater Drone\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"3499.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDR-CHA-43A5\"\u003e\n \n \u003cmeta property=\"product:mfr_part_no\" content=\"Standard \/ Robot Arm 2.0\"\u003e\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\":\"Chasing M2 Pro Industrial Grade Underwater Drone\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include 4 Knots (2 m\/s) speed, Max Depth: 150m (490ft), Horizontal Radius: 200m (650ft), and Camera Resolution: 4 K \/ 12MP.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/m2proadvancedpackageg.jpg?v=1717395297\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ChasingM2Protop.png?v=1717395297\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ChasingM2ProFront.png?v=1717395297\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Underwater Drone\",\"sku\":\"UDR-CHA-43A5\",\"mpn\":\"Standard \/ Robot Arm 2.0\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-m2-pro-industrial-grade-underwater-drone\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-m2-pro-industrial-grade-underwater-drone\",\"priceCurrency\":\"USD\",\"price\":\"3499.00\",\"availability\":\"https:\/\/schema.org\/InStock\",\"itemCondition\":\"https:\/\/schema.org\/NewCondition\",\"seller\":{\"@type\":\"Organization\",\"name\":\"TheRoboCraft\",\"url\":\"https:\/\/therobocraft.com\"},\"shippingDetails\":{\"@type\":\"OfferShippingDetails\",\"shippingDestination\":{\"@type\":\"DefinedRegion\",\"addressCountry\":\"US\"}},\"warranty\":{\"@type\":\"WarrantyPromise\",\"durationOfWarranty\":{\"@type\":\"QuantitativeValue\",\"value\":\"Manufacturer standard warranty applies. Contact Chasing support for specific industrial terms.\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":6,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Max Speed\",\"value\":\"4 Knots (2 m\/s)\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Depth\",\"value\":\"150m (490ft)\"},{\"@type\":\"PropertyValue\",\"name\":\"Horizontal Radius\",\"value\":\"200m (650ft)\"},{\"@type\":\"PropertyValue\",\"name\":\"Camera Resolution\",\"value\":\"4K \/ 12MP\"},{\"@type\":\"PropertyValue\",\"name\":\"LED Brightness\",\"value\":\"4000 Lumens\"},{\"@type\":\"PropertyValue\",\"name\":\"Motor Power\",\"value\":\"150 W Anti-Stuck\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How long can this product operate on a single battery charge?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The standard 300Wh lithium battery provides approximately 2.5 hours of runtime. For extended missions, the optional 700Wh battery increases operation time to 5 hours, or the AC shore power system can be used for unlimited battery life.\"}},{\"@type\":\"Question\",\"name\":\"What is the maximum current this ROV can withstand?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Equipped with upgraded 150W anti-stuck motors, this drone can resist water flows of up to 4 knots (2m\/s) in all directions, making it suitable for offshore and high-flow environments.\"}},{\"@type\":\"Question\",\"name\":\"Can I mount multiple accessories at once?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the M2 Pro is designed to be highly expandable. It is compatible with sophisticated attachments such as grabber claws, floodlights, laser scalers, USBL positioning, and multibeam sonar to meet various industrial needs.\"}}]}\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\":\"Chasing M2 Pro Industrial Grade Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-m2-pro-industrial-grade-underwater-drone\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-m2-pro-industrial-grade-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 #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\"\u003eChasing M2 Pro Industrial Grade 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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\"\u003eManufacturer 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 professional maritime operations, this light industrial ROV features an eight-vectored thruster layout for full omnidirectional movement. It reaches depths of 150 meters at speeds up to 4 knots, powered by upgraded 150W anti-stuck motors. With support for AC\/DC hybrid power and a 4K EIS stabilized camera, it provides a reliable, high-performance solution for complex underwater inspections and search-and-rescue 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\"\u003eMax Speed: 4 Knots (2 m\/s)\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Depth: 150m (490ft)\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eHorizontal Radius: 200m (650ft)\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCamera Resolution: 4 K \/ 12MP\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLED Brightness: 4000 Lumens\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMotor Power: 150 W Anti-Stuck\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\/m2proadvancedpackageg.jpg?v=1717395297\" alt=\"Packaging and contents\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003ePackaging and contents\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ABOUT THIS PRODUCT --\u003e\n \n \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eEngineered for professional maritime operations, this light industrial ROV features an eight-vectored thruster layout for full omnidirectional movement.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eMaritime inspectors use the OMNI movement to conduct detailed hull and dock assessments without dry-docking vessels.\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 maritime inspectors, search and rescue organizations, aquaculture facility managers, and scientific researchers requiring a portable yet industrial-grade underwater observation platform.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003ePerform 360-degree omnidirectional movements in any posture.\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;\"\u003eResist water currents up to 4 knots (2m\/s) during stationary observation.\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;\"\u003eDive to a maximum depth of 150 meters for deep-water industrial tasks.\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;\"\u003eCapture 4K video and 12-megapixel photos with Sony CMOS sensor technology.\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\/Chasing%20M2Protop.png?v=1717395297\" alt=\"Top-down view\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eTop-down 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\"\u003eFlight \u0026amp; Motion 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 Speed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 Knots (2 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\"\u003eMaximum Depth\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e150 meters (490 feet)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Horizontal Radius\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e200 meters (650 feet)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eThruster Layout\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e8 Vectored Thrusters\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 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\"\u003eImage Sensor\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\"\u003eVideo Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 K\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\"\u003e12 Megapixels\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\"\u003e152°\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLens Aperture\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eF1.8\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eImage Stabilization\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-2\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePower \u0026amp; Battery\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 Battery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e300 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOptional Battery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e700 Wh\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 (Standard)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eApprox. 2.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 Life (Optional 700Wh)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 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\"\u003ePower Supply Support\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAC \u0026amp; DC Hybrid\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Description\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLithium-Ion\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\"\u003ePropulsion 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\"\u003eMotor Power\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e150 W\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMotor Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAnti-Stuck Motor\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePower Upgrade\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e50% increase over Chasing M2\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 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\"\u003eWeight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e\u0026lt; 6 kg (13lbs)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBody Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAluminum Alloy\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLED Lighting\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4000 Lumens (2x 2000lm)\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\/Chasing%20M2Pro%20Front.png?v=1717395297\" alt=\"Front view\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eFront 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=\"11\"\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(11 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 Chasing M2 Pro Underwater ROV\u003c\/li\u003e\n\u003cli\u003e1x 300Wh Lithium Battery\u003c\/li\u003e\n\u003cli\u003e1x Remote Control\u003c\/li\u003e\n\u003cli\u003e1x Hand Reel Tether\u003c\/li\u003e\n\u003cli\u003e1x Foam Carrying Case (Standard Package)\u003c\/li\u003e\n\u003cli\u003e1x Hard Carrying Case (Advanced\/Professional Packages)\u003c\/li\u003e\n\u003cli\u003e1x 128G SD Card\u003c\/li\u003e\n\u003cli\u003e2x 300Wh Batteries (Advanced Package Only)\u003c\/li\u003e\n\u003cli\u003e1x Dual LED Flood Lights (Advanced\/Professional Packages)\u003c\/li\u003e\n\u003cli\u003e1x Continuous Shore Power System (Professional Package Only)\u003c\/li\u003e\n\u003cli\u003e1x Carrying Case for Continuous Shore Power System (Professional Package Only)\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\u003e700 Wh Replaceable Battery (Optional accessory)\u003c\/li\u003e\n\u003cli\u003eAC Power Supply (Optional accessory for Standard\/Advanced packages)\u003c\/li\u003e\n\u003cli\u003eGrabber Claw\u003c\/li\u003e\n\u003cli\u003eLaser Scaler\u003c\/li\u003e\n\u003cli\u003eUSBL Underwater Positioning System\u003c\/li\u003e\n\u003cli\u003eMultibeam Sonar\u003c\/li\u003e\n\u003cli\u003eControl Console (High-brightness Screen)\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 long can this product operate on a single battery charge?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe standard 300Wh lithium battery provides approximately 2.5 hours of runtime. For extended missions, the optional 700Wh battery increases operation time to 5 hours, or the AC shore power system can be used for unlimited battery life.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat is the maximum current this ROV can withstand?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eEquipped with upgraded 150W anti-stuck motors, this drone can resist water flows of up to 4 knots (2m\/s) in all directions, making it suitable for offshore and high-flow environments.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan I mount multiple accessories at once?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the M2 Pro is designed to be highly expandable. It is compatible with sophisticated attachments such as grabber claws, floodlights, laser scalers, USBL positioning, and multibeam sonar to meet various industrial needs.\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\"\u003eMovement Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eOmni-directional (OMNI)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDepth Control\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eOne-key depth setting\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDeployment Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eQuick-Deployment in 3 minutes\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\"\u003eRemovable Micro SD card\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperation Mode\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eRemote Control\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eUser Requirement\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSingle person operation\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 with fresh water to remove salt and debris\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck thrusters for any obstructions or tangled materials\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the tether for kinks or sheath damage\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the Micro SD card slot and battery compartment seals are clean and dry\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing M2 Pro Industrial Grade 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\"\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-CHA-43A5\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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\"\u003eStandard \/ Robot Arm 2.0\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$3,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\"\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\"\u003eChasing M2 Pro Industrial Grade 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(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":"Chasing","offers":[{"title":"Default Title","offer_id":52449721188695,"sku":"UDR-CHA-43A5","price":3499.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/m2proadvancedpackageg.jpg?v=1767463558"},{"product_id":"chasing-gladius-mini-s-underwater-drone-new","title":"Chasing Gladius Mini S 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=\"Chasing Gladius Mini S Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing Gladius Mini S Underwater Drone, Chasing, Underwater Drone, underwater-drone, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing Gladius Mini S 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 | Chasing Gladius Mini S Underwater Drone\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing Gladius Mini S 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\/chasing-gladius-mini-s-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\/products\/chasing-gladius-mini-s-100-underwater-drone-4k-uhd-camera-gms100-chasing-d57.jpg?v=1733953060\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing Gladius Mini S Underwater Drone - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/GladiusMiniSonside.jpg?v=1733953060\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/GladiusMiniSremotecontrol.jpg?v=1733953060\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"1299.00\"\u003e\n \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n \u003c!-- Twitter Card --\u003e\n \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Chasing Gladius Mini S Underwater Drone\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing Gladius Mini S 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\/products\/chasing-gladius-mini-s-100-underwater-drone-4k-uhd-camera-gms100-chasing-d57.jpg?v=1733953060\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing Gladius Mini S Underwater Drone\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"1299.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS007A\"\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\":\"Chasing Gladius Mini S Underwater Drone\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include 4 knots speed, 4 hours runtime, 70% Increase runtime, and Depth Rating: 100 meters.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/chasing-gladius-mini-s-100-underwater-drone-4k-uhd-camera-gms100-chasing-d57.jpg?v=1733953060\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/GladiusMiniSonside.jpg?v=1733953060\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/GladiusMiniSremotecontrol.jpg?v=1733953060\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Underwater Drone\",\"sku\":\"UDCHAS007A\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-gladius-mini-s-underwater-drone\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-gladius-mini-s-underwater-drone\",\"priceCurrency\":\"USD\",\"price\":\"1299.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\":3,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Maximum Speed\",\"value\":\"4 knots\"},{\"@type\":\"PropertyValue\",\"name\":\"Runtime Battery\",\"value\":\"4 hours\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Life Increase\",\"value\":\"70% Increase\"},{\"@type\":\"PropertyValue\",\"name\":\"Depth Rating\",\"value\":\"100 meters\"},{\"@type\":\"PropertyValue\",\"name\":\"Maximum Horizontal Radius\",\"value\":\"200 meters (660FT)\"}]}\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\":\"Chasing Gladius Mini S Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-gladius-mini-s-underwater-drone\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-gladius-mini-s-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 #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\"\u003eChasing Gladius Mini S 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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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=\"#inclusions\" class=\"rc-hero-quicklink\"\u003eIncluded\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 underwater exploration, this portable ROV features a robust aluminum alloy body and a high-performance 4K EIS camera. It delivers an impressive four-hour runtime and reaches depths of 100 meters, supported by patented anti-stuck motor technology. With a 200-meter horizontal radius and versatile accessory mounts for grabber claws or action cameras, it provides a reliable platform for professional inspections and creative photography.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eMaximum Speed: 4 knots\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eRuntime Battery: 4 hours\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Life Increase: 70% Increase\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDepth Rating: 100 meters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMaximum Horizontal Radius: 200 meters (660FT)\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\/chasing-gladius-mini-s-100-underwater-drone-4k-uhd-camera-gms100-chasing-d57.jpg?v=1733953060\" alt=\"Base detail\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eBase detail\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;\"\u003eProsumers, divers, and safety inspectors looking for a portable, reliable underwater ROV for photography and inspection tasks.\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\/Gladius%20Mini%20Sonside.jpg?v=1733953060\" alt=\"Gladius Mini S Unboxing\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eGladius Mini S Unboxing\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\"\u003eRuntime Battery\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\"\u003eBattery Life Increase\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e70% Increase\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\"\u003e100 meters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Speed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 knots\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Horizontal Radius\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e200 meters (660FT)\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 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\"\u003eImage Stabilization\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 K+EIS Image Stabilization and F1.8 Aperture\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 and 1080p\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\"\u003e12 megapixel\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCamera Sensor\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\"\u003eLED Lights\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2400 lumen\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 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\"\u003eBody Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ealuminum alloy\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\"\u003eless than 3 kg \/ 6lbs\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 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\"\u003eRemote Control\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eProfessional Direct-Connect Remote Controller\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eConnection Method\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003econnected directly by cable\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\"\u003eHDMI\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\"\u003eStorage 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\"\u003eMemory Card Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMicro SD\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMemory Card Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e64 G\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\"\u003eAdditional Features\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\"\u003eAnti-Stuck Motor Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eadopted to greatly reduce the failure probability of the motor getting stuck in the sand\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eGrabber Claw Compatibility\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ecompatible\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\/Gladius%20Mini%20Sremotecontrol.jpg?v=1733953060\" 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=\"9\" 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(9 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 Tether Cable \u0026amp; Winder (200 meter)\u003c\/li\u003e\n\u003cli\u003e1x Sports Camera Mount (Go Pro, etc)\u003c\/li\u003e\n\u003cli\u003e1x Remote Controller\u003c\/li\u003e\n\u003cli\u003e1x Remote Controller Sun Shade\u003c\/li\u003e\n\u003cli\u003e1x 3A Power Cord\u003c\/li\u003e\n\u003cli\u003e1x 3A Power Adapter\u003c\/li\u003e\n\u003cli\u003e1x Type-C Cable\u003c\/li\u003e\n\u003cli\u003e1x Lightning Cable\u003c\/li\u003e\n\u003cli\u003e1x Micro-USB 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\u003eGrabber Claw\u003c\/li\u003e\n\u003cli\u003eGo Pro Camera\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 \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\"\u003eMotor Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003epatented Anti-Stuck Motor technology\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\"\u003ecan operate safely and reliably in all kinds of complicated underwater environments\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eUser Interface\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUser Friendly Interaction\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSoftware APP\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003esupports live broadcast, Social media sharing, time-reducing photography, quick editing features, HDMI output\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\"\u003eChasing Gladius Mini S 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\"\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\"\u003eUDCHAS007A\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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,299.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\"\u003eChasing Gladius Mini S 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":"Chasing","offers":[{"title":"Default Title","offer_id":52449721516375,"sku":"UDCHAS007A","price":1299.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/chasing-gladius-mini-s-100-underwater-drone-4k-uhd-camera-gms100-chasing-d57.jpg?v=1767463558"},{"product_id":"chasing-m2-s-underwater-drone","title":"Chasing M2 S 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=\"Chasing M2 S Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing M2 S Underwater Drone, Chasing, Underwater Drone, underwater-drone, Omnidirectional Movement, Neptune X Intelligent Flight Control, Apex Anti-stuck C-Motor 3, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing M2 S 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 | Chasing M2 S Underwater Drone\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing M2 S 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\/chasing-m2-s-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\/withremoteandreel_c36980c9-318d-4b78-a78b-d18ce9573e5f.jpg?v=1693231479\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing M2 S Underwater Drone - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/sideright.jpg?v=1693231479\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/sideleft.jpg?v=1693231479\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"2699.00\"\u003e\n \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n \u003c!-- Twitter Card --\u003e\n \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Chasing M2 S Underwater Drone\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing M2 S 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\/withremoteandreel_c36980c9-318d-4b78-a78b-d18ce9573e5f.jpg?v=1693231479\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing M2 S Underwater Drone\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"2699.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS004A\"\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\":\"Chasing M2 S Underwater Drone\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include Maximum Depth: 100 m \/ 330 ft, 4 Hours runtime, Video Resolution: 4 K Ultra HD, and Thruster Configuration: 8 Vectored Thrusters.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/withremoteandreel_c36980c9-318d-4b78-a78b-d18ce9573e5f.jpg?v=1693231479\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/sideright.jpg?v=1693231479\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/sideleft.jpg?v=1693231479\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Underwater Drone\",\"sku\":\"UDCHAS004A\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-m2-s-underwater-drone\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-m2-s-underwater-drone\",\"priceCurrency\":\"USD\",\"price\":\"2699.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\":\"Warranty Card included; terms per manufacturer standard industrial policy.\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":4.5,\"unitCode\":\"KGM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Maximum Depth\",\"value\":\"100 m \/ 330 ft\"},{\"@type\":\"PropertyValue\",\"name\":\"Maximum Runtime\",\"value\":\"4 Hours\"},{\"@type\":\"PropertyValue\",\"name\":\"Video Resolution\",\"value\":\"4K Ultra HD\"},{\"@type\":\"PropertyValue\",\"name\":\"Thruster Configuration\",\"value\":\"8 Vectored Thrusters\"},{\"@type\":\"PropertyValue\",\"name\":\"LED Brightness\",\"value\":\"4000 Lumens\"},{\"@type\":\"PropertyValue\",\"name\":\"Operating Radius\",\"value\":\"200 m (Extendable to 400 m)\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Can the battery be replaced in the field?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, this product features a swappable battery compartment. The default 97.68Wh battery can be quickly exchanged for a fresh unit or an optional 200Wh high-capacity battery to minimize downtime during long missions.\"}},{\"@type\":\"Question\",\"name\":\"How does the anti-stuck motor technology work?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Apex Anti-stuck C-Motor 3.0 utilizes a unique anti-stuck solution and magnet protection technology. This design significantly reduces electrochemical corrosion and rust aggregation caused by motor wear, ensuring the thrusters remain reliable even in environments with sediment or debris.\"}},{\"@type\":\"Question\",\"name\":\"What is the maximum depth and range of this ROV?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This product is rated for a maximum depth of 100 meters (330 feet). It comes with a standard operating radius of 200 meters, which can be extended up to 400 meters with optional tether upgrades.\"}},{\"@type\":\"Question\",\"name\":\"Does the camera support live streaming?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the system supports online live streaming and social media sharing. It also features an HDMI output on the remote controller for connecting to external monitors or broadcast equipment.\"}}]}\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\":\"Chasing M2 S Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-m2-s-underwater-drone\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-m2-s-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 #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\"\u003eChasing M2 S 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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\"\u003eManufacturer 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 industrial-grade exploration, this revolutionary underwater robot features an open-body design and an advanced Neptune X intelligent flight control system. With eight symmetrical vectored-thrusters and anti-stuck C-Motor 3.0 technology, it delivers stable 360-degree omnidirectional movement. Capable of diving to 100 meters with a four-hour runtime, it captures stunning 4K stabilized video and 12-megapixel imagery for professional inspections 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\"\u003eMaximum Depth: 100 m \/ 330 ft\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMaximum Runtime: 4 Hours\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eVideo Resolution: 4 K Ultra HD\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eThruster Configuration: 8 Vectored Thrusters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eLED Brightness: 4000 Lumens\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eOperating Radius: 200 m (Extendable to 400 m)\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\/withremoteandreel_c36980c9-318d-4b78-a78b-d18ce9573e5f.jpg?v=1693231479\" 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 industrial-grade exploration, this revolutionary underwater robot features an open-body design and an advanced Neptune X intelligent flight control system.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eProfessional marine inspectors, commercial divers, aquaculture managers, and scientific researchers who require a portable, reliable, and highly maneuverable ROV for industrial applications.\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;\"\u003ePerform 360-degree omnidirectional maneuvers in complex underwater environments.\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;\"\u003eMaintain stable depth and orientation against ocean waves using Kalman fusion algorithms.\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;\"\u003eCapture 8X slow-motion video at 720p\/240fps for detailed analysis of moving objects.\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;\"\u003eDive to a maximum depth of 100 meters for deep-water structural inspections.\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\/sideright.jpg?v=1693231479\" alt=\"Side profile\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eSide profile\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\"\u003eROV Physical 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\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e380 x 267 x 165 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\"\u003e4.5 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Depth\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100 m (330 ft)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Temperature\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-10℃ to 45℃\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eForward Load\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3.2 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eUpward Load\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2.6 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\"\u003eCamera 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\"\u003eCMOS Sensor\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1\/2.3 inch\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLens Aperture\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eF2.8\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eFocus Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0.3m to infinity\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\"\u003e150°\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Image Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e12 Megapixel\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eImage 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-2\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eVideo Recording\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\"\u003e4 K Video Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3840x2160 @ 25\/30fps\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eFHD Video Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1920x1080 @ 25\/30\/50\/60\/100\/120fps\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSlow Motion (8X)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1280x720 @ 30fps (240fps)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSlow Motion (4X)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1920x1080 @ 30fps (120fps)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Video Bitrate\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e60 M\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\"\u003eMP4\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\"\u003eLighting \u0026amp; Sensors\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 Brightness\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2 x 2000 Lumens\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eColor Temperature\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5000 K - 5500K\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eIMU\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAxis gyro\/accelerometer\/compass\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDepth Sensor Accuracy\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e\u0026lt;±0.25m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTemperature Sensor Accuracy\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e\u0026lt;±2℃\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\"\u003eRemote Controller\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\"\u003e2500 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\"\u003eRuntime\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e≥6 Hours (environment dependent)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWireless Connectivity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eWi-Fi supported\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHDMI Output\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSupported\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDevice Support\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 10 inch tablets\/phones\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\"\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\"\u003eROV Battery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e97.68 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eROV Runtime\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 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\"\u003eCharger Output\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e25.2 V \/ 2.9 A\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eROV Charging Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.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\"\u003eRemote Controller Charging Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2 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 Life\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 \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\/sideleft.jpg?v=1693231479\" alt=\"Side profile\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eSide profile\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=\"13\"\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(13 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 M2 S ROV vehicle\u003c\/li\u003e\n\u003cli\u003e1x M2 S remote control\u003c\/li\u003e\n\u003cli\u003e1x M2 S left thruster\u003c\/li\u003e\n\u003cli\u003e1x M2 S right thruster\u003c\/li\u003e\n\u003cli\u003e1x Manual Reel\u003c\/li\u003e\n\u003cli\u003e1x M2 Universal Charger\u003c\/li\u003e\n\u003cli\u003e1x Adapter cable (US)\u003c\/li\u003e\n\u003cli\u003e1x EPP Carrying case\u003c\/li\u003e\n\u003cli\u003e1x M2 charging adapter cable\u003c\/li\u003e\n\u003cli\u003e1x Towel\u003c\/li\u003e\n\u003cli\u003e1x Go Pro mount\u003c\/li\u003e\n\u003cli\u003e1x ROV Maintenance Manual (General Edition)\u003c\/li\u003e\n\u003cli\u003e1x Warranty Card\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\u003e200 Wh Backup Battery (Optional accessory)\u003c\/li\u003e\n\u003cli\u003e400m Extended Tether (Optional upgrade)\u003c\/li\u003e\n\u003cli\u003eExternal sensors or specialized grabber arms\u003c\/li\u003e\n\u003cli\u003eTablet or Smartphone for display\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\"\u003eCan the battery be replaced in the field?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, this product features a swappable battery compartment. The default 97.68Wh battery can be quickly exchanged for a fresh unit or an optional 200Wh high-capacity battery to minimize downtime during long 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-stuck motor technology work?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe Apex Anti-stuck C-Motor 3.0 utilizes a unique anti-stuck solution and magnet protection technology. This design significantly reduces electrochemical corrosion and rust aggregation caused by motor wear, ensuring the thrusters remain reliable even in environments with sediment or debris.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat is the maximum depth and range of this ROV?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis product is rated for a maximum depth of 100 meters (330 feet). It comes with a standard operating radius of 200 meters, which can be extended up to 400 meters with optional tether upgrades.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eDoes the camera support live streaming?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the system supports online live streaming and social media sharing. It also features an HDMI output on the remote controller for connecting to external monitors or broadcast equipment.\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 System\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eC-Sense Control System\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eFlight Control\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNeptune X Intelligent Flight Control System\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMotor Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eApex Anti-stuck C-Motor 3.0\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eImaging Algorithm\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCHASING Aquavision\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\"\u003eElectronic Image Stabilization (EIS)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eIncluded Storage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e64 GB Micro SD Card\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 thrusters thoroughly with fresh water after saltwater use\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eDry the unit with the included towel before storage\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect thrusters for debris or entanglement\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eRefer to the included ROV Maintenance Manual (General Edition) for detailed interval procedures\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing M2 S 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\"\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\"\u003eUDCHAS004A\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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$2,699.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\"\u003eChasing M2 S 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(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":"Chasing","offers":[{"title":"100 meters \/ No robot Arm","offer_id":52449721385303,"sku":"UDCHAS004A","price":2699.0,"currency_code":"USD","in_stock":true},{"title":"100 meters \/ Include Arm","offer_id":52449721418071,"sku":"UDCHAS004B","price":3398.0,"currency_code":"USD","in_stock":true},{"title":"200 meters \/ No robot Arm","offer_id":52449721450839,"sku":"UDCHAS004C","price":2899.0,"currency_code":"USD","in_stock":true},{"title":"200 meters \/ Include Arm","offer_id":52449721483607,"sku":"UDCHAS004D","price":3798.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/withremoteandreel_c36980c9-318d-4b78-a78b-d18ce9573e5f.jpg?v=1767463558"},{"product_id":"chasing-m2-s-underwater-drone-value-bundle","title":"Chasing M2 Pro Industrial Underwater ROV for Inspection","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"Chasing M2 S Underwater Drone Value Bundle - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing M2 S Underwater Drone Value Bundle, Chasing, Underwater Drone, underwater-drone, 8 Vectored-Thrusters, C-Motor 3, Neptune X Navigation, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing M2 S Underwater Drone Value Bundle\u003c\/title\u003e\n \n \u003c!-- Performance: Preload critical resources --\u003e\n \n \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n \n \u003c!-- Open Graph \/ Social Media --\u003e\n \n \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Chasing M2 S Underwater Drone Value Bundle\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing M2 S Underwater Drone Value Bundle - 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\/chasing-m2-s-underwater-drone-value-bundle\"\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\/CHASINGM2SLite.jpg?v=1719680633\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing M2 S Underwater Drone Value Bundle - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/M2SAdvancedSet.jpg?v=1719680633\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/m2Swhatsinbox_98ebad75-20d0-4d26-8ea8-e30e0a1b44aa.jpg?v=1719680633\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"2499.00\"\u003e\n \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n \u003c!-- Twitter Card --\u003e\n \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Chasing M2 S Underwater Drone Value Bundle\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing M2 S Underwater Drone Value Bundle - 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\/CHASINGM2SLite.jpg?v=1719680633\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing M2 S Underwater Drone Value Bundle\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"2499.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"M2SVALPAK100\"\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\":\"Chasing M2 S Underwater Drone Value Bundle\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include Max Depth: 100 Meters, 4 Hours runtime, Video Resolution: 4 K with EIS, and Photo Resolution: 12 Megapixels.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/CHASINGM2SLite.jpg?v=1719680633\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/M2SAdvancedSet.jpg?v=1719680633\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/m2Swhatsinbox_98ebad75-20d0-4d26-8ea8-e30e0a1b44aa.jpg?v=1719680633\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Underwater Drone\",\"sku\":\"M2SVALPAK100\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-m2-s-underwater-drone-value-bundle\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-m2-s-underwater-drone-value-bundle\",\"priceCurrency\":\"USD\",\"price\":\"2499.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 on the ROV; 6 Month Warranty on the Battery.\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Max Depth\",\"value\":\"100 Meters\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Runtime\",\"value\":\"4 Hours\"},{\"@type\":\"PropertyValue\",\"name\":\"Video Resolution\",\"value\":\"4K with EIS\"},{\"@type\":\"PropertyValue\",\"name\":\"Photo Resolution\",\"value\":\"12 Megapixels\"},{\"@type\":\"PropertyValue\",\"name\":\"Operating Radius\",\"value\":\"200 Meters\"},{\"@type\":\"PropertyValue\",\"name\":\"Thruster Count\",\"value\":\"8 Vectored\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How does the anti-stuck motor technology work?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Apex Anti-stuck C-Motor 3.0 uses a unique magnet protection technology and a specialized anti-stuck solution. This design significantly reduces electrochemical corrosion and aggregation rust caused by motor wear, ensuring the thrusters remain operational even in environments with debris or high mineral content.\"}},{\"@type\":\"Question\",\"name\":\"Can this drone maintain its position in moving water?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the NeptuneX intelligent flight control system utilizes a Kalman inertial navigation fusion depth observation method. This greatly reduces the impact of ocean waves and currents, allowing the ROV to maintain a stable depth and direction even under external force interference.\"}},{\"@type\":\"Question\",\"name\":\"Is the battery user-replaceable in the field?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Chasing M2 S features a swappable battery compartment that is ready for quick use. You can easily swap the default 97.68Wh battery for a fresh one or upgrade to the 200Wh backup battery to meet the needs of long-duration industrial operations.\"}}]}\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\":\"Chasing M2 S Underwater Drone Value Bundle\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-m2-s-underwater-drone-value-bundle\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-m2-s-underwater-drone-value-bundle\"\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\"\u003eChasing M2 S Underwater Drone Value\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eBundle\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \n \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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=\"#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 industrial-grade underwater exploration, this versatile ROV features an innovative eight-vectored thruster layout for full 360-degree omnidirectional movement. It reaches depths of 100 meters with a 200-meter operating radius, powered by anti-stuck C-Motor 3.0 technology. Integrated 4K EIS stabilization and the Neptune X flight control system ensure crystal-clear imaging and precise stability even in challenging marine currents.\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: 100 Meters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Runtime: 4 Hours\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eVideo Resolution: 4 K with EIS\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePhoto Resolution: 12 Megapixels\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eOperating Radius: 200 Meters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eThruster Count: 8 Vectored\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\/CHASINGM2SLite.jpg?v=1719680633\" 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;\"\u003eIntegrated 4K EIS stabilization and the Neptune X flight control system ensure crystal-clear imaging and precise stability even in challenging marine currents.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eProfessional marine inspectors, aquaculture managers, search and rescue teams, and advanced underwater cinematographers requiring a portable yet industrial-strength ROV.\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;\"\u003eOmnidirectional Maneuvering\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003ePerform complex 360-degree movements including lateral slides and vertical climbs.\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;\"\u003eDepth Stabilization\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eMaintain a fixed depth automatically using Kalman inertial navigation fusion.\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;\"\u003eHigh-Speed Slow Motion\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eCapture fast underwater action with 720p 8x (240fps) recording capabilities.\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 Inspection\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eCarry and operate a robotic arm for sample collection or debris removal.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/M2SAdvanced%20Set.jpg?v=1719680633\" 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\"\u003eMovement \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\"\u003eThruster Configuration\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e8 Vectored-thrusters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMovement Direction\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e360-degree omnidirectional\u003c\/span\u003e\n \u003c\/div\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\"\u003e100 meters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Radius\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\"\u003eExtendable Distance\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e400 meters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eControl System\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNeptune X intelligent flight control\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 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\"\u003eVideo Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 K\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eImage Stabilization\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\"\u003eAperture\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eF2.8\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\"\u003e12 Megapixels\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePhoto Formats\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\"\u003eSlow Motion (720p)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e8x (240fps)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eImaging Algorithm\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCHASING Aquavision\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\"\u003ePower \u0026amp; Battery\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\"\u003eDefault Battery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e97.68 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOptional Battery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e200 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Runtime\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 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 Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLithium-Ion\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMotor Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eApex Anti-stuck C-Motor 3.0\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-3\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePhysical \u0026amp; Storage\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\"\u003eBody Design\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eOpen-body with Butterfly wing outline\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\"\u003eRemovable SD memory card\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperation Mode\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eRemote Control\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePortability\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSingle-person operation\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\/m2Swhatsinbox_98ebad75-20d0-4d26-8ea8-e30e0a1b44aa.jpg?v=1719680633\" alt=\"Packaging and contents\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003ePackaging and contents\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"14\"\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(14 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 Chasing M2 S Underwater Drone\u003c\/li\u003e\n\u003cli\u003e1x Remote Controller\u003c\/li\u003e\n\u003cli\u003e1x 100m or 200m Tether (depending on bundle selection)\u003c\/li\u003e\n\u003cli\u003e1x Manual Tether Winder\u003c\/li\u003e\n\u003cli\u003e1x Power Cord \u0026amp; 3-in-1 Charger\u003c\/li\u003e\n\u003cli\u003e1x Carrying Case (Trolley Case included in Standard\/Advanced bundles)\u003c\/li\u003e\n\u003cli\u003e1x Robotic Arm (included in Value Pack\/Advanced bundles)\u003c\/li\u003e\n\u003cli\u003e1x 64GB Removable SD Memory Card\u003c\/li\u003e\n\u003cli\u003e1x Go Pro Mounting Base\u003c\/li\u003e\n\u003cli\u003e1x Sunshade for Remote Controller\u003c\/li\u003e\n\u003cli\u003e1x Type-C to Type-C Data Cable\u003c\/li\u003e\n\u003cli\u003e1x Type-C to Micro-USB Data Cable\u003c\/li\u003e\n\u003cli\u003e1x Type-C to Lighting Data Cable\u003c\/li\u003e\n\u003cli\u003e1x M3*8 Screws and O-rings kit\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\u003e200 Wh High-Capacity Backup Battery (Optional upgrade)\u003c\/li\u003e\n\u003cli\u003e400m Extended Tether (Optional purchase)\u003c\/li\u003e\n\u003cli\u003eExternal LED Floodlights (Optional accessory)\u003c\/li\u003e\n\u003cli\u003eLaser Scaler (Optional accessory)\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 the anti-stuck motor technology work?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe Apex Anti-stuck C-Motor 3.0 uses a unique magnet protection technology and a specialized anti-stuck solution. This design significantly reduces electrochemical corrosion and aggregation rust caused by motor wear, ensuring the thrusters remain operational even in environments with debris or high mineral content.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan this drone maintain its position in moving water?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the Neptune X intelligent flight control system utilizes a Kalman inertial navigation fusion depth observation method. This greatly reduces the impact of ocean waves and currents, allowing the ROV to maintain a stable depth and direction even under external force interference.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs the battery user-replaceable in the field?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe Chasing M2 S features a swappable battery compartment that is ready for quick use. You can easily swap the default 97.68Wh battery for a fresh one or upgrade to the 200Wh backup battery to meet the needs of long-duration industrial operations.\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\"\u003eNavigation Method\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eKalman inertial navigation fusion depth observation\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMotor Protection\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMagnet protection technology against electrochemical corrosion\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eStructure Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFlagship Airtight waterproof structure\u003c\/span\u003e\n \u003c\/div\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\"\u003eC-Sense control system\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLive Streaming\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSupported via online platforms\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAssembly Required\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNo\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 thrusters thoroughly with fresh water to remove salt and debris.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the O-rings on the battery compartment and SD card slot for integrity.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eDry the charging ports and connectors completely before connecting to power.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck propellers for any entangled lines or physical damage.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eStore in a cool, dry place inside the provided carrying case.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing M2 S Underwater Drone Value Bundle\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\"\u003eM2SVALPAK100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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$2,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\"\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\"\u003eChasing M2 S Underwater Drone Value Bundle 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":"Chasing","offers":[{"title":"Lite \/ No Protection","offer_id":52449720893783,"sku":"M2SVALPAK100","price":2499.0,"currency_code":"USD","in_stock":true},{"title":"Lite \/ 1 Year Coverage","offer_id":52449720926551,"sku":null,"price":2499.0,"currency_code":"USD","in_stock":true},{"title":"Standard \/ No Protection","offer_id":52449720959319,"sku":"M2SVALPAK200","price":2850.0,"currency_code":"USD","in_stock":true},{"title":"Standard \/ 1 Year Coverage","offer_id":52449720992087,"sku":null,"price":3149.0,"currency_code":"USD","in_stock":true},{"title":"Advanced \/ No Protection","offer_id":52449721024855,"sku":null,"price":3399.0,"currency_code":"USD","in_stock":true},{"title":"Advanced \/ 1 Year Coverage","offer_id":52449721057623,"sku":null,"price":3698.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/CHASINGM2SLite.jpg?v=1767463558"},{"product_id":"e-reel-for-m2-or-gladius-mini-underwater-drones","title":"E-Reel for M2 or Gladius Mini Underwater Drones (without tether)","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=\"E-Reel for M2 or Gladius Mini Underwater Drones (without tether) - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"E-Reel for M2 or Gladius Mini Underwater Drones (without tether), Chasing, Drone Part, drone-part, Hands-Free Automatic Winding, Three-Speed Control, High-Endurance Battery, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | E-Reel for M2 or Gladius Mini Underwater Drones (without tether)\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 | E-Reel for M2 or Gladius Mini Underwater Drones (without tether)\"\u003e\n \u003cmeta property=\"og:description\" content=\"E-Reel for M2 or Gladius Mini Underwater Drones (without tether) - 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\/e-reel-for-m2-or-gladius-mini-underwater-drones-without-tether\"\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\/chasingereel2.jpg?v=1636845064\"\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=\"E-Reel for M2 or Gladius Mini Underwater Drones (without tether) - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/chasingereelwithm2.jpg?v=1636845063\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/chasingereel4.jpg?v=1636845060\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"699.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 | E-Reel for M2 or Gladius Mini Underwater Drones (without tether)\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"E-Reel for M2 or Gladius Mini Underwater Drones (without tether) - 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\/chasingereel2.jpg?v=1636845064\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"E-Reel for M2 or Gladius Mini Underwater Drones (without tether)\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"699.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS009\"\u003e\n \n \u003cmeta property=\"product:mfr_part_no\" content=\"Chasing M2, Chasing M2 S, Chasing M2 Pro, Gladius Mini\"\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\":\"E-Reel for M2 or Gladius Mini Underwater Drones (without tether)\",\"description\":\"Built for professional use. Verified specifications include Retrieval Time: 3.6 - 9 Minutes, 4800 m Ah battery capacity, Max Tether Support: 656\u0026#039; (200m), and Retrieval Cycles: 30 per charge. Hands-Free Automatic Winding - Eliminates the need for manual tether retrieval, allowing operators to focus on ROV data. Professional ROV pilots use this winder to significantly reduce the time between dives during multi-location inspections. Search and rescue teams benefit from the rapid 3.6-minute retrieval speed when every second counts during emergency deployments. Commercial divers and hull inspectors utilize the automatic winding to maintain a clean deck environment and prevent tether tangles in splash-prone areas.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/chasingereel2.jpg?v=1636845064\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/chasingereelwithm2.jpg?v=1636845063\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/chasingereel4.jpg?v=1636845060\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Drone Part\",\"sku\":\"UDCHAS009\",\"mpn\":\"Chasing M2, Chasing M2 S, Chasing M2 Pro, Gladius Mini\",\"url\":\"https:\/\/therobocraft.com\/products\/e-reel-for-m2-or-gladius-mini-underwater-drones-without-tether\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/e-reel-for-m2-or-gladius-mini-underwater-drones-without-tether\",\"priceCurrency\":\"USD\",\"price\":\"699.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\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Retrieval Time\",\"value\":\"3.6 - 9 Minutes\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"4800 mAh\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Tether Support\",\"value\":\"656' (200m)\"},{\"@type\":\"PropertyValue\",\"name\":\"Retrieval Cycles\",\"value\":\"30 per charge\"},{\"@type\":\"PropertyValue\",\"name\":\"Water Resistance\",\"value\":\"IP65\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Hands-Free Automatic Winding - Eliminates the need for manual tether retrieval, allowing operators to focus on ROV data.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Three-Speed Control - Offers adjustable retrieval rates to suit different environmental conditions and deployment depths.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Endurance Battery - The 4800mAh internal battery provides enough power for up to 30 full retrievals on a single charge.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"IP65 Weatherproofing - Built to withstand splashes and spray on boat decks or docks during active maritime operations.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Integrated Power Display - Features a clear readout to monitor remaining battery life during field missions.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Can this winder be used if the battery runs out during a dive?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, this product includes a manual crank handle that allows you to manually retrieve the tether in the event of a battery failure or if you prefer manual control. This ensures your ROV can always be recovered safely from the water.\"}},{\"@type\":\"Question\",\"name\":\"How many retrieval speeds are available on this device?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This electronic winder features three distinct retrieval speeds. Depending on the speed selected and the length of the tether, retrieval times typically range from 3.6 minutes to 9 minutes for a full 200-meter cable.\"}},{\"@type\":\"Question\",\"name\":\"Is the E-Reel fully submersible?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, the unit is IP65-rated, which means it is resistant to water splashes and rain, making it ideal for use on boat decks or shorelines. However, it should not be submerged in water as it is not rated for underwater operation.\"}}]}\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\":\"E-Reel for M2 or Gladius Mini Underwater Drones (without tether)\",\"item\":\"https:\/\/therobocraft.com\/products\/e-reel-for-m2-or-gladius-mini-underwater-drones-without-tether\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/e-reel-for-m2-or-gladius-mini-underwater-drones-without-tether\"\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\"\u003eE-Reel for M2 or Gladius Mini Underwater Drones\u003c\/span\u003e\u003cspan class=\"rc-title-variant\"\u003e(without tether)\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \n \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\"\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;\"\u003eStreamline underwater operations by replacing tedious manual tether winding with this high-efficiency electronic winder. Capable of retrieving up to 200 meters of cable in as little as 3.6 minutes, it provides up to 30 deployments on a single charge. This IP65-rated accessory ensures rapid deployment and recovery for professional ROV pilots working in demanding maritime 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\"\u003eRetrieval Time: 3.6 - 9 Minutes\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 4800 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Tether Support: 656' (200m)\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eRetrieval Cycles: 30 per charge\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWater Resistance: IP65\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\/chasingereel2.jpg?v=1636845064\" alt=\"E-Reel for M2 or Gladius Mini 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\"\u003eE-Reel for M2 or Gladius Mini 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;\"\u003eStreamline underwater operations by replacing tedious manual tether winding with this high-efficiency electronic winder.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eThis IP65-rated accessory ensures rapid deployment and recovery for professional ROV pilots working in demanding maritime 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;\"\u003eDesigned for professional ROV operators and enterprise users of Chasing M2 and Gladius Mini series drones who require efficient, hands-free tether management in the field.\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;\"\u003eAutomatically roll up or unroll up to 200 meters of tether cable.\u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e2\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eExecute full tether retrieval in a minimum time of 3.6 minutes.\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;\"\u003eSupport up to 30 deployment and retrieval cycles on a single full charge.\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 manual mechanical retrieval via the included crank handle.\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\/chasingereelwithm2.jpg?v=1636845063\" alt=\"E-Reel for M2 or Gladius Mini 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\"\u003eE-Reel for M2 or Gladius Mini Underwater Drones - 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\"\u003ePerformance\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\"\u003eRetrieval Time (Minimum)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3.6 minutes\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eRetrieval Time (Maximum)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e9 minutes\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eRetrieval Speeds\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3 selectable speeds\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMax Supported Tether Length\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e656 feet (200 meters)\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\"\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\"\u003e4800 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\"\u003eRetrievals Per Charge\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 30 times\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Cycle Life\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e300 charge cycles\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 Properties\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\"\u003eIncluded Connection Tether\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e9.8 feet (3 meters)\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 Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIP65\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\/chasingereel4.jpg?v=1636845060\" alt=\"E-Reel for M2 or Gladius Mini 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\"\u003eE-Reel for M2 or Gladius Mini Underwater Drones - 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=\"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 CHASING E-Reel Rechargeable Electronic Winder\u003c\/li\u003e\n\u003cli\u003e1x Manual Crank Handle\u003c\/li\u003e\n\u003cli\u003e1x 9.8' (3m) Tether Connection Cable\u003c\/li\u003e\n\u003cli\u003e1x Dedicated Charger\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\u003eMain Deployment Tether (100m or 200m lengths sold separately)\u003c\/li\u003e\n\u003cli\u003eCHASING M2 Underwater Drone\u003c\/li\u003e\n\u003cli\u003eCHASING Gladius Mini 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\"\u003eCan this winder be used if the battery runs out during a dive?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, this product includes a manual crank handle that allows you to manually retrieve the tether in the event of a battery failure or if you prefer manual control. This ensures your ROV can always be recovered safely from the water.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow many retrieval speeds are available on this device?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis electronic winder features three distinct retrieval speeds. Depending on the speed selected and the length of the tether, retrieval times typically range from 3.6 minutes to 9 minutes for a full 200-meter cable.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs the E-Reel fully submersible?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, the unit is IP65-rated, which means it is resistant to water splashes and rain, making it ideal for use on boat decks or shorelines. However, it should not be submerged in water as it is not rated for underwater operation.\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\"\u003eChasing M2, Chasing M2 S, Chasing M2 Pro, Gladius Mini\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eProtection Technologies\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eBattery protection, Anti-explosion cable support\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDisplay Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIntegrated Power Display\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eManual Mode\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSupported via included crank handle\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharging Method\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDedicated external charger (included)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eEnvironmental Resistance\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFatigue and friction resistant design\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 M2 or Gladius Mini Underwater Drones (without tether)\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\"\u003eRinse with fresh water after exposure to saltwater environments\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eDry thoroughly before storage to maintain IP65 integrity\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCharge the battery at least once every 3 months if not in regular use\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the 3m connection tether for friction damage or fatigue\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\"\u003eE-Reel for M2 or Gladius Mini Underwater Drones (without tether)\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\"\u003eUDCHAS009\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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\"\u003eChasing M2, Chasing M2 S, Chasing M2 Pro, Gladius Mini\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$699.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\"\u003eE-Reel for M2 or Gladius Mini Underwater Drones (without tether) 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":"Chasing","offers":[{"title":"Default Title","offer_id":52449722040663,"sku":"UDCHAS009","price":699.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/chasingereel2.jpg?v=1767463564"},{"product_id":"chasing-hand-reel-for-m2-or-gladius-mini-underwater-drones","title":"Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether)","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether) - drone part specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether), Chasing, Drone Part, drone-part, Anti-blast Automatic Wiring, IP65 Weather Resistance, High-Precision Drive, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether)\u003c\/title\u003e\n \n \u003c!-- Performance: Preload critical resources --\u003e\n \n \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n \n \u003c!-- Open Graph \/ Social Media --\u003e\n \n \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether)\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether) - drone part specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/chasing-hand-reel-for-m2-or-gladius-mini-underwater-drones-without-tether\"\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\/B0A0800copy.jpg?v=1636844359\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether) - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/CHASINGReel-5copy.jpg?v=1636844357\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/handreelfull2.jpg?v=1636844355\"\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 | Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether)\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether) - drone part specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/B0A0800copy.jpg?v=1636844359\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether)\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"499.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS008\"\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\":\"Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether)\",\"description\":\"Built for professional use. Verified specifications include Max Tether Length 200 Meters, Waterproof Rating: IP65, Bearings: 14 Stainless Steel, and Drive System: Aluminum Alloy Belt. Anti-blast Automatic Wiring - Employs a stainless steel reciprocating lead-screw to ensure smooth, tangle-free cable retrieval. Marine professionals use this reel for efficient tether management during hull and infrastructure inspections. Search and rescue teams utilize the anti-blast wiring to ensure rapid, tangle-free ROV retrieval in critical situations. Underwater photographers and researchers benefit from the organized cable storage when operating from shore or ship decks in challenging weather conditions.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/B0A0800copy.jpg?v=1636844359\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/CHASINGReel-5copy.jpg?v=1636844357\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/handreelfull2.jpg?v=1636844355\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Drone Part\",\"sku\":\"UDCHAS008\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-hand-reel-for-m2-or-gladius-mini-underwater-drones-without-tether\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-hand-reel-for-m2-or-gladius-mini-underwater-drones-without-tether\",\"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\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Max Tether Length\",\"value\":\"200 Meters\"},{\"@type\":\"PropertyValue\",\"name\":\"Waterproof Rating\",\"value\":\"IP65\"},{\"@type\":\"PropertyValue\",\"name\":\"Bearings\",\"value\":\"14 Stainless Steel\"},{\"@type\":\"PropertyValue\",\"name\":\"Drive System\",\"value\":\"Aluminum Alloy Belt\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Anti-blast Automatic Wiring - Employs a stainless steel reciprocating lead-screw to ensure smooth, tangle-free cable retrieval.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"IP65 Weather Resistance - Comprehensive waterproofing protects against water splashing and dust for shore or ship-based use.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Precision Drive - Features 14 specialized stainless steel bearings and an aluminum alloy synchronous belt for smooth operation.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Universal Compatibility - Designed specifically for GLADIUS MINI, GLADIUS MINI S, CHASING M2, and CHASING M2 PRO drones.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Versatile Cable Support - Accommodates replaceable tether lengths of 50 meters, 100 meters, and 200 meters.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Is the tether cable included with this hand reel?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, this product is the hand reel only and does not include a tether cable. It is designed for users who already own a tether or wish to purchase a specific length (50m, 100m, or 200m) separately for use with their Chasing ROV.\"}},{\"@type\":\"Question\",\"name\":\"Can this reel be used in rainy or wet conditions?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the reel features an IP65 waterproof and dust-proof grade. This construction prevents water splashing from damaging the internal mechanisms, making it safe for use on the shore or on a ship deck during operation.\"}},{\"@type\":\"Question\",\"name\":\"How does the anti-blast automatic wiring design work?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The system utilizes a high-quality stainless steel reciprocating lead-screw and 14 specialized bearings. As you reel in the tether, this mechanism automatically guides the line back and forth across the spool to ensure it is wound smoothly and evenly without tangling.\"}}]}\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\":\"Chasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether)\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-hand-reel-for-m2-or-gladius-mini-underwater-drones-without-tether\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-hand-reel-for-m2-or-gladius-mini-underwater-drones-without-tether\"\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\"\u003eChasing Hand Reel for M2 or Gladius Mini Underwater Drones\u003c\/span\u003e\u003cspan class=\"rc-title-variant\"\u003e(without tether)\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \n \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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=\"#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;\"\u003eStreamline underwater operations with this professional-grade manual retrieval system. Engineered to eliminate tether tangling, it features an IP65-rated waterproof construction and an advanced anti-blast automatic wiring design. With 14 specialized stainless steel bearings and a high-precision aluminum alloy drive, it ensures smooth, reliable cable management for tethers up to 200 meters in length.\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 Tether Length: 200 Meters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWaterproof Rating: IP65\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBearings: 14 Stainless Steel\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDrive System: Aluminum Alloy Belt\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\/B0A0800copy.jpg?v=1636844359\" alt=\"Chasing Hand Reel for M2 or Gladius Mini 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\"\u003eChasing Hand Reel for M2 or Gladius Mini 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;\"\u003eStreamline underwater operations with this professional-grade manual retrieval system.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eEngineered to eliminate tether tangling, it features an IP65-rated waterproof construction and an advanced anti-blast automatic wiring design.\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 researchers using Chasing M2 or Gladius series drones who require reliable, weather-resistant cable management for long-distance underwater missions.\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;\"\u003ePrevents tether tangling during high-speed ROV retrieval.\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;\"\u003eSupports manual winding of tethers up to 200 meters in length.\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;\"\u003eAutomates even line distribution via reciprocating lead-screw 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;\"\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 environmental ingress with IP65-rated dust and water protection.\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\/CHASINGReel-5copy.jpg?v=1636844357\" alt=\"Chasing Hand Reel for M2 or Gladius Mini 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\"\u003eChasing Hand Reel for M2 or Gladius Mini Underwater Drones - 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\"\u003eMechanical 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\"\u003eBearing Count\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e14 specialized bearings\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBearing Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eStainless steel\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDrive System\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHigh precision aluminum alloy synchronous belt\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWiring Mechanism\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHigh quality stainless steel reciprocating lead-screw\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWiring Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAnti-blast Automatic Wiring Design\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eCapacity \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\"\u003eMaximum Tether Support\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\"\u003eSupported Tether Lengths\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e50 meters, 100 meters, 200 meters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDrone Compatibility (Gladius)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eGLADIUS MINI, GLADIUS MINI S\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDrone Compatibility (Chasing)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCHASING M2, CHASING M2 PRO\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\/handreelfull2.jpg?v=1636844355\" alt=\"Chasing Hand Reel for M2 or Gladius Mini 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\"\u003eChasing Hand Reel for M2 or Gladius Mini Underwater Drones - 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=\"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 Chasing Hand Reel (Manual Retrieval System)\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\u003eTether Cable (50m, 100m, or 200m)\u003c\/li\u003e\n\u003cli\u003eUnderwater Drone (GLADIUS MINI, GLADIUS MINI S, CHASING M2, or CHASING M2 PRO)\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 tether cable included with this hand reel?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, this product is the hand reel only and does not include a tether cable. It is designed for users who already own a tether or wish to purchase a specific length (50m, 100m, or 200m) separately for use with their Chasing ROV.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan this reel be used in rainy or wet conditions?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the reel features an IP65 waterproof and dust-proof grade. This construction prevents water splashing from damaging the internal mechanisms, making it safe for use on the shore or on a ship deck during operation.\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-blast automatic wiring design work?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe system utilizes a high-quality stainless steel reciprocating lead-screw and 14 specialized bearings. As you reel in the tether, this mechanism automatically guides the line back and forth across the spool to ensure it is wound smoothly and evenly without tangling.\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\"\u003eWaterproof Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIP65\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperation Mode\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eManual Hand Reel\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eUsage Environment\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eShore or Ship-based\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDrive Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAluminum Alloy\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCable Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eReplaceable\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 M2 or Gladius Mini Underwater Drones (without tether)\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 or saltwater environments\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse the entire reel with fresh water to remove salt and debris\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eWipe down the stainless steel reciprocating lead-screw\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the aluminum alloy synchronous belt for any signs of wear\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the 14 bearings are free of sand or grit\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether)\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\"\u003eUDCHAS008\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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\"\u003eChasing Hand Reel for M2 or Gladius Mini Underwater Drones (without tether) 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":"Chasing","offers":[{"title":"Default Title","offer_id":52449722138967,"sku":"UDCHAS008","price":499.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/B0A0800copy.jpg?v=1767463565"},{"product_id":"chasing-f1-fish-finder-drone-wireless-underwater-fishing-camera","title":"Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing 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=\"Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing Camera - drone specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing Camera, Chasing, Drone, drone, 360° Rotatable Camera, GPS Smart Cruise, EIS Stabilization, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing 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 | Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing Camera\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing Camera - drone specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/chasing-f1-pro-fish-finder-drone-wireless-underwater-fishing-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\/files\/FtB4rogt3cPmtHq9PaByEf7qa6VQ.png?v=1699465232\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing Camera - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/FrJQHu81iS9CZW6XWR3NygCRn3rc.png?v=1699465232\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/FvHSCaTCYvexiSCVK1YgDeDtWDLH.png?v=1699465232\"\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 | Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing Camera\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing Camera - drone specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/FtB4rogt3cPmtHq9PaByEf7qa6VQ.png?v=1699465232\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing Camera\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"799.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS090\"\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\":\"Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing Camera\",\"description\":\"Designed for aerial operations and imaging workflows. Verified specifications include 6 Hours runtime, Max Depth: 20 Meters, Camera Rotation: 360° Horizontal, and 4800 m Ah battery capacity.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/FtB4rogt3cPmtHq9PaByEf7qa6VQ.png?v=1699465232\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/FrJQHu81iS9CZW6XWR3NygCRn3rc.png?v=1699465232\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/FvHSCaTCYvexiSCVK1YgDeDtWDLH.png?v=1699465232\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Drone\",\"sku\":\"UDCHAS090\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-f1-pro-fish-finder-drone-wireless-underwater-fishing-camera\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-f1-pro-fish-finder-drone-wireless-underwater-fishing-camera\",\"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 for Drone; 6 Month Battery Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Max Runtime\",\"value\":\"6 Hours\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Depth\",\"value\":\"20 Meters\"},{\"@type\":\"PropertyValue\",\"name\":\"Camera Rotation\",\"value\":\"360° Horizontal\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Capacity\",\"value\":\"4800 mAh\"},{\"@type\":\"PropertyValue\",\"name\":\"Thrusters\",\"value\":\"4 Vector Thrusters\"},{\"@type\":\"PropertyValue\",\"name\":\"Control Range\",\"value\":\"30m - 60m\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How does the rotatable camera handle underwater currents?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The camera features an arc streamlined design specifically engineered to reduce hydraulic resistance. Combined with EIS (Electronic Image Stabilization) technology, it maintains a stable image even when impacted by underwater currents, ensuring clear visuals of fish and terrain.\"}},{\"@type\":\"Question\",\"name\":\"What is the maximum depth and how is the cable managed?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This product can lower its camera detector to a maximum depth of 20 meters. It features a built-in automatic cable reel that allows you to lift or lower the camera smoothly via the app, preventing the tangles commonly associated with manual lines.\"}},{\"@type\":\"Question\",\"name\":\"Can I use this drone to deliver bait to specific spots?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the drone is designed to mount an optional bait boat accessory. Using the built-in communication and power ports, you can remotely trigger the release of nesting materials at your marked fishing spots with a single click in the app.\"}}]}\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\",\"item\":\"https:\/\/therobocraft.com\/collections\/drone\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Chasing F1 PRO Fish Finder Drone Wireless Underwater Fishing Camera\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-f1-pro-fish-finder-drone-wireless-underwater-fishing-camera\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-f1-pro-fish-finder-drone-wireless-underwater-fishing-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-prosumer\"\u003e\n \u003ca href=\"#main-content\" class=\"rc-sr-only\"\u003eSkip to main content\u003c\/a\u003e\n \u003cdiv id=\"main-content\" class=\"rc-wrap\" role=\"main\"\u003e\n \n \u003cstyle\u003e\n \/* ── RoboCraft brand header animations ─────────────────────── *\/\n @keyframes rcLogoGlow {\n 0%, 100% { box-shadow: 0 0 8px #0A84FF33, 0 0 2px #0A84FF22; }\n 50% { box-shadow: 0 0 22px #0A84FF55, 0 0 8px #0A84FF44; }\n }\n @keyframes rcAccentSweep {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n @keyframes rcBorderRotate {\n 0% { --rc-angle: 0deg; }\n 100% { --rc-angle: 360deg; }\n }\n @property --rc-angle {\n syntax: '\u003cangle\u003e';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes rcFadeSlideIn {\n 0% { opacity: 0; transform: translateY(-8px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes rcSubtitleReveal {\n 0% { opacity: 0; letter-spacing: 8px; }\n 100% { opacity: 1; letter-spacing: 3px; }\n }\n @keyframes rcBadgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 #93C5FD44, 0 2px 8px rgba(0,0,0,0.35); }\n 50% { box-shadow: 0 0 0 3px #93C5FD22, 0 2px 8px rgba(0,0,0,0.35); }\n }\n @keyframes rcDotPulse {\n 0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 4px #93C5FD; }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 8px #93C5FD, 0 0 14px #93C5FD88; }\n }\n \/* Header border glow rotate *\/\n #the-robo-craft .rcb-header {\n animation: rcFadeSlideIn 0.5s ease-out both, rcBorderRotate 6s linear infinite !important;\n border-radius: 14px !important;\n border: 1px solid transparent !important;\n background-image: linear-gradient(#181c24, #1e2330),\n conic-gradient(from var(--rc-angle, 0deg), #0A84FF55, #0EA5E9, #0A84FF, #1E40AF, #0A84FF55) !important;\n background-origin: border-box !important;\n background-clip: padding-box, border-box !important;\n }\n \/* TheRoboCraft logo box glow *\/\n #the-robo-craft .rcb-logo-wrap {\n animation: rcLogoGlow 3s ease-in-out infinite !important;\n }\n #the-robo-craft .rcb-logo-wrap:hover {\n transform: scale(1.06) !important;\n border-color: #0A84FF55 !important;\n }\n #the-robo-craft .rcb-logo-wrap:hover .rcb-logo-img {\n transform: scale(1.08) !important;\n }\n #the-robo-craft .rcb-name-highlight {\n text-shadow: 0 0 16px #0A84FF55 !important;\n }\n #the-robo-craft .rcb-subtitle {\n animation: rcSubtitleReveal 0.8s ease-out 0.3s both !important;\n }\n \/* Accent sweep line *\/\n #the-robo-craft .rcb-accent-line {\n position: relative !important;\n overflow: hidden !important;\n }\n #the-robo-craft .rcb-accent-line::after {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 30%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n animation: rcAccentSweep 4s ease-in-out infinite;\n }\n \/* Category badge animation *\/\n #the-robo-craft .rcb-cat-badge {\n animation: rcBadgePulse 3s ease-in-out infinite, rcFadeSlideIn 0.5s ease-out 0.1s both !important;\n }\n #the-robo-craft .rcb-cat-badge:hover {\n transform: translateY(-1px) !important;\n filter: brightness(1.1) !important;\n }\n #the-robo-craft .rcb-cat-dot {\n animation: rcDotPulse 2.5s ease-in-out infinite !important;\n }\n \/* Manufacturer logo entry *\/\n #the-robo-craft .rcb-mfr-logo {\n animation: rcFadeSlideIn 0.5s ease-out 0.2s both !important;\n }\n #the-robo-craft .rcb-mfr-box:hover {\n border-color: rgba(255,255,255,0.18) !important;\n transform: translateY(-1px) !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n }\n #the-robo-craft .rc-brand-mfr-fallback {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-width:36px;\n height:28px;\n padding:0 4px;\n border-radius:8px;\n color:rgba(255,255,255,0.92);\n font-size:13px;\n font-weight:800;\n letter-spacing:0.8px;\n text-transform:uppercase;\n background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));\n border:1px solid rgba(255,255,255,0.08);\n position:relative;\n z-index:1;\n }\n \/* Vertical separator *\/\n #the-robo-craft .rcb-sep {\n width: 1px;\n height: 28px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n flex-shrink: 0;\n }\n #the-robo-craft .rcb-inner {\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:18px;\n }\n #the-robo-craft .rcb-left {\n display:flex;\n align-items:center;\n gap:14px;\n min-width:0;\n flex:1 1 auto;\n }\n #the-robo-craft .rcb-copy {\n display:flex;\n flex-direction:column;\n gap:5px;\n min-width:0;\n }\n #the-robo-craft .rcb-right {\n display:flex;\n align-items:center;\n justify-content:flex-end;\n gap:12px;\n flex:0 0 auto;\n flex-wrap:wrap;\n margin-left:auto;\n }\n #the-robo-craft .rcb-mfr-box {\n min-height:42px;\n min-width:60px;\n }\n \/* Responsive: stack on mobile *\/\n @media (max-width: 760px) {\n #the-robo-craft .rcb-inner {\n padding: 12px 14px !important;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n #the-robo-craft .rcb-left {\n width: 100%;\n justify-content: center;\n gap: 12px;\n }\n #the-robo-craft .rcb-copy {\n align-items: flex-start;\n }\n #the-robo-craft .rcb-right {\n width: 100%;\n justify-content: center;\n gap: 8px !important;\n }\n #the-robo-craft .rcb-cat-badge {\n padding: 7px 12px !important;\n }\n #the-robo-craft .rcb-cat-badge span:last-child {\n display: inline !important;\n font-size: 9px !important;\n letter-spacing: 1.1px !important;\n }\n #the-robo-craft .rcb-sep {\n display: none !important;\n }\n #the-robo-craft .rcb-mfr-box {\n min-height: 40px !important;\n padding: 6px 10px !important;\n }\n }\n @media (max-width: 520px) {\n #the-robo-craft .rcb-inner {\n padding: 10px 12px !important;\n gap: 8px !important;\n }\n #the-robo-craft .rcb-left {\n gap: 10px !important;\n }\n #the-robo-craft .rcb-logo-wrap {\n width: 42px !important;\n height: 42px !important;\n border-radius: 12px !important;\n }\n #the-robo-craft .rcb-logo-img {\n width: 24px !important;\n height: 24px !important;\n }\n #the-robo-craft .rcb-copy \u003e div:first-child span {\n font-size: 15px !important;\n }\n #the-robo-craft .rcb-subtitle {\n font-size: 7px !important;\n letter-spacing: 2px !important;\n }\n #the-robo-craft .rcb-right {\n flex-wrap: wrap;\n row-gap: 8px !important;\n }\n #the-robo-craft .rcb-cat-badge {\n min-height: 40px;\n padding: 7px 10px !important;\n border-radius: 10px !important;\n }\n #the-robo-craft .rcb-cat-badge span:last-child {\n font-size: 8.5px !important;\n letter-spacing: 1px !important;\n }\n #the-robo-craft .rcb-mfr-box {\n min-height: 38px !important;\n min-width: 48px !important;\n padding: 6px 8px !important;\n }\n #the-robo-craft .rcb-mfr-logo img,\n #the-robo-craft .rcb-brand-mfr-img {\n max-height: 24px !important;\n max-width: 78px !important;\n }\n #the-robo-craft .rc-brand-mfr-fallback {\n min-width: 28px !important;\n height: 24px !important;\n font-size: 11px !important;\n letter-spacing: 0.6px !important;\n }\n }\n \u003c\/style\u003e\n\n \u003csection id=\"the-robo-craft\" class=\"rc-brand-section\" aria-label=\"TheRoboCraft Verified Product Details\" style=\"margin-bottom:24px;padding:0;border:none;\"\u003e\n\n \u003c!-- ═══ MAIN HEADER BAR ═══════════════════════════════════════════ --\u003e\n \u003cdiv class=\"rcb-header\" style=\"position:relative;background:#181c24;padding:0;border-radius:14px;margin-bottom:0;overflow:hidden;\"\u003e\n\n \u003c!-- Ambient background glow --\u003e\n \u003cdiv style=\"position:absolute;top:-30%;left:-5%;width:200px;height:200%;\n background:radial-gradient(ellipse at center,#0A84FF18,transparent 70%);\n pointer-events:none;\"\u003e\u003c\/div\u003e\n\n \u003c!-- ── INNER ROW ─────────────────────────────────────────────── --\u003e\n \u003cdiv class=\"rcb-inner\" style=\"position:relative;z-index:1;padding:16px 24px;\"\u003e\n\n \u003c!-- LEFT: TheRoboCraft identity ──────────────────────────── --\u003e\n \u003cdiv class=\"rcb-left\" style=\"display:flex;align-items:center;gap:14px;flex-shrink:0;\"\u003e\n\n \u003c!-- Logo box with glow --\u003e\n \u003cdiv class=\"rcb-logo-wrap\" style=\"position:relative;\n background:linear-gradient(135deg,#1e2330,#252b38);\n border:1.5px solid rgba(255,255,255,0.1);\n border-radius:12px;width:42px;height:42px;\n display:flex;align-items:center;justify-content:center;\n flex-shrink:0;overflow:hidden;cursor:pointer;\n transition:transform 0.3s ease,border-color 0.3s ease;\"\u003e\n \u003c!-- Inner shimmer sweep --\u003e\n \u003cdiv style=\"position:absolute;top:0;left:-100%;width:100%;height:100%;\n background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);\n animation:rcAccentSweep 5s ease-in-out infinite;pointer-events:none;\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Round_Favicon.png?v=1768271895\" alt=\"TheRoboCraft\" class=\"rcb-logo-img\" style=\"width:26px;height:26px;border-radius:6px;display:block;\n border:none;position:relative;z-index:1;transition:transform 0.3s ease;\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Brand name + subtitle --\u003e\n \u003cdiv class=\"rcb-copy\" style=\"display:flex;flex-direction:column;gap:5px;\"\u003e\n \u003c!-- \"The Robo Craft\" with accent on \"Robo\" --\u003e\n \u003cdiv style=\"display:flex;align-items:baseline;gap:0;line-height:1;\"\u003e\n \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eThe\u003c\/span\u003e\n \u003cspan class=\"rcb-name-highlight\" style=\"font-size:17px;font-weight:800;\n color:#0A84FF;letter-spacing:-0.4px;\n font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eRobo\u003c\/span\u003e\n \u003cspan style=\"font-size:17px;font-weight:700;color:rgba(255,255,255,0.88);\n letter-spacing:-0.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003eCraft\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c!-- Subtitle with reveal animation --\u003e\n \u003cdiv class=\"rcb-subtitle\" style=\"font-size:8px;color:rgba(255,255,255,0.32);\n font-weight:600;letter-spacing:3px;text-transform:uppercase;line-height:1;\n font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\"\u003e\n Verified Product Details\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- RIGHT: Category badge only ── --\u003e\n \u003cdiv class=\"rcb-right\" style=\"display:flex;align-items:center;gap:12px;flex-shrink:0;\"\u003e\n\n \u003c!-- ── CATEGORY BADGE ─────────────────────────────────── --\u003e\n \u003cdiv class=\"rcb-cat-badge\" style=\"\n display:inline-flex;align-items:center;gap:8px;\n padding:8px 16px;\n background:rgba(30,64,175,0.9);\n border:1px solid rgba(96,165,250,0.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:#93C5FD;\n flex-shrink:0;\"\u003e\u003c\/span\u003e\n\n \u003c!-- Category label --\u003e\n \u003cspan style=\"\n font-size:10.5px;font-weight:700;\n color:#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\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \n\n \u003c\/div\u003e\n \u003c!-- end right side --\u003e\n \u003c\/div\u003e\n \u003c!-- end inner row --\u003e\n \u003c\/div\u003e\n \u003c!-- end main header --\u003e\n\n \u003c!-- ── ANIMATED ACCENT LINE ────────────────────────────────────── --\u003e\n \u003cdiv class=\"rcb-accent-line\" style=\"\n display:block;width:calc(100% - 20px);height:2px;\n margin:0 auto;border:none;border-radius:2px;\n background:linear-gradient(90deg,\n transparent 0%,\n #1E40AF 12%,\n #0A84FF 30%,\n #93C5FD 50%,\n #0A84FF 70%,\n #0369A1 88%,\n transparent 100%);\n background-size:200% 100%;\n animation:rcAccentFlow 4s ease-in-out infinite;\n opacity:0.75;\"\u003e\u003c\/div\u003e\n\n \u003c\/section\u003e\n \n\n \u003c!-- HERO SECTION --\u003e\n \n \u003csection class=\"rc-card rc-hero\" id=\"hero\" role=\"region\" aria-labelledby=\"hero-title\"\u003e\n \u003cdiv class=\"rc-hero-grid\"\u003e\u003c\/div\u003e\n \u003ch1 id=\"hero-title\" class=\"rc-hero-title\" style=\"\n margin: 10px auto 12px auto;\n font-size: clamp(30px, 5vw, 52px);\n font-weight: 700;\n line-height: 1.1;\n color: #0f172a;\n letter-spacing: -0.035em;\n text-align: center;\n max-width: 920px;\n \"\u003e\n\u003cspan class=\"rc-title-main\"\u003eChasing F1 PRO Fish Finder Drone Wireless Underwater Fishing\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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\u003eDrone\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=\"#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;\"\u003eRevolutionize your angling strategy with this advanced surface drone designed for precision fish finding and underwater observation. Featuring a 360-degree rotatable camera with EIS stabilization and a 20-meter depth capacity, it provides real-time HD visuals and environmental data. With a robust 6-hour runtime and GPS-enabled auto-cruising, it transforms traditional fishing into a high-tech, data-driven 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\"\u003eMax Runtime: 6 Hours\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Depth: 20 Meters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCamera Rotation: 360° Horizontal\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Capacity: 4800 m Ah\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eThrusters: 4 Vector Thrusters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eControl Range: 30m - 60m\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\/Ft%20B4rogt3c%20Pmt%20Hq9Pa%20By%20Ef7qa6VQ.png?v=1699465232\" 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;\"\u003eRevolutionize your angling strategy with this advanced surface drone designed for precision fish finding and underwater observation.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eDesigned for serious fishing enthusiasts and tech-savvy anglers who want to eliminate guesswork.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eDesigned for serious fishing enthusiasts and tech-savvy anglers who want to eliminate guesswork. It is ideal for those who require real-time underwater visuals and environmental data to improve their catch rate in lake and shore 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;\"\u003ePerform remote horizontal multi-directional movements on the water surface.\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;\"\u003eRecord and save multiple fishing spot coordinates via GPS.\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;\"\u003eAutomatically cruise between saved fishing spots for efficient scouting.\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;\"\u003eLower and raise the camera detector to a precise depth of up to 20 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\/Fr%20JQHu81i%20S9CZW6XWR3Nyg%20CRn3rc.png?v=1699465232\" 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\"\u003eCamera 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\"\u003eHorizontal Rotation\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e360°\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eUpward Angle of View\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e27.5°\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDownward Angle of View\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e75°\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eImage Stabilization\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\"\u003eLens Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eWide Angle\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eExposure Control\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\"\u003eRotatable Fishing Camera, Yellow\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eElectronics.us\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eOperational 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 Diving Depth\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e20 Meters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePropulsion\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4 Vector Thrusters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMovement\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMulti-directional Horizontal\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eControl Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e30m to 60m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eNavigation\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eGPS Cruise and Position Keeping\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\"\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\"\u003e4800 m Ah\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLithium\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eRuntime\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 6 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 Design\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eReplaceable\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; Storage\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 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\"\u003eAntenna\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDual-band\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\"\u003eSD Card\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\/Fv%20HSCa%20TCYvexi%20SCVK1Yg%20De%20Dt%20WDLH.png?v=1699465232\" 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=\"7\" 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(7 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 x Chasing F1 Pro Fish Finder Drone\u003c\/li\u003e\n\u003cli\u003e1 x Underwater Rotatable Camera\u003c\/li\u003e\n\u003cli\u003e1 x Dual-band Antenna\u003c\/li\u003e\n\u003cli\u003e1 x Plummet Assembly\u003c\/li\u003e\n\u003cli\u003e1 x Antenna Waterproof Rubber Sleeve\u003c\/li\u003e\n\u003cli\u003e1 x Battery Charger\u003c\/li\u003e\n\u003cli\u003e1 x Sonar Bracket \/ Stand\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\u003eSpherical Sonar (Deeper or Lucky models sold separately)\u003c\/li\u003e\n\u003cli\u003eOptional Bait Boat Attachment\u003c\/li\u003e\n\u003cli\u003eRemote Controller (Optional accessory, app control is standard)\u003c\/li\u003e\n\u003cli\u003eMicro SD Card for storage\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 the rotatable camera handle underwater currents?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe camera features an arc streamlined design specifically engineered to reduce hydraulic resistance. Combined with EIS (Electronic Image Stabilization) technology, it maintains a stable image even when impacted by underwater currents, ensuring clear visuals of fish and terrain.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat is the maximum depth and how is the cable managed?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis product can lower its camera detector to a maximum depth of 20 meters. It features a built-in automatic cable reel that allows you to lift or lower the camera smoothly via the app, preventing the tangles commonly associated with manual lines.\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 drone to deliver bait to specific spots?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the drone is designed to mount an optional bait boat accessory. Using the built-in communication and power ports, you can remotely trigger the release of nesting materials at your marked fishing spots with a single click in the app.\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\"\u003eCable Management\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eBuilt-in Automatic Reel\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSensing Sensors\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDepth, Temperature, Image\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMounting Compatibility\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDeeper Sonar, Lucky Sonar, Bait Boat\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eExpansion Ports\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCommunication and Power Ports\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eArc Streamlined for Hydraulic Resistance Reduction\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 use\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse the drone and camera with fresh water after use in silted or salt-affected areas.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the antenna waterproof rubber sleeve is properly seated before deployment.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck the automatic cable reel for any debris that might interfere with spooling.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eStore the 4800m Ah lithium 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\"\u003eChasing F1 PRO Fish Finder Drone Wireless Underwater Fishing 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\"\u003eDrone\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\"\u003eUDCHAS090\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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\"\u003eChasing F1 PRO Fish Finder Drone Wireless Underwater Fishing 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(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":"Chasing","offers":[{"title":"Default Title","offer_id":52449722171735,"sku":"UDCHAS090","price":799.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/FtB4rogt3cPmtHq9PaByEf7qa6VQ.png?v=1767463565"},{"product_id":"chasing-underwater-drone-tether-used-for-gladius-mini","title":"Tether for Chasing M2 and Gladius 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=\"Tether for Chasing M2 and Gladius Underwater Drones - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Tether for Chasing M2 and Gladius Underwater Drones, Chasing, Drone Part, drone-part, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Tether for Chasing M2 and Gladius 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 | Tether for Chasing M2 and Gladius Underwater Drones\"\u003e\n \u003cmeta property=\"og:description\" content=\"Tether for Chasing M2 and Gladius 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\/tether-for-chasing-m2-and-gladius-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\/ScreenShot2020-06-22at6.18.59PM.png?v=1636849615\"\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=\"Tether for Chasing M2 and Gladius Underwater Drones - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ScreenShot2020-06-22at6.22.21PM.png?v=1636849609\"\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 | Tether for Chasing M2 and Gladius Underwater Drones\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Tether for Chasing M2 and Gladius 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\/ScreenShot2020-06-22at6.18.59PM.png?v=1636849615\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Tether for Chasing M2 and Gladius Underwater Drones\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"199.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS037\"\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\":\"Tether for Chasing M2 and Gladius Underwater Drones\",\"description\":\"Built for professional use. Verified specifications include -50°C to 80°C reach, Color: Yellow, Operating Temperature: -122 ℉ to 176 ℉\/-50 ℃ to 80 ℃, and Tensile Capacity: ≥22 lbf\/10kgf.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ScreenShot2020-06-22at6.18.59PM.png?v=1636849615\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ScreenShot2020-06-22at6.22.21PM.png?v=1636849609\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Drone Part\",\"sku\":\"UDCHAS037\",\"url\":\"https:\/\/therobocraft.com\/products\/tether-for-chasing-m2-and-gladius-underwater-drones\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/tether-for-chasing-m2-and-gladius-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\"}}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Temp Range\",\"value\":\"-50°C to 80°C\"},{\"@type\":\"PropertyValue\",\"name\":\"Color\",\"value\":\"Yellow\"},{\"@type\":\"PropertyValue\",\"name\":\"Operating Temperature\",\"value\":\"-122 ℉ to 176 ℉\/-50 ℃ to 80 ℃\"},{\"@type\":\"PropertyValue\",\"name\":\"Tensile Capacity\",\"value\":\"≥22 lbf\/10kgf\"}]}\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\":\"Tether for Chasing M2 and Gladius Underwater Drones\",\"item\":\"https:\/\/therobocraft.com\/products\/tether-for-chasing-m2-and-gladius-underwater-drones\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/tether-for-chasing-m2-and-gladius-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 #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\"\u003eTether for Chasing M2 and Gladius 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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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=\"#compatibility\" class=\"rc-hero-quicklink\"\u003eCompatibility\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;\"\u003eHigh-visibility communication and recovery cable engineered for professional underwater ROV operations. Featuring a high-strength Kevlar core and multi-stranded tinned copper conductors, it supports depths up to 200 meters while maintaining structural integrity in extreme temperatures from -50°C to 80°C. This durable tether ensures lag-free 4K video transmission and reliable drone retrieval for Chasing M2 and Gladius series.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eTemp Range: -50°C to 80°C\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eColor: Yellow\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eOperating Temperature: -122 ℉ to 176 ℉\/-50 ℃ to 80 ℃\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eTensile Capacity: ≥22 lbf\/10kgf\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%20Shot2020-06-22at6.18.59PM.png?v=1636849615\" 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;\"\u003eHigh-visibility communication and recovery cable engineered for professional underwater ROV operations.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eThis durable tether ensures lag-free 4K video transmission and reliable drone retrieval for Chasing M2 and Gladius series.\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\/Screen%20Shot2020-06-22at6.22.21PM.png?v=1636849609\" 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\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\"\u003eColor\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eYellow\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\"\u003eThe conductor is multi-stranded tinned copper wire, and the filler is Kevlar bulletproof wire\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperating Temperature\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-122 ℉ to 176 ℉\/-50 ℃ to 80 ℃\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTensile Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e≥22 lbf\/10kgf\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\"\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\"\u003eMax 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\"\u003eTemp Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-50°C to 80°C\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eReinforcement\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eKevlar Wire\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 \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\"\u003eDeep Water Deployment\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eEnables ROV operations at depths of up to 200 meters depending on the selected variant\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHigh-Tension Recovery\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSupports a pulling force of 10kgf, allowing for safe retrieval of the drone in snagging situations\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eStable Data Transmission\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eProvides a hardwired connection for lag-free 4K video streaming and control signals\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAll-Weather Operation\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMaintains structural integrity in sub-zero arctic waters or hot tropical environments\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 Chasing M2 and Gladius Underwater Drones\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003ch3\u003eOperating Environment:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eOperating Temperature:\u003c\/strong\u003e -122 ℉ to 176 ℉\/-50 ℃ to 80 ℃\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\"\u003eTether for Chasing M2 and Gladius 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\"\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\"\u003eUDCHAS037\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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\"\u003eTether for Chasing M2 and Gladius Underwater Drones 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(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 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":"Chasing","offers":[{"title":"100 Meter","offer_id":52449722073431,"sku":"UDCHAS037","price":199.0,"currency_code":"USD","in_stock":true},{"title":"200 Meter","offer_id":52449722106199,"sku":"UDCHAS036","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/ScreenShot2020-06-22at6.18.59PM.png?v=1767463565"},{"product_id":"chasing-dory-underwater-rov","title":"Chasing Dory 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=\"Chasing Dory Underwater ROV - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing Dory Underwater ROV, Chasing, Underwater Drone, underwater-drone, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing Dory 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 | Chasing Dory Underwater ROV\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing Dory 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\/chasing-dory-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\/1_2c1c872f-47e0-4f79-bb2d-2be8b1fef0ce.jpg?v=1636843759\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing Dory Underwater ROV - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/CHAISNG_Dory_01_1ccf4e85-aa9c-40dd-815f-8f15981507c8.jpg?v=1636843757\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/B0A7667_0686d9b6-a1dc-47ee-9d03-9b506cd5f3af.jpg?v=1636843752\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"599.00\"\u003e\n \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n \u003c!-- Twitter Card --\u003e\n \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Chasing Dory Underwater ROV\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing Dory 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\/1_2c1c872f-47e0-4f79-bb2d-2be8b1fef0ce.jpg?v=1636843759\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing Dory Underwater ROV\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"599.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS089\"\u003e\n \n \u003cmeta property=\"product:mfr_part_no\" content=\"DORY01\"\u003e\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\":\"Chasing Dory Underwater ROV\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include \u0026lt;2.42lb weight, Product Name (Short): CHASING DORY （DORY01), Product Name (Long): CHASING DORY with 49ft tether, and Drone Dimensions 9.7\u0026quot;Lx7.4\u0026quot;Wx3.6\u0026quot;H.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/1_2c1c872f-47e0-4f79-bb2d-2be8b1fef0ce.jpg?v=1636843759\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/CHAISNG_Dory_01_1ccf4e85-aa9c-40dd-815f-8f15981507c8.jpg?v=1636843757\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/B0A7667_0686d9b6-a1dc-47ee-9d03-9b506cd5f3af.jpg?v=1636843752\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Underwater Drone\",\"sku\":\"UDCHAS089\",\"mpn\":\"DORY01\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-dory-underwater-rov\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-dory-underwater-rov\",\"priceCurrency\":\"USD\",\"price\":\"599.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\":2.42,\"unitCode\":\"LBR\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Drone Weight\",\"value\":\"\u003c2.42lb\"},{\"@type\":\"PropertyValue\",\"name\":\"Product Name (Short)\",\"value\":\"CHASING DORY （DORY01)\"},{\"@type\":\"PropertyValue\",\"name\":\"Product Name (Long)\",\"value\":\"CHASING DORY with 49ft tether\"},{\"@type\":\"PropertyValue\",\"name\":\"Drone Dimensions\",\"value\":\"9.7\\\"Lx7.4\\\"Wx3.6\\\"H\"},{\"@type\":\"PropertyValue\",\"name\":\"Packaging Dimensions\",\"value\":\"13.4\\\"Lx10.6\\\"Wx9.84\\\"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\":\"Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/collections\/underwater-drone\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Chasing Dory Underwater ROV\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-dory-underwater-rov\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-dory-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\"\u003eChasing Dory 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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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;\"\u003eThe world's smallest and most affordable 5-thruster palm-sized underwaterdrone travels at speeds up to 3 knots and deep-dives up to 49 feet.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eDrone Weight: \u0026lt;2.42lb\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eProduct Name (Short): CHASING DORY （DORY01)\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eProduct Name (Long): CHASING DORY with 49ft tether\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDrone Dimensions: 9.7\"Lx7.4\"Wx3.6\"H\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePackaging Dimensions: 13.4\"Lx10.6\"Wx9.84\"H\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\/1_2c1c872f-47e0-4f79-bb2d-2be8b1fef0ce.jpg?v=1636843759\" 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 underwater inspection and exploration tasks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- CAPABILITIES --\u003e\n \n \u003csection class=\"rc-card rc-capabilities\" id=\"capabilities\" role=\"region\" aria-labelledby=\"capabilities-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier1\"\u003e\n \u003csummary\u003e\u003ch2 id=\"capabilities-title\" class=\"rc-section-title\"\u003eCapabilities\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cp style=\"margin:0 0 18px 0; font-size:14px; color:#64748b; line-height:1.8;\"\u003eCore product capabilities verified from source material and product data.\u003c\/p\u003e\n \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:18px;\"\u003e\n \n \u003cdiv class=\"rc-cap-card\" style=\"padding: 22px 24px; background: #ffffff; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 14px rgba(15,23,42,0.04);\"\u003e\n \u003cdiv style=\"width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #111827 0%, #334155 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700; margin-bottom:16px;\"\u003e1\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eConnectivity\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eWireless: Up to 50 ft\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;\"\u003eMotion Control Stack\u003c\/h3\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.8; color:#64748b;\"\u003eControl: Mobile app (i OS or Android)\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-strategic-image rc-strategic-image-detail\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/CHAISNG_Dory_01_1ccf4e85-aa9c-40dd-815f-8f15981507c8.jpg?v=1636843757\" 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\"\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 Name (Short)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCHASING DORY （DORY01)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eProduct Name (Long)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCHASING DORY with 49ft tether\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\"\u003eDrone Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e9.7\"Lx7.4\"Wx3.6\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDrone Weight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e\u0026lt;2.42lb\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePackaging Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e13.4\"Lx10.6\"Wx9.84\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePackaging Weight\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e8.2lb\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 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\"\u003eMaximum Speed\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3 knots (5' per second)\u003c\/span\u003e\n \u003c\/div\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\"\u003e49 feet\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Runtime\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 hour\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCharge Time\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2 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-3\"\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\"\u003eField of view\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100°\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\"\u003e1920 x 1080 at 30 fps\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLive-streaming Video\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e720p\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\"\u003e2 MP\u003c\/span\u003e\n \u003c\/div\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.9\" CMOS\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLens\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ef\/1.6\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\"\u003eTwo 250-lumen\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 and Connectivity\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eControl Method\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMobile app (i OS or Android)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWi-Fi Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 50 ft\u003c\/span\u003e\n \u003c\/div\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\"\u003e50 ft\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\/B0A7667_0686d9b6-a1dc-47ee-9d03-9b506cd5f3af.jpg?v=1636843752\" 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\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\"\u003eChasing Dory 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\"\u003eUDCHAS089\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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\"\u003eDORY01\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eStore price\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003e$599.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\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\"\u003eChasing Dory 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(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":"Chasing","offers":[{"title":"Default Title","offer_id":52449722237271,"sku":"UDCHAS089","price":599.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/1_2c1c872f-47e0-4f79-bb2d-2be8b1fef0ce.jpg?v=1767463564"},{"product_id":"micron-gemini-sonar-kit-for-underwater-imaging-with-chasing-m2-pro","title":"Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro","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=\"Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro - underwater drone specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro, Chasing, Underwater Drone, underwater-drone, Live Sonar Imaging, Dual-Platform Support, Versatile Mounting, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro\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 | Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro\"\u003e\n \u003cmeta property=\"og:description\" content=\"Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro - underwater drone specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/micron-gemini-sonar-kit-for-underwater-imaging-with-chasing-m2-pro\"\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\/microngeminisonarkitforchasingm2proinstalled.jpg?v=1712501604\"\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=\"Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/microngeminisonarkitforchasingm2pro.jpg?v=1712501604\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/microngeminisonarkitforchasingm2promountingbrackets.jpg?v=1712501604\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"1499.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 | Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro - underwater drone specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/microngeminisonarkitforchasingm2proinstalled.jpg?v=1712501604\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"1499.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"CHASINGGEMINISONAR\"\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\":\"Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include Compatibility: Chasing M2 Pro, Required Sonar: Tritech Gemini 720IM, Mounting Angles: 0° or 30°, and Data Feed: Real-Time.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/microngeminisonarkitforchasingm2proinstalled.jpg?v=1712501604\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/microngeminisonarkitforchasingm2pro.jpg?v=1712501604\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/microngeminisonarkitforchasingm2promountingbrackets.jpg?v=1712501604\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Underwater Drone\",\"sku\":\"CHASINGGEMINISONAR\",\"url\":\"https:\/\/therobocraft.com\/products\/micron-gemini-sonar-kit-for-underwater-imaging-with-chasing-m2-pro\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/micron-gemini-sonar-kit-for-underwater-imaging-with-chasing-m2-pro\",\"priceCurrency\":\"USD\",\"price\":\"1499.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\":\"Compatibility\",\"value\":\"Chasing M2 Pro\"},{\"@type\":\"PropertyValue\",\"name\":\"Required Sonar\",\"value\":\"Tritech Gemini 720IM\"},{\"@type\":\"PropertyValue\",\"name\":\"Mounting Angles\",\"value\":\"0° or 30°\"},{\"@type\":\"PropertyValue\",\"name\":\"Data Feed\",\"value\":\"Real-Time\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Does this kit include the actual sonar unit?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, this is an integration kit. It requires the separate purchase of a Tritech Gemini 720IM Sonar to function.\"}},{\"@type\":\"Question\",\"name\":\"How is the sonar data viewed during a dive?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The kit connects to your computer or mobile device via the RC3 Remote Controller or Control Box to provide a live underwater sonar imaging feed.\"}},{\"@type\":\"Question\",\"name\":\"Can the sonar be mounted at different angles?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the kit includes two mounting bases that allow for flat mounting or a 30-degree angle, and it can be positioned over or under the ROV.\"}}]}\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\":\"Micron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro\",\"item\":\"https:\/\/therobocraft.com\/products\/micron-gemini-sonar-kit-for-underwater-imaging-with-chasing-m2-pro\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/micron-gemini-sonar-kit-for-underwater-imaging-with-chasing-m2-pro\"\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\"\u003eMicron Gemini Sonar Kit for Underwater Imaging with Chasing M2\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003ePro\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \n \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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=\"#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;\"\u003eEnhance underwater visibility in zero-visibility conditions with this specialized sonar integration kit. Designed for the Chasing M2 Pro, it enables real-time 720IM sonar imaging directly to a computer or mobile device. Featuring versatile mounting options and high-speed data transmission, it transforms the ROV into a professional-grade search and recovery tool for murky 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: Chasing M2 Pro\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eRequired Sonar: Tritech Gemini 720IM\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMounting Angles: 0° or 30°\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eData Feed: Real-Time\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\/microngeminisonarkitforchasingm2proinstalled.jpg?v=1712501604\" alt=\"Installation setup\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eInstallation setup\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 visibility in zero-visibility conditions with this specialized sonar integration kit.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eDesigned for the Chasing M2 Pro, it enables real-time 720IM sonar imaging directly to a computer or mobile device.\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, search and rescue teams, and commercial underwater inspectors who require high-fidelity imaging in low-visibility 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;\"\u003eStream live sonar data to a connected computer or mobile device.\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;\"\u003eMount sonar hardware at a 30-degree downward angle for better seabed visualization.\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;\"\u003eInterface directly with the Chasing M2 Pro Control Box for power and data.\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 zero-visibility water by utilizing acoustic imaging technology.\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\/microngeminisonarkitforchasingm2pro.jpg?v=1712501604\" alt=\"Sonar Kit for Chasing M2 Pro Max\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eSonar Kit for Chasing M2 Pro Max\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 ROV\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eChasing M2 Pro\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eRequired Sonar Hardware\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eTritech Gemini 720IM Sonar\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eInterface Hardware\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eRC3 Remote Controller or Control Box\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-accordion-item\" data-category=\"spec-cat-1\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003eHardware \u0026amp; Mounting\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 Base Options\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFlat or 30 Degree Angle\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMounting Positions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eOver or Under ROV Frame\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCable Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDouble-Headed Connection Cable\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\"\u003eData \u0026amp; Connectivity\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\"\u003eTransmission Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eReal-time data transmission\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOutput Device Compatibility\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMobile Phone or Computer\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eImaging Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLive underwater sonar imaging\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\/microngeminisonarkitforchasingm2promountingbrackets.jpg?v=1712501604\" alt=\"Chasing Micron Gemini Sonar Kit\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eChasing Micron Gemini Sonar Kit\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Double-Headed connection cable for real-time data transmission\u003c\/li\u003e\n\u003cli\u003e1x Mounting base for flat installation\u003c\/li\u003e\n\u003cli\u003e1x Mounting base for 30-degree angle 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\u003eTritech Gemini 720IM Sonar (Required for operation)\u003c\/li\u003e\n\u003cli\u003eChasing M2 Pro Underwater Drone\u003c\/li\u003e\n\u003cli\u003eComputer or Mobile Device for viewing\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 kit include the actual sonar unit?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, this is an integration kit. It requires the separate purchase of a Tritech Gemini 720IM Sonar to function.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow is the sonar data viewed during a dive?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe kit connects to your computer or mobile device via the RC3 Remote Controller or Control Box to provide a live underwater sonar imaging feed.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan the sonar be mounted at different angles?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the kit includes two mounting bases that allow for flat mounting or a 30-degree angle, and it can be positioned over or under the ROV.\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\"\u003eWarranty (Product)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 Year\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWarranty (Battery)\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\"\u003eReturn Policy\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eTwo Weeks Easy Returns\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eData Output\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLive Sonar Imaging\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMounting Flexibility\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eOver or Under ROV\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAngle Options\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eFlat or 30 Degrees\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 Underwater Imaging with Chasing M2 Pro\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\"\u003eRinse all cable connectors and mounting hardware with fresh water after saltwater deployment\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the double-headed cable for any signs of wear or jacket damage\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure mounting bolts are tightened to manufacturer specifications 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\"\u003eMicron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro\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\"\u003eCHASINGGEMINISONAR\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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,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\"\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\"\u003eMicron Gemini Sonar Kit for Underwater Imaging with Chasing M2 Pro 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":"Chasing","offers":[{"title":"Default Title","offer_id":52498530435415,"sku":"CHASINGGEMINISONAR","price":1499.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/microngeminisonarkitforchasingm2proinstalled.jpg?v=1767894675"},{"product_id":"battery-for-chasing-m2-underwater-rov-drone","title":"Battery for Chasing M2 S Underwater ROV 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=\"Battery for Chasing M2 S Underwater ROV Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Battery for Chasing M2 S Underwater ROV Drone, Chasing, Accessory, accessories, Swappable Cabin Design, High-Capacity 200Wh Option, Intelligent LED Indicators, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Battery for Chasing M2 S Underwater ROV 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 | Battery for Chasing M2 S Underwater ROV Drone\"\u003e\n \u003cmeta property=\"og:description\" content=\"Battery for Chasing M2 S Underwater ROV 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\/battery-for-chasing-m2-s-underwater-rov-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\/products\/chasingM2battery.jpg?v=1636843165\"\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=\"Battery for Chasing M2 S Underwater ROV Drone - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/chasingM2battery2.jpg?v=1636843164\"\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 | Battery for Chasing M2 S Underwater ROV Drone\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Battery for Chasing M2 S Underwater ROV 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\/products\/chasingM2battery.jpg?v=1636843165\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Battery for Chasing M2 S Underwater ROV Drone\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"399.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS014A\"\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\":\"Battery for Chasing M2 S Underwater ROV Drone\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include 97 Wh battery capacity, 200 Wh battery capacity, Nominal Voltage: 25.2 V, and Charge Time: 2.5 Hours (100 Wh). Swappable Cabin Design - Allows for rapid battery replacement without disassembling the entire ROV. Professional underwater inspectors use the 200Wh high-capacity battery to conduct thorough hull and infrastructure checks without frequent surfacing. Marine researchers utilize spare batteries to maintain continuous observation of aquatic environments during long-term field studies. Search and recovery teams rely on the swappable cabin design to quickly replace depleted units and resume time-sensitive operations immediately.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/chasingM2battery.jpg?v=1636843165\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/chasingM2battery2.jpg?v=1636843164\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Accessory\",\"sku\":\"UDCHAS014A\",\"url\":\"https:\/\/therobocraft.com\/products\/battery-for-chasing-m2-s-underwater-rov-drone\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/battery-for-chasing-m2-s-underwater-rov-drone\",\"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\":\"6 Month Battery Warranty; 1 Year General Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Standard Capacity\",\"value\":\"97 Wh\"},{\"@type\":\"PropertyValue\",\"name\":\"High Capacity\",\"value\":\"200 Wh\"},{\"@type\":\"PropertyValue\",\"name\":\"Nominal Voltage\",\"value\":\"25.2 V\"},{\"@type\":\"PropertyValue\",\"name\":\"Charge Time\",\"value\":\"2.5 Hours (100 Wh)\"},{\"@type\":\"PropertyValue\",\"name\":\"Charging Current\",\"value\":\"2.9 A\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Swappable Cabin Design - Allows for rapid battery replacement without disassembling the entire ROV.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Capacity 200Wh Option - Delivers significantly extended dive times for professional-grade underwater missions.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Intelligent LED Indicators - Provides clear visual feedback with Red (charging) and Green (full) status lights.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Lithium-Polymer Chemistry - High energy density cells optimized for the power demands of underwater thrusters.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"OEM Compatibility - Specifically engineered for seamless integration with Chasing M2 and M2 S drones.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is the recommended charge level for long-term storage?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"If you do not plan to use the ROV for an extended period, you should maintain the battery power between 50% and 70%. Storing the battery at very low levels (less than 30%) for long periods can cause permanent damage to the lithium-polymer cells.\"}},{\"@type\":\"Question\",\"name\":\"How can I tell when the battery is finished charging?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The indicator light on the official Chasing charger provides real-time status. A red light indicates that the battery is currently charging, while a green light confirms that the battery has reached a full charge.\"}},{\"@type\":\"Question\",\"name\":\"Are there specific shipping restrictions for this battery?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, due to lithium-polymer regulations, these batteries are restricted to ground shipping only within the USA. They cannot be shipped via air to international destinations or domestic locations requiring air transit.\"}}]}\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\":\"Battery for Chasing M2 S Underwater ROV Drone\",\"item\":\"https:\/\/therobocraft.com\/products\/battery-for-chasing-m2-s-underwater-rov-drone\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/battery-for-chasing-m2-s-underwater-rov-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-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\"\u003eBattery for Chasing M2 S Underwater ROV\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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\"\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;\"\u003eExtend your underwater missions with this high-performance swappable power solution. Available in both 97Wh standard and 200Wh high-capacity configurations, these lithium-polymer modules are engineered specifically for the M2 series. The 200Wh variant significantly improves dive times for professional inspections, while the modular design allows for rapid field swaps to keep your ROV in the water longer.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eStandard Capacity: 97 Wh\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eHigh Capacity: 200 Wh\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eNominal Voltage: 25.2 V\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCharge Time: 2.5 Hours (100 Wh)\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCharging Current: 2.9 A\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\/chasing%20M2battery.jpg?v=1636843165\" alt=\"Battery for Chasing M2 Underwater ROV Drone - Urban Drones\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eBattery for Chasing M2 Underwater ROV Drone - 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;\"\u003eExtend your underwater missions with this high-performance swappable power solution.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eThe 200Wh variant significantly improves dive times for professional inspections, while the modular design allows for rapid field swaps to keep your ROV in the water longer.\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 extended operational windows and reliable power management for the Chasing M2 and M2 S 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;\"\u003ePower the Chasing M2 S for professional underwater inspections and exploration.\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;\"\u003eSupport hot-swappable battery operations to minimize downtime between dives.\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;\"\u003eInterface with the Chasing GO1 App for real-time battery percentage monitoring.\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 operational readiness through a 2.5-hour rapid replenishment cycle.\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\/chasing%20M2battery2.jpg?v=1636843164\" alt=\"Battery for Chasing M2 Underwater ROV Drone - Urban Drones\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eBattery for Chasing M2 Underwater ROV Drone - 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\"\u003ePower \u0026amp; 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\"\u003eStandard Battery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e97 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHigh Capacity Battery\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e200 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eNominal Voltage\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e25.2 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 Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLithium Polymer (Li Po)\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\"\u003eCharging Parameters\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\"\u003eAdapter Current\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2.9 A\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 (100Wh)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2.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-2\"\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\"\u003eChasing M2, Chasing M2 S\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eApp Support\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eChasing GO1 App\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 Chasing M2 \/ M2 S Replacement Battery (Capacity as selected: 97Wh or 200Wh)\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\u003eChasing M2 S Underwater ROV\u003c\/li\u003e\n\u003cli\u003eLithium Battery Charger (Standard 25.2V\/2.9A adapter)\u003c\/li\u003e\n\u003cli\u003eNonflammable Storage Container\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\"\u003eWhat is the recommended charge level for long-term storage?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eIf you do not plan to use the ROV for an extended period, you should maintain the battery power between 50% and 70%. Storing the battery at very low levels (less than 30%) for long periods can cause permanent damage to the lithium-polymer cells.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow can I tell when the battery is finished charging?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe indicator light on the official Chasing charger provides real-time status. A red light indicates that the battery is currently charging, while a green light confirms that the battery has reached a full charge.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eAre there specific shipping restrictions for this battery?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, due to lithium-polymer regulations, these batteries are restricted to ground shipping only within the USA. They cannot be shipped via air to international destinations or domestic locations requiring air transit.\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\"\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\"\u003eStandard Battery Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e97 Wh\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 Chasing M2 S Underwater ROV 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 and monthly during storage\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eCharge the battery immediately if the power level drops below 25%.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eRegularly charge the battery every 3 months if not in use to maintain 50-70% capacity.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eAlways monitor the battery while charging and never leave it unattended.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eStore in a safe, nonflammable container away from extreme temperatures.\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\"\u003eBattery for Chasing M2 S Underwater ROV 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\"\u003eUDCHAS014A\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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\"\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\"\u003eBattery for Chasing M2 S Underwater ROV Drone 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":"Chasing","offers":[{"title":"Default Title","offer_id":52498530304343,"sku":"UDCHAS014A","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/chasingM2battery.jpg?v=1767894675"},{"product_id":"chasing-300-meter-buoyancy-tether-without-only","title":"Chasing 300 Meter Buoyancy Tether","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"Chasing 300 Meter Buoyancy Tether - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing 300 Meter Buoyancy Tether, Chasing, Drone Part, drone-part, Kevlar Reinforcement, Tinned Copper Core, Ocean-Ready Durability, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing 300 Meter Buoyancy Tether\u003c\/title\u003e\n \n \u003c!-- Performance: Preload critical resources --\u003e\n \n \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n \n \u003c!-- Open Graph \/ Social Media --\u003e\n \n \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Chasing 300 Meter Buoyancy Tether\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing 300 Meter Buoyancy Tether - 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\/chasing-300-meter-buoyancy-tether\"\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\/300mtetherform2sand400m.jpg?v=1712487422\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing 300 Meter Buoyancy Tether - Product Image\"\u003e\n \n \u003cmeta property=\"og:price:amount\" content=\"599.00\"\u003e\n \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n \u003c!-- Twitter Card --\u003e\n \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Chasing 300 Meter Buoyancy Tether\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing 300 Meter Buoyancy Tether - 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\/300mtetherform2sand400m.jpg?v=1712487422\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing 300 Meter Buoyancy Tether\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"599.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS083A\"\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\":\"Chasing 300 Meter Buoyancy Tether\",\"description\":\"Built for professional use. Verified specifications include Length 300 meters, Tensile Capacity: 220 lbs \/ 100 kg, Core Material: Tinned Copper, and Reinforcement: Kevlar. Kevlar Reinforcement - Integrated Kevlar fibers provide exceptional 100kg tensile strength for safe ROV recovery. Deep-sea exploration and marine biology research requiring stable data transmission at depths up to 300 meters.,Industrial hull inspections and underwater infrastructure monitoring in high-current or harsh ocean conditions.,Search and rescue operations where high tensile strength is required to navigate around submerged obstacles.,Commercial aquaculture monitoring and dam inspections requiring extended horizontal and vertical reach.\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/300mtetherform2sand400m.jpg?v=1712487422\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Drone Part\",\"sku\":\"UDCHAS083A\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-300-meter-buoyancy-tether\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-300-meter-buoyancy-tether\",\"priceCurrency\":\"USD\",\"price\":\"599.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 (per Urban Drones)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Length\",\"value\":\"300 meters\"},{\"@type\":\"PropertyValue\",\"name\":\"Tensile Capacity\",\"value\":\"220 lbs \/ 100 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Core Material\",\"value\":\"Tinned Copper\"},{\"@type\":\"PropertyValue\",\"name\":\"Reinforcement\",\"value\":\"Kevlar\"},{\"@type\":\"PropertyValue\",\"name\":\"Buoyancy\",\"value\":\"Positive\/Neutral\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Kevlar Reinforcement - Integrated Kevlar fibers provide exceptional 100kg tensile strength for safe ROV recovery.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Tinned Copper Core - Multi-stranded tinned copper ensures low-interference data transmission and power delivery.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Ocean-Ready Durability - Specifically designed to withstand the corrosive nature of saltwater and harsh marine environments.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Anti-Entanglement Buoyancy - Engineered with specific gravity to remain buoyant, preventing the tether from snagging on the seafloor.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Extended Operational Radius - Provides a 300-meter range, significantly expanding the exploration area of standard ROV setups.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Does this tether include the hand reel for storage?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, this product is the 300-meter buoyancy tether only. It is designed as a replacement or upgrade cable and does not include the manual or electric reeler.\"}},{\"@type\":\"Question\",\"name\":\"Is this cable compatible with the Chasing M2 Pro?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, this tether is fully compatible with the Chasing M2, M2 Pro, and M2 Pro Max underwater ROVs.\"}},{\"@type\":\"Question\",\"name\":\"What makes this a 'buoyancy' tether?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The tether is constructed with materials that give it a specific gravity close to water, allowing it to float or remain neutral. This prevents the cable from sinking and getting caught on bottom-dwelling obstacles or debris.\"}}]}\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\":\"Chasing 300 Meter Buoyancy Tether\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-300-meter-buoyancy-tether\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-300-meter-buoyancy-tether\"\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\"\u003eChasing 300 Meter Buoyancy\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eTether\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \n \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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=\"#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 deep-sea exploration, this high-performance buoyancy tether provides a reliable 300-meter link for professional underwater ROVs. Constructed from multi-stranded tinned copper wire and reinforced with high-strength Kevlar, it delivers a massive 220-pound tensile capacity. Its specialized buoyant design prevents entanglement and snagging during complex subaquatic maneuvers in harsh oceanic 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\"\u003eLength: 300 meters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eTensile Capacity: 220 lbs \/ 100 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCore Material: Tinned Copper\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eReinforcement: Kevlar\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBuoyancy: Positive\/Neutral\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\/300mtetherform2sand400m.jpg?v=1712487422\" alt=\"replacement tether for chasing m2 and m2 pro\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003ereplacement tether for chasing m2 and m2 pro\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ABOUT THIS PRODUCT --\u003e\n \n \u003csection class=\"rc-card rc-about-product\" id=\"about-product\" role=\"region\" aria-labelledby=\"about-product-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"about-product-title\" class=\"rc-section-title\"\u003eAbout this product\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-note\" style=\"margin: 0;\"\u003e\n \u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIts specialized buoyant design prevents entanglement and snagging during complex subaquatic maneuvers in harsh oceanic environments.\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 industrial underwater inspectors requiring extended range and high-durability tethering for Chasing M2 series drones.\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;\"\u003eSupport 300-meter vertical and horizontal ROV deployment.\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;\"\u003eWithstand up to 100kg of pulling force during emergency recovery or high-current 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;\"\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 high-speed data link for real-time 4K UHD 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;\"\u003eResist abrasion from rocks, coral, and industrial structures.\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 Properties\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\"\u003e300 meters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLength (Imperial)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e985 feet\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTensile Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e220 pounds\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTensile Capacity (Metric)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100 kilograms\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\"\u003eConstruction Materials\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\"\u003eInternal Wiring\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMulti-stranded tinned copper wire\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eReinforcement Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eKevlar\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBuoyancy Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eBuoyant \/ Neutral\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\"\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 Models\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eChasing M2, Chasing M2 Pro, Chasing M2 Pro Max\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\u003eManual Hand Reel\u003c\/li\u003e\n\u003cli\u003eElectric Winder\u003c\/li\u003e\n\u003cli\u003eChasing M2 ROV\u003c\/li\u003e\n\u003cli\u003eChasing M2 Pro ROV\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 tether include the hand reel for storage?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eNo, this product is the 300-meter buoyancy tether only. It is designed as a replacement or upgrade cable and does not include the manual or electric reeler.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs this cable compatible with the Chasing M2 Pro?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, this tether is fully compatible with the Chasing M2, M2 Pro, and M2 Pro Max underwater ROVs.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat makes this a 'buoyancy' tether?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe tether is constructed with materials that give it a specific gravity close to water, allowing it to float or remain neutral. This prevents the cable from sinking and getting caught on bottom-dwelling obstacles or debris.\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\"\u003eMulti-stranded Tinned Copper, Kevlar\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLength (Metric)\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\"\u003eReeler Included\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNo\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eEnvironment\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eOcean \/ Saltwater \/ Freshwater\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBuoyancy\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003ePositive\/Neutral\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 Chasing M2 Pro\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\"\u003eRinse thoroughly with fresh water after use in saltwater environments\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the outer jacket for abrasions or cuts before and after deployment\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure connectors are dry and clean before storage\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eAvoid sharp bends or kinking when winding onto a reel\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing 300 Meter Buoyancy Tether\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\"\u003eUDCHAS083A\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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$599.00\u003c\/span\u003e\n\u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- DOCUMENTATION \u0026 DEVELOPMENT --\u003e\n \n \u003csection class=\"rc-card rc-resources\" id=\"resources\" role=\"region\" aria-labelledby=\"resources-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"resources-title\" class=\"rc-section-title\"\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\"\u003eChasing 300 Meter Buoyancy Tether 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":"Chasing","offers":[{"title":"Default Title","offer_id":52498530369879,"sku":"UDCHAS083A","price":599.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/300mtetherform2sand400m.jpg?v=1767894675"},{"product_id":"battery-for-chasing-m2-pro-underwater-rov-drone","title":"Battery for Chasing M2 PRO or MAX Underwater ROV 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=\"Battery for Chasing M2 PRO or MAX Underwater ROV Drones - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Battery for Chasing M2 PRO or MAX Underwater ROV Drones, Chasing, Drone Part, drone-part, High-Capacity Options, Independent Charging, Swappable Architecture, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Battery for Chasing M2 PRO or MAX Underwater ROV 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 | Battery for Chasing M2 PRO or MAX Underwater ROV Drones\"\u003e\n \u003cmeta property=\"og:description\" content=\"Battery for Chasing M2 PRO or MAX Underwater ROV 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\/battery-for-chasing-m2-pro-or-max-underwater-rov-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\/ScreenShot2021-09-25at1.59.37PM.png?v=1636843162\"\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=\"Battery for Chasing M2 PRO or MAX Underwater ROV Drones - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ScreenShot2021-09-25at2.00.44PM.png?v=1636843158\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ScreenShot2021-09-25at1.59.49PM.png?v=1636843150\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"1199.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 | Battery for Chasing M2 PRO or MAX Underwater ROV Drones\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Battery for Chasing M2 PRO or MAX Underwater ROV 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\/ScreenShot2021-09-25at1.59.37PM.png?v=1636843162\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Battery for Chasing M2 PRO or MAX Underwater ROV Drones\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"1199.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS011\"\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\":\"Battery for Chasing M2 PRO or MAX Underwater ROV Drones\",\"description\":\"Built for professional use. Verified specifications include 300 Wh or 700 Wh battery capacity, Battery Type: Lithium-Ion, Compatibility: M2 PRO \/ M2 Pro MAX, and Charging: Independent Support. High-Capacity Options - Choose between the 300Wh standard or 700Wh high-capacity modules to suit mission requirements. [object Object],[object Object],[object Object],[object Object]\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ScreenShot2021-09-25at1.59.37PM.png?v=1636843162\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ScreenShot2021-09-25at2.00.44PM.png?v=1636843158\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/ScreenShot2021-09-25at1.59.49PM.png?v=1636843150\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Drone Part\",\"sku\":\"UDCHAS011\",\"url\":\"https:\/\/therobocraft.com\/products\/battery-for-chasing-m2-pro-or-max-underwater-rov-drones\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/battery-for-chasing-m2-pro-or-max-underwater-rov-drones\",\"priceCurrency\":\"USD\",\"price\":\"1199.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\":\"6 Month Battery Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Capacity Options\",\"value\":\"300 Wh or 700 Wh\"},{\"@type\":\"PropertyValue\",\"name\":\"Battery Type\",\"value\":\"Lithium-Ion\"},{\"@type\":\"PropertyValue\",\"name\":\"Compatibility\",\"value\":\"M2 PRO \/ M2 Pro MAX\"},{\"@type\":\"PropertyValue\",\"name\":\"Charging\",\"value\":\"Independent Support\"},{\"@type\":\"PropertyValue\",\"name\":\"Design\",\"value\":\"Removable \/ Swappable\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Capacity Options - Choose between the 300Wh standard or 700Wh high-capacity modules to suit mission requirements.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Independent Charging - Removable design allows the battery to be charged separately from the ROV unit.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Swappable Architecture - Enables quick field swaps to extend underwater working time indefinitely with multiple packs.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Industrial Grade - Built to power the M2 PRO series thrusters and up to five simultaneous accessories.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Lithium-Ion Chemistry - Provides high energy density and reliable power delivery in deep-water environments.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Can this battery be charged while it is removed from the ROV?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the large-capacity lithium battery is designed to be removable and can be charged independently. This allows users to charge spare batteries while the ROV is still in operation with another pack.\"}},{\"@type\":\"Question\",\"name\":\"Is the 700Wh battery compatible with the standard M2 PRO?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, both the 300Wh and 700Wh battery variants are fully compatible with both the CHASING M2 PRO and the M2 Pro MAX models.\"}},{\"@type\":\"Question\",\"name\":\"How much additional dive time does the 700Wh battery provide?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"While exact times vary based on thruster usage and accessory draw, the 700Wh battery more than doubles the energy capacity of the standard 300Wh pack, significantly extending mission duration.\"}}]}\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\":\"Battery for Chasing M2 PRO or MAX Underwater ROV Drones\",\"item\":\"https:\/\/therobocraft.com\/products\/battery-for-chasing-m2-pro-or-max-underwater-rov-drones\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/battery-for-chasing-m2-pro-or-max-underwater-rov-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 #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\"\u003eBattery for Chasing M2 PRO or MAX Underwater ROV\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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\"\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;\"\u003eEnhance underwater mission endurance with this high-performance swappable power solution. Available in 300Wh and 700Wh configurations, these lithium-ion modules are engineered specifically for the M2 PRO and M2 Pro MAX ROVs. The independent charging capability allows for seamless battery rotations, ensuring your ROV stays submerged longer for critical inspections and research tasks.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eCapacity Options: 300 Wh or 700 Wh\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBattery Type: Lithium-Ion\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCompatibility: M2 PRO \/ M2 Pro MAX\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCharging: Independent Support\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDesign: Removable \/ Swappable\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%20Shot2021-09-25at1.59.37PM.png?v=1636843162\" alt=\"chasing m2 pro underwater drone battery\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003echasing m2 pro 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;\"\u003eEnhance underwater mission endurance with this high-performance swappable power solution.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eAvailable in 300Wh and 700Wh configurations, these lithium-ion modules are engineered specifically for the M2 PRO and M2 Pro MAX ROVs.\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, industrial inspectors, and marine researchers who require extended dive times and continuous operation for the Chasing M2 PRO series.\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;\"\u003ePowers 8 vectored thrusters for 360-degree omnidirectional movement\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;\"\u003eSupports diving depths of up to 200 meters\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 energy for 8000-lumen external floodlights\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;\"\u003eEnables operation of up to 5 simultaneous accessories including sonars and samplers\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\/Screen%20Shot2021-09-25at2.00.44PM.png?v=1636843158\" alt=\"m2 pro underwater drone 700wh battery\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003em2 pro underwater drone 700wh battery\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\"\u003ePower \u0026amp; 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\"\u003eStandard Capacity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e300 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHigh Capacity Option\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e700 Wh\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBattery Chemistry\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLithium-Ion\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 Model 1\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCHASING M2 PRO\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\"\u003eOperational 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\"\u003eCharging Method\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIndependent \/ External\u003c\/span\u003e\n \u003c\/div\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\"\u003eRemovable \/ Swappable\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\/Screen%20Shot2021-09-25at1.59.49PM.png?v=1636843150\" alt=\"M2 Pro underwater Drone Battery\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eM2 Pro underwater Drone Battery\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 CHASING Lithium-Ion Battery (Capacity: 300Wh or 700Wh based on selection)\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\u003eExternal Battery Charger (sold separately or included with ROV kit)\u003c\/li\u003e\n\u003cli\u003eChasing M2 PRO ROV\u003c\/li\u003e\n\u003cli\u003eChasing M2 Pro MAX ROV\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\"\u003eCan this battery be charged while it is removed from the ROV?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the large-capacity lithium battery is designed to be removable and can be charged independently. This allows users to charge spare batteries while the ROV is still in operation with another pack.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs the 700Wh battery compatible with the standard M2 PRO?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, both the 300Wh and 700Wh battery variants are fully compatible with both the CHASING M2 PRO and the M2 Pro MAX models.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow much additional dive time does the 700Wh battery provide?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eWhile exact times vary based on thruster usage and accessory draw, the 700Wh battery more than doubles the energy capacity of the standard 300Wh pack, significantly extending mission duration.\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\"\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\"\u003eSwappable Design\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eYes\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eApplication\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUnderwater Remote Operated Vehicle\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eUser Level\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eProfessional \/ Enterprise\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAssembly Required\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eNo (Plug-and-play)\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 M2 PRO\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\"\u003eEnsure battery contacts are dry and clean before charging\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eStore in a cool, dry place at approximately 50-60% charge for long-term storage\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect seals and connectors for debris or salt buildup\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\"\u003eBattery for Chasing M2 PRO or MAX Underwater ROV 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\"\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\"\u003eUDCHAS011\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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,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\"\u003eBattery for Chasing M2 PRO or MAX Underwater ROV Drones 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":"Chasing","offers":[{"title":"Default Title","offer_id":52498530468183,"sku":"UDCHAS011","price":1199.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/ScreenShot2021-09-25at1.59.37PM.png?v=1767894676"},{"product_id":"robotic-arm-version-2-for-chasing-m2-and-m2-pro-underwater-drones","title":"Chasing Grabber Robotic Arm 2 for 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=\"Chasing Grabber Robotic Arm 2 for Underwater Drones - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing Grabber Robotic Arm 2 for Underwater Drones, Chasing, Underwater Drone, underwater-drone, Adjustable Grabbing Force, High Drag Capacity, Wide Jaw Opening, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing Grabber Robotic Arm 2 for 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 | Chasing Grabber Robotic Arm 2 for Underwater Drones\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing Grabber Robotic Arm 2 for 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\/chasing-grabber-robotic-arm-2-for-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\/chasingm2witharmversion2attachements.jpg?v=1636847348\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing Grabber Robotic Arm 2 for Underwater Drones - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/Two-jawclamp_01form2pro.jpg?v=1636847343\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/SEDIMENTSAMPLER_02form2pro.jpg?v=1636847337\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"899.00\"\u003e\n \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n \u003c!-- Twitter Card --\u003e\n \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Chasing Grabber Robotic Arm 2 for Underwater Drones\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing Grabber Robotic Arm 2 for 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\/chasingm2witharmversion2attachements.jpg?v=1636847348\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing Grabber Robotic Arm 2 for Underwater Drones\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"899.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS073\"\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\":\"Chasing Grabber Robotic Arm 2 for Underwater Drones\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include Max Drag Force: 15 kg (33 lbs), Grabbing Force: 7 kg, Max Opening: 170 mm, and Compatibility: Chasing M2 Series.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/chasingm2witharmversion2attachements.jpg?v=1636847348\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/Two-jawclamp_01form2pro.jpg?v=1636847343\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/products\/SEDIMENTSAMPLER_02form2pro.jpg?v=1636847337\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Underwater Drone\",\"sku\":\"UDCHAS073\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-grabber-robotic-arm-2-for-underwater-drones\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-grabber-robotic-arm-2-for-underwater-drones\",\"priceCurrency\":\"USD\",\"price\":\"899.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; 6 Month Battery Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Max Drag Force\",\"value\":\"15 kg (33 lbs)\"},{\"@type\":\"PropertyValue\",\"name\":\"Grabbing Force\",\"value\":\"7 kg\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Opening\",\"value\":\"170 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Compatibility\",\"value\":\"Chasing M2 Series\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Can I use this arm to pick up fragile items like coral or specimens?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the grabbing force is fully adjustable. This allows operators to reduce the pressure exerted by the claws, ensuring that delicate samples are held securely without being crushed or damaged during retrieval.\"}},{\"@type\":\"Question\",\"name\":\"Is this arm compatible with the original Chasing M2?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the Grabber Arm 2 is designed to be compatible with the entire M2 family, including the standard M2, M2-S, M2 Pro, and the M2 Pro Max models.\"}},{\"@type\":\"Question\",\"name\":\"How difficult is the installation process?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The arm is designed for easy installation. It is small and lightweight, mounting directly to the ROV's frame and connecting to the accessory port for power and control without requiring complex tools.\"}}]}\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\":\"Chasing Grabber Robotic Arm 2 for Underwater Drones\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-grabber-robotic-arm-2-for-underwater-drones\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-grabber-robotic-arm-2-for-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\"\u003eChasing Grabber Robotic Arm 2 for 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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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=\"#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 the operational versatility of your ROV with this precision-engineered manipulator. Featuring a robust 15 kg maximum drag force and an adjustable grabbing tension, it allows for the delicate handling of samples or the retrieval of heavy objects from the seafloor. Its compact, easy-to-install design ensures seamless integration with the entire M2 series for professional underwater 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\"\u003eMax Drag Force: 15 kg (33 lbs)\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eGrabbing Force: 7 kg\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Opening: 170 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCompatibility: Chasing M2 Series\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\/chasingm2witharmversion2attachements.jpg?v=1636847348\" alt=\"chasing m2 underwater drone with claw\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003echasing m2 underwater drone with claw\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 the operational versatility of your ROV with this precision-engineered manipulator.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIts compact, easy-to-install design ensures seamless integration with the entire M2 series for professional underwater 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;\"\u003eThis robotic arm is designed for industrial inspection teams, public safety agencies, and marine researchers who require physical interaction capabilities for their Chasing M2 series underwater 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;\"\u003eRetrieve submerged tools or equipment from the seafloor.\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;\"\u003eCollect biological or geological samples for marine research.\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;\"\u003eClear debris from underwater structures and intake pipes.\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;\"\u003eLift and transport objects weighing up to 7 kg.\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\/Two-jawclamp_01form2pro.jpg?v=1636847343\" alt=\"chasing m2 underwater drone robotic arm\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003echasing m2 underwater drone robotic arm\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\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 Drag Force\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e15 kg (33 lbs)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eGrabbing Force\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e7 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Opening Distance\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e170 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\"\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\"\u003eSupported ROV Models\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eChasing M2, M2-S, M2 Pro, M2 Pro 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-2\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e\n \u003cspan class=\"rc-accordion-title\"\u003ePhysical\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\"\u003eEasy-to-install \/ Small form factor\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\/SEDIMENTSAMPLER_02form2pro.jpg?v=1636847337\" alt=\"chasing underwater drone robotic sample arm\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003echasing underwater drone robotic sample arm\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Chasing Grabber Robotic Arm 2\u003c\/li\u003e\n\u003cli\u003eMounting hardware for M2 series drones\u003c\/li\u003e\n\u003cli\u003eConnection cable for ROV accessory port\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\u003eChasing M2\/M2 Pro\/M2 Pro Max ROV (sold separately)\u003c\/li\u003e\n\u003cli\u003eSediment Attachment head\u003c\/li\u003e\n\u003cli\u003eCircular Attachment head\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\"\u003eCan I use this arm to pick up fragile items like coral or specimens?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the grabbing force is fully adjustable. This allows operators to reduce the pressure exerted by the claws, ensuring that delicate samples are held securely without being crushed or damaged during retrieval.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs this arm compatible with the original Chasing M2?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the Grabber Arm 2 is designed to be compatible with the entire M2 family, including the standard M2, M2-S, M2 Pro, and the M2 Pro Max models.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow difficult is the installation process?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe arm is designed for easy installation. It is small and lightweight, mounting directly to the ROV's frame and connecting to the accessory port for power and control without requiring complex tools.\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\"\u003eForce Adjustment\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\"\u003eAttachment Options\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eRobotic Claw, Sediment Attachment, Circular Attachment\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eApplication\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUnderwater manipulation and retrieval\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eIntegration\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSeamless M2 Series integration\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperation\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eRemote controlled via ROV 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 Underwater Drones\u003c\/li\u003e\n \u003cli\u003eCompatible with the original Chasing M2\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 sediment\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect joints for debris or sand\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck connection cable for 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\"\u003eChasing Grabber Robotic Arm 2 for 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\"\u003eUDCHAS073\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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$899.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\"\u003eChasing Grabber Robotic Arm 2 for 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\"\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":"Chasing","offers":[{"title":"Default Title","offer_id":52498530599255,"sku":"UDCHAS073","price":899.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/Two-jawclamp_01form2pro.jpg?v=1767894677"},{"product_id":"chasing-waterlinked-dvl-a50-kit","title":"Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current - drone part specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current, Chasing, Drone Part, drone-part, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current\u003c\/title\u003e\n \n \u003c!-- Performance: Preload critical resources --\u003e\n \n \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n \n \u003c!-- Open Graph \/ Social Media --\u003e\n \n \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current - drone part specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta property=\"og:type\" content=\"og:product\"\u003e\n \u003cmeta property=\"og:url\" content=\"https:\/\/therobocraft.com\/products\/chasing-waterlinked-dvl-a50-kit-for-fixed-point-navigation-against-current\"\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\/chasingdvla50a.jpg?v=1712498941\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/chasingdvla50top.jpg?v=1712498941\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/chasingdvla50onunderwaterdroneM2ProMax.jpg?v=1712498941\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"11999.00\"\u003e\n \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n \u003c!-- Twitter Card --\u003e\n \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current - drone part specs, key features, inclusions, and support details.\"\u003e\n \u003cmeta name=\"twitter:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/chasingdvla50a.jpg?v=1712498941\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"11999.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS094\"\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\":\"Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current\",\"description\":\"Built for professional use. Verified specifications include 198 grams (210 grams for M2Pro Max) weight, Diameter: 66 mm, Height 25 mm, and 145 grams weight. Marine Infrastructure Inspection: Pilots can lock the ROV in place against bridge pilings or dam walls despite heavy flow for detailed structural analysis. Benthic Surveys: Researchers can maintain a precise altitude to map the seafloor with consistent image scaling and automated terrain following. Search and Recovery: Teams can execute high-precision grid searches in tidal areas without drifting off-course due to moving water masses.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/chasingdvla50a.jpg?v=1712498941\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/chasingdvla50top.jpg?v=1712498941\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/chasingdvla50onunderwaterdroneM2ProMax.jpg?v=1712498941\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Drone Part\",\"sku\":\"UDCHAS094\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-waterlinked-dvl-a50-kit-for-fixed-point-navigation-against-current\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-waterlinked-dvl-a50-kit-for-fixed-point-navigation-against-current\",\"priceCurrency\":\"USD\",\"price\":\"11999.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\":198,\"unitCode\":\"GRM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Weight (With Battery)\",\"value\":\"198 grams (210 grams for M2Pro Max)\"},{\"@type\":\"PropertyValue\",\"name\":\"Diameter\",\"value\":\"66 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Height\",\"value\":\"25 mm\"},{\"@type\":\"PropertyValue\",\"name\":\"Weight Submerged\",\"value\":\"145 grams\"},{\"@type\":\"PropertyValue\",\"name\":\"Depth rating\",\"value\":\"300 meter\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How does this product help in strong currents?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This kit acts like an underwater GPS position hold. It uses acoustic pulses to measure velocity relative to the seafloor, allowing the drone to lock its coordinates and depth automatically even when water is moving around it.\"}},{\"@type\":\"Question\",\"name\":\"Can this product follow the seabed automatically?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the Terrain Following mode allows the drone to navigate at a consistent, user-defined distance from the bottom. It functions effectively at altitudes ranging from 0.5 meters to 50 meters.\"}},{\"@type\":\"Question\",\"name\":\"Is this kit compatible with the standard Chasing M2?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"According to manufacturer specifications, this specific DVL A50 kit is designed for and compatible with the Chasing M2 Pro and Chasing M2 Pro MAX 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\":\"Chasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-waterlinked-dvl-a50-kit-for-fixed-point-navigation-against-current\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-waterlinked-dvl-a50-kit-for-fixed-point-navigation-against-current\"\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\"\u003eChasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eCurrent\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \n \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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 positioning \u0026amp; navigation\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 professional underwater precision, this advanced navigation kit enables ROVs to maintain a locked position against challenging currents. Featuring a 300-meter depth rating and a high-frequency 1 MHz transducer, it provides GPS-like stability submerged. Its compact 66mm diameter frame integrates seamlessly with M2 Pro series drones, offering automated terrain following and velocity resolution down to 0.1 mm\/s for elite marine inspections.\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): 198 grams (210 grams for M2...\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDiameter: 66 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eHeight: 25 mm\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eWeight Submerged: 145 grams\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDepth rating: 300 meter\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\/chasingdvla50a.jpg?v=1712498941\" alt=\"Chasing DVL A50 Kit for underwater navigation\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eChasing DVL A50 Kit for underwater navigation\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 precision, this advanced navigation kit enables ROVs to maintain a locked position against challenging currents.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eMarine Infrastructure Inspection: Pilots can lock the ROV in place against bridge pilings or dam walls despite heavy flow for detailed structural analysis.\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 infrastructure inspectors who require high-precision station-keeping in high-current 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\/chasingdvla50top.jpg?v=1712498941\" alt=\"Chasing waterlinked DVL A50 Kit maintains drone location\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eChasing waterlinked DVL A50 Kit maintains drone location\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\"\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\"\u003eDiameter\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e66 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\"\u003e25 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\"\u003e198 grams (210 grams for M2Pro Max)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWeight Submerged\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e145 grams\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\"\u003e300 meter\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\"\u003ePerformance\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\"\u003eTransducer frequency\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 MHz\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTransducer Beam Angle\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e22.5 Degrees\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMinimum Altitude\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5 cm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Altitude\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e50 meters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum velocity\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3.75 meters per second (8.5 MPH)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eVelocity Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0.1 mm\/s\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTerrain Following Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e.5 meters to 50 Meters\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\/chasingdvla50onunderwaterdrone%20M2Pro%20Max.jpg?v=1712498941\" alt=\"Chasing underwater drone waterlinked DVL A50 Kit on M2Pro Max\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eChasing underwater drone waterlinked DVL A50 Kit on M2Pro Max\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"3\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(3 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Waterlinked DVL A50 Acoustic Doppler Velocity Log Sensor\u003c\/li\u003e\n\u003cli\u003e1x Mounting Bracket and Hardware Kit for Chasing M2 Pro \/ M2 Pro Max\u003c\/li\u003e\n\u003cli\u003e1x Integration Cable for Chasing ROV Accessory Port\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\u003eChasing M2 Pro Underwater Drone\u003c\/li\u003e\n\u003cli\u003eChasing M2 Pro MAX 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\"\u003eHow does this product help in strong currents?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis kit acts like an underwater GPS position hold. It uses acoustic pulses to measure velocity relative to the seafloor, allowing the drone to lock its coordinates and depth automatically even when water is moving around it.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan this product follow the seabed automatically?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the Terrain Following mode allows the drone to navigate at a consistent, user-defined distance from the bottom. It functions effectively at altitudes ranging from 0.5 meters to 50 meters.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eIs this kit compatible with the standard Chasing M2?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eAccording to manufacturer specifications, this specific DVL A50 kit is designed for and compatible with the Chasing M2 Pro and Chasing M2 Pro MAX 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\"\u003eMinimum Altitude\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5 cm\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Altitude\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e50 meters\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 the standard Chasing M2\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 sensor and mounting hardware thoroughly with fresh water to prevent salt crystallization on the transducer face.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current\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\"\u003eUDCHAS094\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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$11,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\"\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\"\u003eChasing Waterlinked DVL A50 Kit for Fixed Point Navigation Against Current 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":"Chasing","offers":[{"title":"Default Title","offer_id":52498531189079,"sku":"UDCHAS094","price":11999.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/chasingdvla50a.jpg?v=1767894681"},{"product_id":"chasing-reel-roller-cart-with-300-meter-tether","title":"Chasing Reel Roller Cart with 300 meter Tether","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"Chasing Reel Roller Cart with 300 meter Tether - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing Reel Roller Cart with 300 meter Tether, Chasing, Drone Part, drone-part, Extended Range, Precision Bearings, Synchronous Drive, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing Reel Roller Cart with 300 meter Tether\u003c\/title\u003e\n \n \u003c!-- Performance: Preload critical resources --\u003e\n \n \u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\"\u003e\n \n \u003c!-- Open Graph \/ Social Media --\u003e\n \n \u003c!-- Open Graph (Facebook, LinkedIn, Google) --\u003e\n \u003cmeta property=\"og:title\" content=\"TheRoboCraft | Chasing Reel Roller Cart with 300 meter Tether\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing Reel Roller Cart with 300 meter Tether - 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\/chasing-reel-roller-cart-with-300-meter-tether\"\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\/chasingreelrollercart2v.jpg?v=1712501714\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing Reel Roller Cart with 300 meter Tether - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/chasingreelrollercart2fv.jpg?v=1712501714\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"999.00\"\u003e\n \u003cmeta property=\"og:price:currency\" content=\"USD\"\u003e\n\n \u003c!-- Twitter Card --\u003e\n \u003cmeta name=\"twitter:card\" content=\"summary_large_image\"\u003e\n \u003cmeta name=\"twitter:site\" content=\"@TheRoboCraft\"\u003e\n \u003cmeta name=\"twitter:title\" content=\"TheRoboCraft | Chasing Reel Roller Cart with 300 meter Tether\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing Reel Roller Cart with 300 meter Tether - 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\/chasingreelrollercart2v.jpg?v=1712501714\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing Reel Roller Cart with 300 meter Tether\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"999.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS092A\"\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\":\"Chasing Reel Roller Cart with 300 meter Tether\",\"description\":\"Built for professional use. Verified specifications include Standard Tether Length 300 Meters, Max Tether Capacity: 400 Meters, Bearing Count: 14 Stainless Steel, and Drive System: Synchronous Belt. Extended Range - Provides up to 300-400 meters of movement for deep-sea and long-distance ROV operations. Professional ROV pilots utilize this cart for long-range underwater inspections where standard tether lengths are insufficient for reaching deep-sea targets. Aquaculture technicians employ the system to navigate large-scale fish pens and offshore cages without the risk of manual cable tangling. Search and rescue teams benefit from the rapid deployment and organized retrieval capabilities during time-sensitive emergency recovery operations in varied aquatic terrains.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/chasingreelrollercart2v.jpg?v=1712501714\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/chasingreelrollercart2fv.jpg?v=1712501714\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Drone Part\",\"sku\":\"UDCHAS092A\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-reel-roller-cart-with-300-meter-tether\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-reel-roller-cart-with-300-meter-tether\",\"priceCurrency\":\"USD\",\"price\":\"999.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; 6 Month Battery Warranty\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Standard Tether Length\",\"value\":\"300 Meters\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Tether Capacity\",\"value\":\"400 Meters\"},{\"@type\":\"PropertyValue\",\"name\":\"Bearing Count\",\"value\":\"14 Stainless Steel\"},{\"@type\":\"PropertyValue\",\"name\":\"Drive System\",\"value\":\"Synchronous Belt\"},{\"@type\":\"PropertyValue\",\"name\":\"Frame Type\",\"value\":\"Roller Cart\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Extended Range - Provides up to 300-400 meters of movement for deep-sea and long-distance ROV operations.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Precision Bearings - Equipped with 14 specialized stainless steel bearings for frictionless winding and durability.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Synchronous Drive - Features a high-precision aluminum alloy belt drive for reliable mechanical performance.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Modular Design - Easily disassembles into smaller parts for convenient storage and field transportation.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Durable Construction - Built with high-quality stainless steel and aluminum alloy to resist marine corrosion.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Can this roller cart be used with drones from other manufacturers?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This product is specifically engineered for the Chasing ecosystem, including the M2, M2 Pro, and Gladius Mini series. While the physical reel may hold other cables, the connectors and synchronous belt drive are optimized for Chasing's proprietary tether specifications to ensure data integrity and mechanical fit.\"}},{\"@type\":\"Question\",\"name\":\"How difficult is it to transport this unit to remote dive sites?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The cart is designed with portability in mind and can be easily disassembled into its core components. This allows it to fit into standard vehicle trunks or equipment cases, making it ideal for researchers and inspectors who frequently travel between different aquatic locations.\"}},{\"@type\":\"Question\",\"name\":\"Does the tether included with this cart support 4K video transmission?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the included 300-meter tether is a high-speed data cable designed to support the full bandwidth requirements of Chasing drones, including real-time 4K video feeds and telemetry data without signal degradation over the extended length.\"}}]}\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\":\"Chasing Reel Roller Cart with 300 meter Tether\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-reel-roller-cart-with-300-meter-tether\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-reel-roller-cart-with-300-meter-tether\"\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\"\u003eChasing Reel Roller Cart with 300 meter\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003eTether\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \n \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\"\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;\"\u003eEngineered for professional underwater exploration, this heavy-duty tether management system significantly extends the operational range of your ROV. Featuring a robust roller cart design, it supports tether lengths of up to 400 meters while maintaining a portable footprint. The integrated winding mechanism utilizes high-precision bearings and a synchronous belt drive to ensure smooth, fatigue-resistant cable deployment and retrieval in 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\"\u003eStandard Tether Length: 300 Meters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Tether Capacity: 400 Meters\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBearing Count: 14 Stainless Steel\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDrive System: Synchronous Belt\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eFrame Type: Roller Cart\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\/chasingreelrollercart2v.jpg?v=1712501714\" alt=\"Chasing Tether Reel Cart for M2 Pro underwater Drone\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eChasing Tether Reel Cart for M2 Pro 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;\"\u003eEngineered for professional underwater exploration, this heavy-duty tether management system significantly extends the operational range of your ROV.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eThe integrated winding mechanism utilizes high-precision bearings and a synchronous belt drive to ensure smooth, fatigue-resistant cable deployment and retrieval in 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;\"\u003eDesigned for professional ROV operators, marine researchers, and industrial inspectors who require extended range and organized cable management for Chasing underwater 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;\"\u003eExtend underwater drone movement up to 400 meters from the control point.\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;\"\u003eFacilitate rapid tether deployment and retrieval in professional marine environments.\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 high-speed data transfer for 4K video over long-distance cable runs.\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;\"\u003eWithstand repeated exposure to saltwater and harsh environmental conditions.\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\/chasingreelrollercart2fv.jpg?v=1712501714\" alt=\"Chasing Tether Reel Cart for M2 Pro underwater Drone side\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eChasing Tether Reel Cart for M2 Pro underwater Drone side\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\"\u003eTether 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\"\u003eStandard Length\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e300 Meters\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOptional Length\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e400 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 Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAnti-explosion, fatigue-resistant\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eData Support\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHigh-speed 4K Video \u0026amp; Telemetry\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\"\u003eMechanical Hardware\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBearing Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSpecialized Stainless Steel\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDrive Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSynchronous Belt\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eDrive Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHigh-precision Aluminum Alloy\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 Design\u003c\/span\u003e\n \u003cspan class=\"rc-accordion-icon\"\u003e▶\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content\"\u003e\n \u003cdiv class=\"rc-accordion-body\"\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eFrame Style\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eRoller Cart with Wheels\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePortability\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eTool-less Disassembly\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eStorage Mode\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCompact Breakdown\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=\"5\" 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(5 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 Chasing Reel Roller Cart Frame\u003c\/li\u003e\n\u003cli\u003e1x 300-meter Specialized Underwater Tether\u003c\/li\u003e\n\u003cli\u003e1x Integrated Winding Handle\u003c\/li\u003e\n\u003cli\u003e1x Synchronous Belt Drive System\u003c\/li\u003e\n\u003cli\u003e14x Specialized Stainless Steel Bearings (Pre-installed)\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\u003eChasing M2 Underwater Drone\u003c\/li\u003e\n\u003cli\u003eChasing Gladius Mini Underwater Drone\u003c\/li\u003e\n\u003cli\u003eChasing M2 Pro Underwater Drone\u003c\/li\u003e\n\u003cli\u003e400-meter Tether Upgrade (Available as separate variant)\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\"\u003eCan this roller cart be used with drones from other manufacturers?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis product is specifically engineered for the Chasing ecosystem, including the M2, M2 Pro, and Gladius Mini series. While the physical reel may hold other cables, the connectors and synchronous belt drive are optimized for Chasing's proprietary tether specifications to ensure data integrity and mechanical fit.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow difficult is it to transport this unit to remote dive sites?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe cart is designed with portability in mind and can be easily disassembled into its core components. This allows it to fit into standard vehicle trunks or equipment cases, making it ideal for researchers and inspectors who frequently travel between different aquatic locations.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eDoes the tether included with this cart support 4K video transmission?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the included 300-meter tether is a high-speed data cable designed to support the full bandwidth requirements of Chasing drones, including real-time 4K video feeds and telemetry data without signal degradation over the extended length.\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\"\u003eWaterproof Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eIP65 (Reel Components)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePrimary Materials\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eStainless Steel, Aluminum Alloy\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWarranty (Standard)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 Year\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eWarranty (Battery\/Electronic)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e6 Months (where applicable)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eReturn Policy\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eTwo Weeks Easy Returns\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 use in saltwater\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse the entire reel and tether with fresh water to prevent salt crystallization.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the aluminum alloy synchronous belt for signs of wear or debris.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eWipe down the stainless steel bearings to maintain smooth rotation.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure the tether is wound evenly and under slight tension to prevent overlapping loops.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing Reel Roller Cart with 300 meter Tether\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\"\u003eUDCHAS092A\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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$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\"\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\"\u003eChasing Reel Roller Cart with 300 meter Tether 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":"Chasing","offers":[{"title":"Default Title","offer_id":52498531123543,"sku":"UDCHAS092A","price":999.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/chasingreelrollercart2v.jpg?v=1767894681"},{"product_id":"shorebase-power-supply-system-100m-for-m2-pro-max-underwater-drone","title":"Shorebase Power Supply System for M2 Pro Max 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=\"Shorebase Power Supply System for M2 Pro Max Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Shorebase Power Supply System for M2 Pro Max Underwater Drone, Chasing, Accessory, accessories, Continuous Power Supply, Multi-Accessory Support, Long-Distance Transmission, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Shorebase Power Supply System for M2 Pro Max 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 | Shorebase Power Supply System for M2 Pro Max Underwater Drone\"\u003e\n \u003cmeta property=\"og:description\" content=\"Shorebase Power Supply System for M2 Pro Max 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\/shorebase-power-supply-system-for-m2-pro-max-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\/FipjHnbs34aqUPLMHzzP38HxR1hD.jpg?v=1700549498\"\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=\"Shorebase Power Supply System for M2 Pro Max Underwater Drone - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Screenshot2023-11-21at2.39.14PM.jpg?v=1700549498\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Screenshot2023-11-21at2.39.41PM.jpg?v=1700549498\"\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 | Shorebase Power Supply System for M2 Pro Max Underwater Drone\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Shorebase Power Supply System for M2 Pro Max 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\/FipjHnbs34aqUPLMHzzP38HxR1hD.jpg?v=1700549498\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Shorebase Power Supply System for M2 Pro Max Underwater Drone\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \n \n \u003cmeta property=\"product:retailer_item_id\" content=\"C-SPSS-100\"\u003e\n \n \u003cmeta property=\"product:mfr_part_no\" content=\"C-SPSS\"\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\":\"Shorebase Power Supply System for M2 Pro Max Underwater Drone\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include Max Output Power: 1,500 W, Operation Time: 24\/7 Continuous, Max Accessory Support: 5 Units, and Tether Tensile Strength: 250kgf. Continuous Power Supply - Enables 24\/7 operation with 1,500W maximum output power for uninterrupted missions. Professional marine researchers utilize this system for long-term underwater observation and data collection without the need for surface intervals. Industrial inspectors use the continuous power to conduct exhaustive hull, dam, or pipeline surveys that exceed standard battery runtimes. Search and rescue teams deploy the system during extended recovery operations where 24\/7 ROV availability is critical for mission success. Commercial aquaculture operators leverage the multi-accessory support to power specialized sensors and cleaning tools simultaneously for efficient farm maintenance.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/FipjHnbs34aqUPLMHzzP38HxR1hD.jpg?v=1700549498\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Screenshot2023-11-21at2.39.14PM.jpg?v=1700549498\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Screenshot2023-11-21at2.39.41PM.jpg?v=1700549498\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Accessory\",\"sku\":\"C-SPSS-100\",\"mpn\":\"C-SPSS\",\"url\":\"https:\/\/therobocraft.com\/products\/shorebase-power-supply-system-for-m2-pro-max-underwater-drone\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Max Output Power\",\"value\":\"1,500 W\"},{\"@type\":\"PropertyValue\",\"name\":\"Operation Time\",\"value\":\"24\/7 Continuous\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Accessory Support\",\"value\":\"5 Units\"},{\"@type\":\"PropertyValue\",\"name\":\"Tether Tensile Strength\",\"value\":\"250kgf\"},{\"@type\":\"PropertyValue\",\"name\":\"Cable Length Options\",\"value\":\"100m \/ 200m\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Continuous Power Supply - Enables 24\/7 operation with 1,500W maximum output power for uninterrupted missions.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Multi-Accessory Support - Sufficient output power to run the ROV and up to 5 accessories simultaneously.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Long-Distance Transmission - Available in 100m or 200m cable lengths to realize unrestricted underwater operation.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Durability Tether - Reinforced cable capable of withstanding up to 250kgf for safe operation in harsh environments.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Plug-and-Play Installation - Designed with a battery compartment for quick setup and immediate startup.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Can this system power accessories other than the drone itself?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the system is designed with a maximum output of 1,500W, which provides enough overhead to power the ROV and up to five additional accessories at the same time. This makes it ideal for complex setups involving external lights, sonars, and robotic arms.\"}},{\"@type\":\"Question\",\"name\":\"What safety features are built into the power delivery system?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The system features a multi-layered protection suite including leakage protection, overcurrent protection, undervoltage protection, and overvoltage protection. It also includes short circuit and high-temperature safeguards to ensure safe operation for the user and the drone in various water conditions.\"}},{\"@type\":\"Question\",\"name\":\"How does the installation process work for the ROV-based unit?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The system utilizes a specialized battery compartment design that is plug-and-play. Users can quickly install the ROV-based unit into the drone's existing battery slot, allowing for rapid startup and seamless integration with the M2 Pro or M2 Pro Max 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\":\"Accessory\",\"item\":\"https:\/\/therobocraft.com\/collections\/accessories\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Shorebase Power Supply System for M2 Pro Max Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/products\/shorebase-power-supply-system-for-m2-pro-max-underwater-drone\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/shorebase-power-supply-system-for-m2-pro-max-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-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 #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\"\u003eShorebase Power Supply System for M2 Pro Max 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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\"\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\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;\"\u003eDelivers uninterrupted 24\/7 operational capability for professional underwater missions. This high-performance system provides a massive 1,500W output, allowing for the simultaneous powering of the ROV and up to five additional accessories. Featuring a ruggedized tether capable of withstanding 250kgf of tension, it ensures reliable power delivery over distances up to 200 meters in the most demanding 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\"\u003eMax Output Power: 1,500 W\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eOperation Time: 24\/7 Continuous\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Accessory Support: 5 Units\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eTether Tensile Strength: 250kgf\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eCable Length Options: 100m \/ 200m\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\/Fipj%20Hnbs34aq%20UPLMHzz%20P38Hx%20R1h%20D.jpg?v=1700549498\" alt=\"Shorebase Power Supply System 100M\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eShorebase Power Supply System 100M\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;\"\u003eProfessional marine researchers utilize this system for long-term underwater observation and data collection without the need for surface intervals.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eCommercial aquaculture operators leverage the multi-accessory support to power specialized sensors and cleaning tools simultaneously for efficient farm maintenance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #f8fbff; border: 1px solid rgba(10,132,255,0.12);\"\u003e\n \u003cdiv style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #1E40AF; margin-bottom: 6px;\"\u003eBest suited for\u003c\/div\u003e\n \u003cdiv style=\"font-size: 13px; line-height: 1.7; color: #334155;\"\u003eDesigned for professional ROV pilots and industrial marine organizations requiring extended mission endurance. It is ideal for users operating in harsh environments who need a reliable, high-output power solution for complex multi-accessory configurations.\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;\"\u003eSupports 24\/7 continuous underwater operation without the need for battery recharging.\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;\"\u003ePowers up to 5 external accessories simultaneously alongside the main ROV propulsion 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;\"\u003e3\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eTransmits high-voltage power over distances of up to 200 meters through a reinforced tether.\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;\"\u003eWithstands up to 250kgf of tensile force, allowing for ROV recovery in snag situations.\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\/Screenshot2023-11-21at2.39.14PM.jpg?v=1700549498\" alt=\"Shorebase Power Supply System M2Pro\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eShorebase Power Supply System M2Pro\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\"\u003ePower 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 Output Power\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1,500 W\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eAccessory Support\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSupports up to 5 accessories simultaneously\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOperation Mode\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e24\/7 Continuous\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSupport for Multiple Accessories\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eCan power up to five accessories simultaneously\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eLong-Distance Power Supply\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eAvailable in 100m or 200m cables for power transmission\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\"\u003eCable \u0026amp; Tether\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\"\u003eCable Length Options\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100m or 200m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eCable Durability\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eWithstands up to 250kgf\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eHV Tether Cable Length\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5m\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; Portability\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\"\u003ePlug-and-play with battery compartment\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTrolley Case Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMilitary police-grade\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePortability Features\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eLight, portable, easy storage\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\/Screenshot2023-11-21at2.39.41PM.jpg?v=1700549498\" alt=\"Shorebase Power Supply m2 pro max\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eShorebase Power Supply m2 pro max\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=\"10\"\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(10 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 Shore-based unit\u003c\/li\u003e\n\u003cli\u003e1x High-voltage reel\u003c\/li\u003e\n\u003cli\u003e1x ROV-based unit\u003c\/li\u003e\n\u003cli\u003e1x HV tether cable (5m)\u003c\/li\u003e\n\u003cli\u003e1x RC tether cable (3m)\u003c\/li\u003e\n\u003cli\u003e1x AC power cord (5m)\u003c\/li\u003e\n\u003cli\u003e1x Pair of insulating gloves\u003c\/li\u003e\n\u003cli\u003e1x Pull rod box (Military police-grade Trolley Case)\u003c\/li\u003e\n\u003cli\u003e4x O-rings\u003c\/li\u003e\n\u003cli\u003e1x Document package\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\u003eChasing M2 Pro Underwater Drone\u003c\/li\u003e\n\u003cli\u003eChasing M2 Pro Max Underwater Drone\u003c\/li\u003e\n\u003cli\u003eExternal power generator for remote shore locations\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\"\u003eCan this system power accessories other than the drone itself?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the system is designed with a maximum output of 1,500W, which provides enough overhead to power the ROV and up to five additional accessories at the same time. This makes it ideal for complex setups involving external lights, sonars, and robotic arms.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat safety features are built into the power delivery system?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe system features a multi-layered protection suite including leakage protection, overcurrent protection, undervoltage protection, and overvoltage protection. It also includes short circuit and high-temperature safeguards to ensure safe operation for the user and the drone in various water conditions.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow does the installation process work for the ROV-based unit?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe system utilizes a specialized battery compartment design that is plug-and-play. Users can quickly install the ROV-based unit into the drone's existing battery slot, allowing for rapid startup and seamless integration with the M2 Pro or M2 Pro Max 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\"\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\"\u003eCase Material\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eMilitary police-grade protective structure\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Output Power\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1,500 W\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 use\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eInspect O-rings for wear and ensure they are properly lubricated to maintain seal integrity.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eClean tether cable of salt and debris before rewinding onto the high-voltage reel.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck all connection ports for moisture or corrosion before and after deployment.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eStore the system in the provided military-grade trolley case in a dry environment.\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\"\u003eShorebase Power Supply System for M2 Pro Max 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\"\u003eC-SPSS-100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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\"\u003eC-SPSS\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$7,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\"\u003eShorebase Power Supply System for M2 Pro Max 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(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":"Chasing","offers":[{"title":"Default Title","offer_id":52498531254615,"sku":"C-SPSS-100","price":7999.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/FipjHnbs34aqUPLMHzzP38HxR1hD.jpg?v=1767894681"},{"product_id":"chasing-ping-360-sonar-scanning-kit-for-m2-pro-drones","title":"Chasing Ping 360 Sonar for 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=\"Chasing Ping 360 Sonar for Underwater Drone - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Chasing Ping 360 Sonar for Underwater Drone, Chasing, Accessory, accessories, 360-Degree Scanning, High-Resolution Imaging, Open-Source Integration, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Chasing Ping 360 Sonar for 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 | Chasing Ping 360 Sonar for Underwater Drone\"\u003e\n \u003cmeta property=\"og:description\" content=\"Chasing Ping 360 Sonar for 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\/chasing-ping-360-sonar-for-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\/imagewithbothdrons.jpg?v=1683933563\"\u003e\n \u003cmeta property=\"og:image:width\" content=\"1200\"\u003e\n \u003cmeta property=\"og:image:height\" content=\"630\"\u003e\n \u003cmeta property=\"og:image:alt\" content=\"Chasing Ping 360 Sonar for Underwater Drone - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Picture_1_copy.jpg?v=1683933563\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Picture_2_copy.jpg?v=1683933563\"\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 | Chasing Ping 360 Sonar for Underwater Drone\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Chasing Ping 360 Sonar for 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\/imagewithbothdrons.jpg?v=1683933563\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Chasing Ping 360 Sonar for Underwater Drone\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \n \n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS091A\"\u003e\n \n \u003cmeta property=\"product:mfr_part_no\" content=\"M2PRO\"\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\":\"Chasing Ping 360 Sonar for Underwater Drone\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include 0.75m to 50m reach, Depth Rating: 300m (984 ft), Horizontal Beamwidth: 2°, and Scan Sector: Variable up to 360°. 360-Degree Scanning - Provides a full top-down acoustic view of the ROV's surroundings. Underwater emergency rescue operations where visibility is near zero and target location is critical.,Scientific research and exploration for mapping underwater structures and seafloor environments.,Security inspections of hulls, piers, and underwater infrastructure to detect anomalies or threats.,Obstacle avoidance during ROV navigation in turbid or sediment-heavy water conditions.,Target tracking and localization for recovering lost equipment or monitoring marine life.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/imagewithbothdrons.jpg?v=1683933563\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Picture_1_copy.jpg?v=1683933563\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/Picture_2_copy.jpg?v=1683933563\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Accessory\",\"sku\":\"UDCHAS091A\",\"mpn\":\"M2PRO\",\"url\":\"https:\/\/therobocraft.com\/products\/chasing-ping-360-sonar-for-underwater-drone\",\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Scanning Range\",\"value\":\"0.75m to 50m\"},{\"@type\":\"PropertyValue\",\"name\":\"Depth Rating\",\"value\":\"300m (984 ft)\"},{\"@type\":\"PropertyValue\",\"name\":\"Horizontal Beamwidth\",\"value\":\"2°\"},{\"@type\":\"PropertyValue\",\"name\":\"Scan Sector\",\"value\":\"Variable up to 360°\"},{\"@type\":\"PropertyValue\",\"name\":\"Scan Speed (2m)\",\"value\":\"9 sec \/ 360°\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"360-Degree Scanning - Provides a full top-down acoustic view of the ROV's surroundings.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Resolution Imaging - Delivers 1.6mm resolution at 2m range for precise object detection.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Open-Source Integration - Uses Ping-Viewer software for customizable data display and control.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Deep-Sea Capability - Pressure rated for operations down to 300 meters (984 feet).\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Variable Scan Sectors - Allows users to focus the sonar on specific areas for faster updates.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How does this sonar perform in murky or turbid water?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This sonar is specifically designed for low-visibility conditions where traditional cameras fail. It uses acoustic waves to 'see' through sediment and darkness, providing a clear top-down map of surroundings up to 50 meters away.\"}},{\"@type\":\"Question\",\"name\":\"What software is required to operate this sonar kit?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The kit connects to the open-source Ping-Viewer application. This software provides the interface for controlling the sonar's scan sector and displaying the acoustic data in real-time on your connected device.\"}},{\"@type\":\"Question\",\"name\":\"Can I adjust the scanning angle to focus on a specific area?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the scanned sector is completely variable. You can set it to perform a full 360-degree sweep for general navigation or narrow the sector to focus on a specific target for higher-frequency updates.\"}}]}\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\":\"Chasing Ping 360 Sonar for Underwater Drone\",\"item\":\"https:\/\/therobocraft.com\/products\/chasing-ping-360-sonar-for-underwater-drone\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/chasing-ping-360-sonar-for-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-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 #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\"\u003eChasing Ping 360 Sonar for 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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\"\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;\"\u003eNavigate and image with confidence in zero-visibility environments using this high-precision mechanical scanning sonar. Delivering a full 360-degree top-down view with a 50-meter range and 300-meter depth rating, it provides critical spatial awareness for complex ROV missions. Its open-source software integration ensures a customizable, cost-effective solution for professional underwater acoustic imaging and obstacle avoidance.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eScanning Range: 0.75m to 50m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDepth Rating: 300m (984 ft)\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eHorizontal Beamwidth: 2°\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eScan Sector: Variable up to 360°\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eScan Speed (2m): 9 sec \/ 360°\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\/imagewithbothdrons.jpg?v=1683933563\" 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;\"\u003eNavigate and image with confidence in zero-visibility environments using this high-precision mechanical scanning sonar.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 14px 0; font-size: 14px; line-height: 1.8; color: #475569;\"\u003eIts open-source software integration ensures a customizable, cost-effective solution for professional underwater acoustic imaging and obstacle avoidance.\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, search and rescue teams, marine researchers, and industrial underwater inspectors requiring advanced spatial awareness in low-visibility 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\"\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;\"\u003ePerforms full 360-degree mechanical scans for comprehensive spatial awareness.\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;\"\u003eDetects underwater objects and structures at distances up to 50 meters.\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 high-resolution range data with 0.08% resolution of the selected range.\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;\"\u003eIntegrates directly with Chasing M2 Pro and M2 Pro MAX control systems.\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\/Picture_1_copy.jpg?v=1683933563\" 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\"\u003eSonar 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\"\u003eBeamwidth - Horizontal\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2°\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMinimum Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0.75 m (2.5ft)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e50 m (165ft)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eRange Resolution at 50m\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.1 cm (1.61 inch)\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\"\u003eScanning \u0026amp; 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\"\u003eScanned Sector\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eVariable up to 360°\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eScan Speed at 2 m\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e9 sec \/ 360°\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\"\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\"\u003ePressure Rating\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e300 m (984 ft)\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\"\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 Models\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eChasing M2 Pro, Chasing M2 Pro MAX\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\/Picture_2_copy.jpg?v=1683933563\" 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=\"4\"\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 CHASING PING 360 SONAR Unit\u003c\/li\u003e\n\u003cli\u003e1x Mounting Bracket Kit for M2 Pro \/ M2 Pro MAX\u003c\/li\u003e\n\u003cli\u003e1x Connection Cable Assembly\u003c\/li\u003e\n\u003cli\u003e1x Installation Hardware Set\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\u003eChasing M2 Pro Underwater Drone\u003c\/li\u003e\n\u003cli\u003eChasing M2 Pro MAX Underwater Drone\u003c\/li\u003e\n\u003cli\u003eControl Tablet or Laptop for Ping-Viewer Software\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 sonar perform in murky or turbid water?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThis sonar is specifically designed for low-visibility conditions where traditional cameras fail. It uses acoustic waves to 'see' through sediment and darkness, providing a clear top-down map of surroundings up to 50 meters away.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat software is required to operate this sonar kit?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe kit connects to the open-source Ping-Viewer application. This software provides the interface for controlling the sonar's scan sector and displaying the acoustic data in real-time on your connected device.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan I adjust the scanning angle to focus on a specific area?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the scanned sector is completely variable. You can set it to perform a full 360-degree sweep for general navigation or narrow the sector to focus on a specific target for higher-frequency updates.\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\"\u003eWarranty (Standard)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 Year\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMinimum Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0.75 m (2.5ft)\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 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 the sonar unit thoroughly with fresh water to remove salt and debris.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect the mechanical scanning head for any trapped particles or obstructions.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck connection cables for signs of wear or corrosion on the pins.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eEnsure mounting brackets are secure and have not loosened during operation.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- PRODUCT IDENTIFIERS --\u003e\n \n \u003csection class=\"rc-card rc-identifiers\" id=\"identifiers\" role=\"region\" aria-labelledby=\"id-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section\" data-section-tier=\"tier3\"\u003e\n \u003csummary\u003e\u003ch2 id=\"id-title\" class=\"rc-section-title\"\u003eProduct Identifiers\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-identifiers-list\"\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eProduct Name\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing Ping 360 Sonar for 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\"\u003eUDCHAS091A\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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\"\u003eM2PRO\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$5,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\"\u003eChasing Ping 360 Sonar for 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(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":"Chasing","offers":[{"title":"Default Title","offer_id":52504712184151,"sku":"UDCHAS091A","price":5999.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/imagewithbothdrons.jpg?v=1767973391"},{"product_id":"chasing-cerulean-omniscan-450-fs-forward-looking-sonar-system","title":"Cerulean Omniscan 450 FS Sonar for Chasing 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=\"Cerulean Omniscan 450 FS Sonar for Chasing Underwater Drones - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Cerulean Omniscan 450 FS Sonar for Chasing Underwater Drones, Chasing, Underwater Drone, underwater-drone, Sonar View Software, Doppler Position Tracking, High-Resolution Imaging, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Cerulean Omniscan 450 FS Sonar for Chasing 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 | Cerulean Omniscan 450 FS Sonar for Chasing Underwater Drones\"\u003e\n \u003cmeta property=\"og:description\" content=\"Cerulean Omniscan 450 FS Sonar for Chasing 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\/cerulean-omniscan-450-fs-sonar-for-chasing-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\/files\/ScreenShot2024-07-26at10.21.20AM.png?v=1722005770\"\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=\"Cerulean Omniscan 450 FS Sonar for Chasing Underwater Drones - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-07-26at10.36.50AM.png?v=1722005770\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-07-26at10.39.04AM.png?v=1722005770\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"3500.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 | Cerulean Omniscan 450 FS Sonar for Chasing Underwater Drones\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Cerulean Omniscan 450 FS Sonar for Chasing 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\/files\/ScreenShot2024-07-26at10.21.20AM.png?v=1722005770\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Cerulean Omniscan 450 FS Sonar for Chasing Underwater Drones\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"3500.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS081A\"\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\":\"Cerulean Omniscan 450 FS Sonar for Chasing Underwater Drones\",\"description\":\"Engineered for underwater inspection and exploration. Verified specifications include Frequency: 450 k Hz, 100m reach, Beam Width 0.8°, and Max Ping Rate: 20 pps.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-07-26at10.21.20AM.png?v=1722005770\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-07-26at10.36.50AM.png?v=1722005770\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ScreenShot2024-07-26at10.39.04AM.png?v=1722005770\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Underwater Drone\",\"sku\":\"UDCHAS081A\",\"url\":\"https:\/\/therobocraft.com\/products\/cerulean-omniscan-450-fs-sonar-for-chasing-underwater-drones\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/cerulean-omniscan-450-fs-sonar-for-chasing-underwater-drones\",\"priceCurrency\":\"USD\",\"price\":\"3500.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\"}},\"additionalType\":\"Electronics \u003e GPS \u0026 Navigation \u003e Drones\",\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":440,\"unitCode\":\"GRM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Frequency\",\"value\":\"450 kHz\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Range\",\"value\":\"100m\"},{\"@type\":\"PropertyValue\",\"name\":\"Beam Width\",\"value\":\"0.8°\"},{\"@type\":\"PropertyValue\",\"name\":\"Max Ping Rate\",\"value\":\"20 pps\"},{\"@type\":\"PropertyValue\",\"name\":\"Depth Rating\",\"value\":\"Up to 300m\"},{\"@type\":\"PropertyValue\",\"name\":\"Power Usage\",\"value\":\"10 W Max\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is the difference between the FS and SS models?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The FS (Forward Scanning) and SS (Side Scanning) models differ primarily in their transducer orientation and packaging. While the FS is optimized for forward-looking ROV applications, the internal electronics are similar, and either model can technically be adapted for either application depending on mounting.\"}},{\"@type\":\"Question\",\"name\":\"How does the Doppler Position Tracking work without a DVL?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Omniscan's Doppler Position Tracking provides translational information specifically in the direction of the sonar beam. This allows underwater vehicles without dedicated positioning hardware to track movement and maintain orientation relative to the scanned area.\"}},{\"@type\":\"Question\",\"name\":\"What is the benefit of the 'Heading Up' mode in SonarView?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The 'Heading Up' mode makes manual scanning highly intuitive for the ROV driver. Instead of waiting for a mechanical sweep, the driver can focus on specific areas of interest, and the software aligns the sonar image with the vehicle's current heading for better situational awareness.\"}}]}\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\":\"Cerulean Omniscan 450 FS Sonar for Chasing Underwater Drones\",\"item\":\"https:\/\/therobocraft.com\/products\/cerulean-omniscan-450-fs-sonar-for-chasing-underwater-drones\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/cerulean-omniscan-450-fs-sonar-for-chasing-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-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\"\u003eCerulean Omniscan 450 FS Sonar for Chasing 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;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\"\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=\"#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 high-performance forward-looking ROV applications, this advanced sonar system provides critical situational awareness in murky underwater environments. It utilizes a 450 k Hz frequency to 'paint' real-time images of the seafloor with a 100m maximum range. Featuring integrated Doppler Position Tracking and a high-resolution 0.8° beam, it enables precise navigation and position hold for professional underwater vehicles.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eFrequency: 450 k Hz\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Range: 100m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eBeam Width: 0.8°\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMax Ping Rate: 20 pps\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eDepth Rating: Up to 300m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003ePower Usage: 10 W Max\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-07-26at10.21.20AM.png?v=1722005770\" alt=\"chasing omniscan sonar\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003echasing omniscan sonar\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 high-performance forward-looking ROV applications, this advanced sonar system provides critical situational awareness in murky underwater environments.\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 commercial underwater inspectors who require high-resolution imaging and precise positioning in challenging water conditions.\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;\"\u003ePaints real-time acoustic images of the sea floor for situational awareness.\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;\"\u003eTracks translational motion using integrated Doppler 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;\"\u003eSupports manual operator-controlled scanning for focused target 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;\"\u003e4\u003c\/div\u003e\n \u003ch3 style=\"margin:0 0 10px 0; font-size:16px; line-height:1.35; color:#111827; font-weight:800;\"\u003eEnables 2D motion tracking when used in a dual-unit configuration.\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-07-26at10.36.50AM.png?v=1722005770\" 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\"\u003eAcoustic 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\"\u003eFrequency\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e450 k Hz\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eRange Resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eUp to 1\/1200 of range setting\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Ping Rate (up to 30m)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e20 pings per second\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePing Rate @ 50m\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e10 pps\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePing Rate @ 140m\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5 pps\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMaximum Range\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\"\u003eFar Field\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e7m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBeam Width\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0.8°\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eBeam Height\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e50°\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; 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\"\u003ePower Supply\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e10-30 Volts\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePower Consumption (Idle)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5 watts max\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePower Consumption (Pinging)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e10 watts max\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eData Interface\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e100 Base T Ethernet\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eElectrical Connection\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSingle cable with 4 pin JST for data + wire pair for power\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 Properties\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 in Air (100m version)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e440g\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 (300m version)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e825g\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 (100m version)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e-60g\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 (300m version)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e+325g\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eOverall Dimensions\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e55x67x200mm\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\"\u003eMaximum Operating Depth (Deep)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e300m\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-07-26at10.39.04AM.png?v=1722005770\" alt=\"chasing cerulean omniscan sonar\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003echasing cerulean omniscan sonar\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/section\u003e\n \n\n \u003c!-- WHAT'S INCLUDED \/ NOT INCLUDED --\u003e\n \n \u003csection class=\"rc-card rc-inclusions\" id=\"inclusions\" role=\"region\" aria-labelledby=\"inclusions-title\"\u003e\n \u003cdetails class=\"rc-collapsible-section rc-inclusions-details\" data-section-tier=\"tier3\" data-item-count=\"4\" open\u003e\n \u003csummary\u003e\u003ch2 id=\"inclusions-title\" class=\"rc-section-title\"\u003eWhat's Included \/ Not Included \u003cspan style=\"font-size: 11px; color: #6B7280; font-weight: 500;\"\u003e(4 items)\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-inclusions-grid\"\u003e\n \u003cdiv class=\"rc-included\"\u003e\n\u003ch3\u003eIncluded:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1x Omniscan 450 FS Sonar Unit (100m or 300m version as selected)\u003c\/li\u003e\n\u003cli\u003e1x Integrated Ethernet and Power Interface Module\u003c\/li\u003e\n\u003cli\u003e1x Power Wiring Cable\u003c\/li\u003e\n\u003cli\u003e1x Blue Robotics RJ45 to JST GH Adapter\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\u003eChasing M2 Pro \/ M2 Pro Max ROV (sold separately)\u003c\/li\u003e\n\u003cli\u003eMounting brackets or specialized ROV integration hardware\u003c\/li\u003e\n\u003cli\u003eExternal DVL or GPS modules for advanced translational scanning\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\"\u003eWhat is the difference between the FS and SS models?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe FS (Forward Scanning) and SS (Side Scanning) models differ primarily in their transducer orientation and packaging. While the FS is optimized for forward-looking ROV applications, the internal electronics are similar, and either model can technically be adapted for either application depending on mounting.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow does the Doppler Position Tracking work without a DVL?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eOmniscan's Doppler Position Tracking provides translational information specifically in the direction of the sonar beam. This allows underwater vehicles without dedicated positioning hardware to track movement and maintain orientation relative to the scanned area.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat is the benefit of the 'Heading Up' mode in Sonar View?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe 'Heading Up' mode makes manual scanning highly intuitive for the ROV driver. Instead of waiting for a mechanical sweep, the driver can focus on specific areas of interest, and the software aligns the sonar image with the vehicle's current heading for better situational awareness.\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\"\u003eViewing Software\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSonar View by Cerulean\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eTracking Technology\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eDoppler Position Tracking\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eEthernet Standard\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eBlue Robotics Ethernet standard (JST GH)\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eScanning Modes\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHeading Up, Translational, Rotational\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eEnclosure Type\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eSingle integrated transducer and electronics housing\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 Chasing Underwater Drones\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\"\u003eCerulean Omniscan 450 FS Sonar for Chasing 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\"\u003eUDCHAS081A\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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$3,500.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\"\u003eCerulean Omniscan 450 FS Sonar for Chasing 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(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":"Chasing","offers":[{"title":"Default Title","offer_id":52506479362391,"sku":"UDCHAS081A","price":3500.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/ScreenShot2024-07-26at10.21.20AM.png?v=1767976871"},{"product_id":"cerulean-usbl-rov-locator-mark-ii-receiver-and-transmitter-bundle","title":"Cerulean USBL Receiver and Transmitters with Auto Sync function","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=\"Cerulean USBL Receiver and Transmitters with Auto Sync function - Verified product details, core specifications, inclusions, FAQs, and buying information.\"\u003e\n \u003cmeta name=\"keywords\" content=\"Cerulean USBL Receiver and Transmitters with Auto Sync function, Chasing, Accessory, accessories, Auto Sync Technology, Real-Time Map Integration, High-Resolution Tracking, specifications, buy online\"\u003e\n \u003cmeta name=\"author\" content=\"Chasing\"\u003e\n \u003cmeta name=\"theme-color\" content=\"#0b1220\"\u003e\n \u003cmeta name=\"color-scheme\" content=\"light dark\"\u003e\n \u003ctitle\u003eTheRoboCraft | Cerulean USBL Receiver and Transmitters with Auto Sync function\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 | Cerulean USBL Receiver and Transmitters with Auto Sync function\"\u003e\n \u003cmeta property=\"og:description\" content=\"Cerulean USBL Receiver and Transmitters with Auto Sync function - 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\/cerulean-usbl-receiver-and-transmitters-with-auto-sync-function\"\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\/ceruleansonarusblsize.jpg?v=1715678142\"\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=\"Cerulean USBL Receiver and Transmitters with Auto Sync function - Product Image\"\u003e\n \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ceruleansonarusbl1.jpg?v=1715678141\"\u003e\n \u003cmeta property=\"og:price:amount\" content=\"4450.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 | Cerulean USBL Receiver and Transmitters with Auto Sync function\"\u003e\n \u003cmeta name=\"twitter:description\" content=\"Cerulean USBL Receiver and Transmitters with Auto Sync function - 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\/ceruleansonarusblsize.jpg?v=1715678142\"\u003e\n \u003cmeta name=\"twitter:image:alt\" content=\"Cerulean USBL Receiver and Transmitters with Auto Sync function\"\u003e\n \n \n \u003c!-- Google Product Meta Tags (Open Graph Product) --\u003e\n \u003cmeta property=\"product:brand\" content=\"Chasing\"\u003e\n \u003cmeta property=\"product:availability\" content=\"in stock\"\u003e\n \u003cmeta property=\"product:condition\" content=\"new\"\u003e\n \u003cmeta property=\"product:price:amount\" content=\"4450.00\"\u003e\n \u003cmeta property=\"product:price:currency\" content=\"USD\"\u003e\n \u003cmeta property=\"product:retailer_item_id\" content=\"UDCHAS082\"\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\":\"Cerulean USBL Receiver and Transmitters with Auto Sync function\",\"description\":\"Designed to extend compatibility and system functionality. Verified specifications include Maximum Depth: 300m, 500m reach, Angular Resolution: 0.1°, and Update Rate: 1 Hz. Auto Sync Technology - Uses GNSS signals to automatically calibrate distance and timing without manual user intervention. ROV Navigation: Provides real-time tracking of underwater vehicles on QGroundControl map displays for precise mission monitoring.,Subsea Inspection: Enables commercial divers and ROV pilots to maintain accurate position data during infrastructure or hull inspections.,Search and Recovery: Assists in locating submerged objects by providing high-resolution slant range and azimuth data up to 500m away.,Scientific Research: Offers researchers a cost-effective method for logging the exact coordinates of underwater samples and observations.\",\"image\":[\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ceruleansonarusblsize.jpg?v=1715678142\",\"https:\/\/cdn.shopify.com\/s\/files\/1\/0236\/4759\/files\/ceruleansonarusbl1.jpg?v=1715678141\"],\"brand\":{\"@type\":\"Brand\",\"name\":\"Chasing\"},\"manufacturer\":{\"@type\":\"Organization\",\"name\":\"Chasing\"},\"category\":\"Accessory\",\"sku\":\"UDCHAS082\",\"url\":\"https:\/\/therobocraft.com\/products\/cerulean-usbl-receiver-and-transmitters-with-auto-sync-function\",\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/therobocraft.com\/products\/cerulean-usbl-receiver-and-transmitters-with-auto-sync-function\",\"priceCurrency\":\"USD\",\"price\":\"4450.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 where applicable)\"},\"warrantyScope\":\"https:\/\/schema.org\/Product\"}},\"weight\":{\"@type\":\"QuantitativeValue\",\"value\":335,\"unitCode\":\"GRM\"},\"additionalProperty\":[{\"@type\":\"PropertyValue\",\"name\":\"Maximum Depth\",\"value\":\"300m\"},{\"@type\":\"PropertyValue\",\"name\":\"Maximum Range\",\"value\":\"500m\"},{\"@type\":\"PropertyValue\",\"name\":\"Angular Resolution\",\"value\":\"0.1°\"},{\"@type\":\"PropertyValue\",\"name\":\"Update Rate\",\"value\":\"1Hz\"},{\"@type\":\"PropertyValue\",\"name\":\"Error Rate (Auto Sync)\",\"value\":\"0.5m\/hr\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Auto Sync Technology - Uses GNSS signals to automatically calibrate distance and timing without manual user intervention.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Real-Time Map Integration - Directly compatible with QGroundControl for live ROV position overlay on mission maps.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"High-Resolution Tracking - Provides 0.1m slant range resolution and 0.1° apparent yaw\/azimuth resolution.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Dual-Voltage Serial Comms - Features auto-sensing 3.3V or 5V TTL serial communication levels for easy integration.\"},{\"@type\":\"PropertyValue\",\"name\":\"Feature\",\"value\":\"Compact Form Factor - Both units feature a 283ml volume, making them easy to mount on small to mid-sized ROVs.\"}]}\u003c\/script\u003e\n \u003cscript type=\"application\/ld+json\"\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How does the Auto Sync function improve tracking accuracy?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Auto Sync works by exposing both the Receiver and Transmitter to GPS or GNSS signals at the start of a mission. This process synchronizes the internal clocks and distance measurements, reducing slant range error accumulation from 2m\/hr down to just 0.5m\/hr.\"}},{\"@type\":\"Question\",\"name\":\"Can the receiver be powered directly from a computer?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the receiver is specifically designed to allow operation from a laptop USB port. This requires a serial-to-USB adapter and operates within a 4.5V to 16V DC range while drawing less than 1 Watt.\"}},{\"@type\":\"Question\",\"name\":\"What is the typical time required for satellite acquisition?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Satellite acquisition typically occurs within 30 seconds of power-up. This usually happens in the background while the ROV is being readied for launch and the Receiver IMU calibration is being performed.\"}},{\"@type\":\"Question\",\"name\":\"What are the power requirements for the transmitter unit?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The transmitter supports a wide input range of 5V to 28V DC. However, it is highly recommended to use a 9V or higher supply to ensure the unit can handle burst currents and prevent erratic operation or drop-outs.\"}}]}\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\":\"Cerulean USBL Receiver and Transmitters with Auto Sync function\",\"item\":\"https:\/\/therobocraft.com\/products\/cerulean-usbl-receiver-and-transmitters-with-auto-sync-function\"}]}\u003c\/script\u003e\n \n \u003c!-- Canonical URL --\u003e\n \u003clink rel=\"canonical\" href=\"https:\/\/therobocraft.com\/products\/cerulean-usbl-receiver-and-transmitters-with-auto-sync-function\"\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\"\u003eCerulean USBL Receiver and Transmitters with Auto Sync\u003c\/span\u003e \u003cspan class=\"rc-title-accent\"\u003efunction\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \n \u003cdiv style=\"display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 18px 0;flex-wrap:wrap;\"\u003e\n \u003cspan style=\"font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:0.9px;\"\u003eBy\u003c\/span\u003e\n \u003cspan style=\"color:#1e293b;font-size:15px;font-weight:650;\"\u003eChasing\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"rc-hero-meta\" aria-label=\"Buying details\"\u003e\n \u003cdiv class=\"rc-hero-meta-grid\"\u003e\n\u003cspan class=\"rc-hero-meta-chip\"\u003e\u003cspan class=\"rc-hero-meta-kicker\"\u003eCategory\u003c\/span\u003e\u003cspan class=\"rc-hero-meta-value\"\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\"\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;\"\u003eStreamline underwater positioning with this advanced USBL system featuring integrated Auto Sync technology. Designed for ROV tracking up to 300m deep, it delivers real-time location data directly to QGround Control maps with 0.1° angular resolution. By utilizing GNSS signals for background calibration, it eliminates manual startup delays and reduces slant range error accumulation to just 0.5m per hour for professional-grade subsea navigation.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-badges\" style=\"margin-top: 28px;\"\u003e\n \u003cspan class=\"rc-badge\"\u003eMaximum Depth: 300m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eMaximum Range: 500m\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eAngular Resolution: 0.1°\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eUpdate Rate: 1 Hz\u003c\/span\u003e\u003cspan class=\"rc-badge\"\u003eError Rate (Auto Sync): 0.5m\/hr\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\/ceruleansonarusblsize.jpg?v=1715678142\" alt=\"Dimensions and sizing\" class=\"rc-strategic-img\" loading=\"lazy\" decoding=\"async\" onerror=\"this.parentElement.style.display='none'\"\u003e\n \u003cdiv class=\"rc-image-caption\"\u003eDimensions and sizing\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;\"\u003eStreamline underwater positioning with this advanced USBL system featuring integrated Auto Sync technology.\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 subsea inspection teams requiring reliable, low-maintenance underwater positioning without the high cost of traditional USBL systems.\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;\"\u003eTracks ROV location in real-time up to 500m away from the surface receiver.\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;\"\u003eOperates at depths up to 300m without risk of housing collapse.\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;\"\u003eSynchronizes transmitter and receiver timing via GNSS in under 30 seconds.\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;\"\u003eOutputs slant range data with a precision of 0.1 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\/ceruleansonarusbl1.jpg?v=1715678141\" 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\"\u003ePerformance \u0026amp; 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\"\u003eMaximum Depth Exposure\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\"\u003eAbsolute Maximum Range\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e500m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eUpdate Rate\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e1 Hz\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003ePing Frequency\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e25k Hz\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\"\u003eResolution \u0026amp; Accuracy\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\"\u003eApparent Yaw\/Azimuth resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0.1°\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSlant range measurement resolution\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0.1m\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSlant range error accumulation (baseline)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2m\/hr\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eSlant range error accumulation (autosync)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e0.5m\/hr\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eIMU Euler angle accuracy (typical)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e2°\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 Characteristics\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\"\u003eVolume (Receiver Unit)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e283ml\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMass (Receiver Unit)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e335g\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMass (Transmitter Unit)\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e298g\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\"\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\"\u003eReceiver V-in power\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e4.5 V to 16 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\"\u003eTransmitter V-in power\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e5 V to 28 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\"\u003eSerial Comms Voltage Levels\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003e3.3 V TTL or 5 V TTL (auto sense)\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=\"20\"\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(20 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\u003eMaximum Depth Exposure (minimum crush depth) - 300m\u003c\/li\u003e\n\u003cli\u003eVolume, Receiver Unit - 283ml\u003c\/li\u003e\n\u003cli\u003eMass, Receiver Unit - 335g\u003c\/li\u003e\n\u003cli\u003eVolume, Transmitter Unit - 283ml\u003c\/li\u003e\n\u003cli\u003eMass, Transmitter Unit - 298g\u003c\/li\u003e\n\u003cli\u003eAbsolute Maximum Range - 500m\u003c\/li\u003e\n\u003cli\u003eTypical Usable Range - 300m\u003c\/li\u003e\n\u003cli\u003eApparent Yaw\/Azimuth resolution - 0.1°\u003c\/li\u003e\n\u003cli\u003eApparent Elevation angle resolution - 0.1°\u003c\/li\u003e\n\u003cli\u003eSlant range measurement resolution - 0.1m\u003c\/li\u003e\n\u003cli\u003eSlant range error accumulation, baseline (typical) - 2m\/hr\u003c\/li\u003e\n\u003cli\u003eSlant range error accumulation, baseline (autosync) - 0.5m\/hr\u003c\/li\u003e\n\u003cli\u003eIMU Euler angle accuracy, typical (magnetic errors not included) - 2°\u003c\/li\u003e\n\u003cli\u003eUpdate rate - 1Hz\u003c\/li\u003e\n\u003cli\u003ePing Frequency - 25k Hz\u003c\/li\u003e\n\u003cli\u003eReceiver V-in power (Note: The receiver is designed to allow operation from a laptop USB port using a serial-to-USB adapter) - 4.5V to 16V DC \u0026lt;1 Watt\u003c\/li\u003e\n\u003cli\u003eTransmitter V-in power (Note: Power supplies must be able to supply burst currents to prevent drop-out and erratic operation. While the transmitter will work with a low impedance 5V supply we recommend using 9V or higher) - 5V to 28V DC\u003c\/li\u003e\n\u003cli\u003e1.4W @ 5V\u003c\/li\u003e\n\u003cli\u003e1.6W @ 28V\u003c\/li\u003e\n\u003cli\u003eSerial Comms Voltage Levels - 3.3V TTL or 5V TTL, auto sense\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\u003eSerial-to-USB adapter (required for laptop operation)\u003c\/li\u003e\n\u003cli\u003eExternal 9V+ power supply for transmitter (recommended for optimal performance)\u003c\/li\u003e\n\u003cli\u003eROV\/Tether 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\"\u003e\n \u003csummary\u003e\u003ch2 id=\"faq-title\" class=\"rc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cspan class=\"rc-collapse-icon\"\u003e▶\u003c\/span\u003e\u003c\/summary\u003e\n \u003cdiv class=\"rc-collapse-body\"\u003e\n \u003cdiv class=\"rc-faq-list\"\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eHow does the Auto Sync function improve tracking accuracy?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eAuto Sync works by exposing both the Receiver and Transmitter to GPS or GNSS signals at the start of a mission. This process synchronizes the internal clocks and distance measurements, reducing slant range error accumulation from 2m\/hr down to just 0.5m\/hr.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eCan the receiver be powered directly from a computer?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eYes, the receiver is specifically designed to allow operation from a laptop USB port. This requires a serial-to-USB adapter and operates within a 4.5V to 16V DC range while drawing less than 1 Watt.\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 time required for satellite acquisition?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eSatellite acquisition typically occurs within 30 seconds of power-up. This usually happens in the background while the ROV is being readied for launch and the Receiver IMU calibration is being performed.\u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"rc-faq-item\"\u003e\n \u003csummary class=\"rc-faq-question\"\u003eWhat are the power requirements for the transmitter unit?\u003c\/summary\u003e\n \u003cdiv class=\"rc-faq-answer\"\u003eThe transmitter supports a wide input range of 5V to 28V DC. However, it is highly recommended to use a 9V or higher supply to ensure the unit can handle burst currents and prevent erratic operation or drop-outs.\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\"\u003eSoftware Compatibility\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eQGround Control, Sonar View\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"rc-accordion-spec-row\"\u003e\n \u003cspan class=\"rc-spec-label-acc\"\u003eMounting Hardware\u003c\/span\u003e\n \u003cspan class=\"rc-spec-value-acc\"\u003eHose clamp and bracket included\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 Per mission\n \u003c\/div\u003e\n \u003cul class=\"rc-maintenance-list\"\u003e\n \u003cli class=\"rc-maintenance-req\"\u003eRinse both units with fresh water after every saltwater immersion.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eInspect mounting ring and hose clamps for signs of corrosion or loosening.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eVerify GNSS signal acquisition before deployment to ensure Auto Sync functionality.\u003c\/li\u003e\n \n \u003cli class=\"rc-maintenance-req\"\u003eCheck serial cable connections for integrity and moisture ingress.\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\"\u003eCerulean USBL Receiver and Transmitters with Auto Sync function\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\"\u003eUDCHAS082\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"rc-id-item\"\u003e\n\u003cspan class=\"rc-id-label\"\u003eBrand\u003c\/span\u003e\u003cspan class=\"rc-id-value\"\u003eChasing\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$4,450.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\"\u003eCerulean USBL Receiver and Transmitters with Auto Sync function 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":"Chasing","offers":[{"title":"Default Title","offer_id":52506521502039,"sku":"UDCHAS082","price":4450.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/files\/ceruleansonarusblsize.jpg?v=1767977869"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0899\/0808\/5079\/collections\/Chasing.jpg?v=1767463267","url":"https:\/\/therobocraft.com\/collections\/chasing.oembed?page=4","provider":"The Robo Craft","version":"1.0","type":"link"}