{"id":2368,"date":"2025-11-27T19:59:10","date_gmt":"2025-11-27T18:59:10","guid":{"rendered":"https:\/\/www.cynus.de\/?page_id=2368"},"modified":"2026-01-07T19:58:57","modified_gmt":"2026-01-07T18:58:57","slug":"sphereone-digitale-open-space-navigation-in-der-medizin","status":"publish","type":"page","link":"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/","title":{"rendered":"SphereOne &#8211; Digitale Open-Space Navigation in der Medizin"},"content":{"rendered":"<style>.elementor-2368 .elementor-element.elementor-element-3c0348fd{--display:flex;}.elementor-2368 .elementor-element.elementor-element-46265ef{width:100%;max-width:100%;top:0px;}body:not(.rtl) .elementor-2368 .elementor-element.elementor-element-46265ef{left:0px;}body.rtl .elementor-2368 .elementor-element.elementor-element-46265ef{right:0px;}body.elementor-page-2368:not(.elementor-motion-effects-element-type-background), body.elementor-page-2368 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2368\" class=\"elementor elementor-2368 elementor-2193\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c0348fd e-flex e-con-boxed e-con e-parent\" data-id=\"3c0348fd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46265ef elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"46265ef\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"Sphere One - Sterilisable surgical control system\">\r\n    <meta property=\"og:title\" content=\"Sphere One - Revolutionary surgical control system\">\r\n    <title>Sphere One - Sterilisable surgical control system<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\" \/>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary: #528281;\r\n            --primary-light: #6ba3a0;\r\n            --primary-dark: #3d6164;\r\n            --background: #ffffff;\r\n            --foreground: #1a2e33;\r\n            --text-secondary: #6b8a8d;\r\n            --text-tertiary: #528281;\r\n            --card-bg: #f5f9f9;\r\n            --border-color: #e0e8e9;\r\n            --accent-red: #528281;\r\n            --dark-bg: #0a1515;\r\n            --dark-bg-secondary: #0d1820;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--foreground);\r\n            background-color: var(--background);\r\n        }\r\n\r\n        .container {\r\n            max-width: 1280px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* ========== HERO SECTION ========== *\/\r\n        .hero {\r\n            background: linear-gradient(135deg, var(--dark-bg) 0%, var(--dark-bg-secondary) 100%);\r\n            color: white;\r\n            padding: 60px 20px 80px;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: radial-gradient(circle at 25% 40%, rgba(82, 130, 129, 0.2) 0%, transparent 50%),\r\n                        radial-gradient(circle at 75% 80%, rgba(82, 130, 129, 0.1) 0%, transparent 50%);\r\n            animation: gradientShift 20s ease-in-out infinite;\r\n            pointer-events: none;\r\n        }\r\n\r\n        @keyframes gradientShift {\r\n            0%, 100% { opacity: 1; }\r\n            50% { opacity: 0.8; }\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            z-index: 10;\r\n            position: relative;\r\n        }\r\n\r\n        .hero-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        @media (max-width: 968px) {\r\n            .hero-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n        }\r\n\r\n        .hero-text {\r\n            animation: slideInLeft 0.9s ease-out;\r\n        }\r\n\r\n        @keyframes slideInLeft {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(-60px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        .hero-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 10px 20px;\r\n            border-radius: 24px;\r\n            background: rgba(255, 255, 255, 0.08);\r\n            border: 1px solid rgba(82, 130, 129, 0.4);\r\n            color: rgba(255, 255, 255, 0.95);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n            animation: slideInDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        @keyframes slideInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .hero-badge i {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            line-height: 1.2;\r\n            \r\n            animation: slideInUp 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;\r\n            color:#fff;\r\n        }\r\n\r\n        @keyframes slideInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(40px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .hero h1 .highlight {\r\n            color: var(--primary);\r\n            display: block;\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 1.1rem;\r\n            color: rgba(255, 255, 255, 0.75);\r\n            margin-bottom: 32px;\r\n            max-width: 500px;\r\n            line-height: 1.7;\r\n            animation: slideInUp 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.35s both;\r\n        }\r\n\r\n        .button-group {\r\n            display: flex;\r\n            gap: 16px;\r\n            margin-bottom: 40px;\r\n            flex-wrap: wrap;\r\n            animation: slideInUp 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s both;\r\n        }\r\n\r\n        .btn {\r\n            padding: 14px 40px;\r\n            border: none;\r\n            border-radius: 6px;\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .btn-primary {\r\n            background-color: var(--primary);\r\n            color: white;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background-color: var(--primary-dark);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 30px rgba(82, 130, 129, 0.4);\r\n        }\r\n\r\n        .btn-outline {\r\n            background-color: transparent;\r\n            color: white;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background-color: rgba(255, 255, 255, 0.08);\r\n            border-color: white;\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .hero-features {\r\n            display: flex;\r\n            gap: 24px;\r\n            flex-wrap: wrap;\r\n            animation: slideInUp 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.65s both;\r\n        }\r\n\r\n        .feature-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 0.9rem;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-item:hover {\r\n            color: white;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .feature-item i {\r\n            color: var(--primary);\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        \/* HERO PRODUCT IMAGE *\/\r\n        .hero-image {\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            animation: slideInRight 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s both;\r\n        }\r\n\r\n        @keyframes slideInRight {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(60px) scale(0.9);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0) scale(1);\r\n            }\r\n        }\r\n\r\n        .hero-product-wrapper {\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .hero-product-glow {\r\n            position: absolute;\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(82, 130, 129, 0.25) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            filter: blur(40px);\r\n            animation: pulseGlow 4s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes pulseGlow {\r\n            0%, 100% { transform: scale(1); opacity: 0.6; }\r\n            50% { transform: scale(1.1); opacity: 0.8; }\r\n        }\r\n\r\n        .hero-product-image {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n            max-width: 500px;\r\n            animation: floatProduct 4s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes floatProduct {\r\n            0%, 100% { transform: translateY(0px); }\r\n            50% { transform: translateY(-20px); }\r\n        }\r\n\r\n        .hero-product-image img {\r\n            width: 100%;\r\n            height: auto;\r\n            drop-shadow: 0 40px 60px rgba(0, 0, 0, 0.4);\r\n        }\r\n\r\n        \/* FLOATING LABELS *\/\r\n        .floating-label {\r\n            position: absolute;\r\n            padding: 12px 16px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 8px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            color: rgba(255, 255, 255, 0.85);\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            white-space: nowrap;\r\n            z-index: 3;\r\n            animation: fadeInScale 0.6s ease-out forwards;\r\n        }\r\n\r\n        @keyframes fadeInScale {\r\n            from {\r\n                opacity: 0;\r\n                transform: scale(0.8);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n        }\r\n\r\n        .floating-label-1 {\r\n            top: 20%;\r\n            left: -80px;\r\n            animation-delay: 0.8s;\r\n            animation: fadeInScale 0.6s ease-out 0.8s forwards, floatLabel1 3s ease-in-out 1.4s infinite;\r\n        }\r\n\r\n        .floating-label-2 {\r\n            top: 50%;\r\n            right: -100px;\r\n            transform: translateY(-50%);\r\n            animation-delay: 1s;\r\n            animation: fadeInScale 0.6s ease-out 1s forwards, floatLabel2 3s ease-in-out 1.6s infinite;\r\n        }\r\n\r\n        .floating-label-3 {\r\n            bottom: 10%;\r\n            left: 15%;\r\n            animation-delay: 1.2s;\r\n            animation: fadeInScale 0.6s ease-out 1.2s forwards, floatLabel3 3s ease-in-out 1.8s infinite;\r\n        }\r\n\r\n        @keyframes floatLabel1 {\r\n            0%, 100% { transform: translateX(0) translateY(0); }\r\n            50% { transform: translateX(-10px) translateY(-5px); }\r\n        }\r\n\r\n        @keyframes floatLabel2 {\r\n            0%, 100% { transform: translateY(-50%) translateX(0); }\r\n            50% { transform: translateY(-50%) translateX(10px); }\r\n        }\r\n\r\n        @keyframes floatLabel3 {\r\n            0%, 100% { transform: translateX(0) translateY(0); }\r\n            50% { transform: translateX(10px) translateY(-5px); }\r\n        }\r\n\r\n        .floating-label-icon {\r\n            color: var(--primary);\r\n            margin-right: 6px;\r\n        }\r\n\r\n        \/* ========== SCROLL INDICATOR ========== *\/\r\n        .scroll-indicator {\r\n            position: absolute;\r\n            bottom: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 5;\r\n            animation: bounce 2s infinite;\r\n        }\r\n\r\n        @keyframes bounce {\r\n            0%, 100% { transform: translateX(-50%) translateY(0); }\r\n            50% { transform: translateX(-50%) translateY(-15px); }\r\n        }\r\n\r\n        .scroll-indicator i {\r\n            color: rgba(255, 255, 255, 0.5);\r\n            font-size: 24px;\r\n        }\r\n\r\n        \/* ========== PROBLEM SECTION ========== *\/\r\n        .problem {\r\n            padding: 100px 20px;\r\n            background: linear-gradient(to bottom, var(--background), var(--card-bg));\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .section-badge {\r\n            display: inline-block;\r\n            padding: 8px 16px;\r\n            border-radius: 20px;\r\n            background: rgba(231, 76, 60, 0.1);\r\n            color: var(--accent-red);\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n            margin-bottom: 24px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .section-title .highlight {\r\n            color: var(--accent-red);\r\n        }\r\n\r\n        .section-description {\r\n            font-size: 1.1rem;\r\n            color: var(--text-secondary);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .problems-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 24px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .problems-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 24px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .problem-card {\r\n            padding: 32px;\r\n            background: white;\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 12px;\r\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .problem-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, transparent, var(--accent-red), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .problem-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .problem-card:hover {\r\n            box-shadow: var(--shadow-lg);\r\n            transform: translateY(-12px);\r\n            border-color: var(--accent-red);\r\n            background: linear-gradient(135deg, white 0%, rgba(231, 76, 60, 0.02) 100%);\r\n        }\r\n\r\n        .problem-card h3 {\r\n            color: var(--accent-red);\r\n            margin-bottom: 12px;\r\n            font-size: 1.15rem;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .problem-card:hover h3 {\r\n            transform: translateX(8px);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .problem-card p {\r\n            color: var(--text-secondary);\r\n            font-size: 0.95rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .problem-image {\r\n            width: 100%;\r\n            height: 600px;\r\n            background: linear-gradient(135deg, rgba(82, 130, 129, 0.1), rgba(0, 0, 0, 0.05));\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .problem-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.8s ease;\r\n        }\r\n\r\n        .problem-image:hover img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        \/* ========== SOLUTION SECTION ========== *\/\r\n        .solution {\r\n            padding: 100px 20px;\r\n            background: linear-gradient(to bottom, var(--card-bg), var(--background));\r\n        }\r\n\r\n        .solution-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n            margin-top: 80px;\r\n        }\r\n\r\n        @media (max-width: 968px) {\r\n            .solution-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 60px;\r\n            }\r\n        }\r\n\r\n        .solution-image img {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            height: auto;\r\n            border-radius: 12px;\r\n            animation: float 4s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0px); }\r\n            50% { transform: translateY(-20px); }\r\n        }\r\n\r\n        .feature-tags {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n            margin-top: 24px;\r\n        }\r\n\r\n        .feature-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 8px 14px;\r\n            background: white;\r\n            color: var(--primary);\r\n            border-radius: 20px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-tag:hover {\r\n            background: var(--primary);\r\n            color: white;\r\n            transform: translateY(-4px);\r\n        }\r\n\r\n        .solution-text h3 {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 24px;\r\n            color: var(--foreground);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .capability {\r\n            margin-bottom: 28px;\r\n            padding-bottom: 28px;\r\n            border-bottom: 1px solid var(--border-color);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .capability:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .capability:hover {\r\n            transform: translateX(8px);\r\n        }\r\n\r\n        .capability h4 {\r\n            font-size: 1.05rem;\r\n            font-weight: 700;\r\n            margin-bottom: 8px;\r\n            color: var(--foreground);\r\n        }\r\n\r\n        .capability p {\r\n            color: var(--text-secondary);\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        \/* ========== FEATURES SECTION ========== *\/\r\n        .features {\r\n            background: linear-gradient(135deg, var(--dark-bg) 0%, var(--dark-bg-secondary) 100%);\r\n            color: white;\r\n            padding: 100px 20px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .features::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: radial-gradient(circle at 50% 0%, rgba(82, 130, 129, 0.15) 0%, transparent 50%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .features .section-header {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .features .section-title {\r\n            color: white;\r\n            font-size: 2.8rem;\r\n        }\r\n\r\n        .features .section-description {\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n            gap: 32px;\r\n            margin-top: 80px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .feature-spec {\r\n            padding: 32px;\r\n            background: rgba(255, 255, 255, 0.06);\r\n            border: 1px solid rgba(255, 255, 255, 0.12);\r\n            border-radius: 12px;\r\n            backdrop-filter: blur(20px);\r\n            transition: all 0.4s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .feature-spec:hover {\r\n            background: rgba(255, 255, 255, 0.08);\r\n            border-color: rgba(82, 130, 129, 0.5);\r\n            transform: translateY(-12px);\r\n            box-shadow: 0 20px 60px rgba(82, 130, 129, 0.2);\r\n        }\r\n\r\n        .feature-spec-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, rgba(82, 130, 129, 0.3), rgba(82, 130, 129, 0.1));\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            font-size: 1.8rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-spec:hover .feature-spec-icon {\r\n            background: var(--primary);\r\n            transform: scale(1.15) rotate(10deg);\r\n        }\r\n\r\n        .feature-spec p {\r\n            font-size: 0.85rem;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            margin-bottom: 6px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .feature-spec .value {\r\n            font-size: 1.35rem;\r\n            font-weight: 800;\r\n            color: white;\r\n        }\r\n\r\n        \/* ========== APPLICATIONS SECTION ========== *\/\r\n        .applications {\r\n            padding: 100px 20px;\r\n            background: var(--background);\r\n        }\r\n\r\n        .app-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\r\n            gap: 32px;\r\n            margin-top: 80px;\r\n        }\r\n\r\n        .app-card {\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            transition: all 0.4s ease;\r\n            background: white;\r\n            cursor: pointer;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .app-card:hover {\r\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15);\r\n            transform: translateY(-20px);\r\n            border-color: var(--primary);\r\n        }\r\n\r\n        .app-image {\r\n            width: 100%;\r\n            height: 240px;\r\n            background: linear-gradient(135deg, rgba(82, 130, 129, 0.1), rgba(0, 0, 0, 0.05));\r\n            overflow: hidden;\r\n        }\r\n\r\n        .app-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .app-card:hover .app-image img {\r\n            transform: scale(1.12);\r\n        }\r\n\r\n        .app-content {\r\n            padding: 32px;\r\n            flex: 1;\r\n        }\r\n\r\n        .app-title {\r\n            font-size: 1.35rem;\r\n            font-weight: 800;\r\n            color: var(--foreground);\r\n            margin-bottom: 8px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .app-card:hover .app-title {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .app-subtitle {\r\n            font-size: 0.85rem;\r\n            color: var(--primary);\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .app-description {\r\n            color: var(--text-secondary);\r\n            font-size: 0.95rem;\r\n            margin-bottom: 20px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .app-benefits {\r\n            list-style: none;\r\n        }\r\n\r\n        .app-benefits li {\r\n            padding-left: 24px;\r\n            font-size: 0.9rem;\r\n            color: var(--text-secondary);\r\n            position: relative;\r\n            margin-bottom: 10px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .app-benefits li::before {\r\n            content: \"\u2713\";\r\n            position: absolute;\r\n            left: 0;\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n        }\r\n\r\n        .app-card:hover .app-benefits li {\r\n            transform: translateX(6px);\r\n            color: var(--foreground);\r\n        }\r\n\r\n        \/* ========== CONTACT SECTION ========== *\/\r\n        .contact {\r\n            padding: 100px 20px;\r\n            background: linear-gradient(to bottom, var(--background), var(--card-bg));\r\n        }\r\n\r\n        .contact-content {\r\n            display: grid;\r\n            grid-template-columns: 1.1fr 1fr;\r\n            gap: 80px;\r\n            margin-top: 80px;\r\n            align-items: start;\r\n        }\r\n\r\n        @media (max-width: 968px) {\r\n            .contact-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 60px;\r\n            }\r\n        }\r\n\r\n        .contact-form {\r\n            display: grid;\r\n            gap: 20px;\r\n        }\r\n\r\n        .form-row {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 20px;\r\n        }\r\n\r\n        .form-group {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .form-group label {\r\n            font-weight: 700;\r\n            margin-bottom: 8px;\r\n            color: var(--foreground);\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .form-group input,\r\n        .form-group textarea {\r\n            padding: 14px 16px;\r\n            border: 1.5px solid var(--border-color);\r\n            border-radius: 8px;\r\n            font-family: inherit;\r\n            font-size: 1rem;\r\n            color: var(--foreground);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .form-group input:focus,\r\n        .form-group textarea:focus {\r\n            outline: none;\r\n            border-color: var(--primary);\r\n            box-shadow: 0 0 0 4px rgba(82, 130, 129, 0.12);\r\n        }\r\n\r\n        .form-group textarea {\r\n            resize: vertical;\r\n            min-height: 140px;\r\n        }\r\n\r\n        .contact-info {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 40px;\r\n        }\r\n\r\n        .info-item {\r\n            display: flex;\r\n            gap: 20px;\r\n            transition: all 0.3s ease;\r\n            padding: 20px;\r\n            border-radius: 12px;\r\n        }\r\n\r\n        .info-item:hover {\r\n            background: var(--card-bg);\r\n            transform: translateX(8px);\r\n        }\r\n\r\n        .info-icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n            color: white;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            font-size: 1.4rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .info-item:hover .info-icon {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .info-text h4 {\r\n            font-weight: 700;\r\n            margin-bottom: 4px;\r\n            color: var(--foreground);\r\n        }\r\n\r\n        .info-text p {\r\n            color: var(--text-secondary);\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        \/* ========== MODAL ========== *\/\r\n        .modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 2000;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.6);\r\n            backdrop-filter: blur(4px);\r\n        }\r\n\r\n        .modal.show {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            animation: fadeIn 0.3s ease;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .modal-content {\r\n            background-color: white;\r\n            padding: 48px;\r\n            border-radius: 16px;\r\n            max-width: 500px;\r\n            width: 90%;\r\n            box-shadow: 0 40px 100px rgba(0, 0, 0, 0.25);\r\n            animation: slideInUp 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        .modal-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .modal-header h2 {\r\n            font-size: 1.5rem;\r\n            color: var(--foreground);\r\n            font-weight: 800;\r\n        }\r\n\r\n        .close-btn {\r\n            background: none;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            color: var(--text-secondary);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .close-btn:hover {\r\n            color: var(--accent-red);\r\n            transform: rotate(90deg);\r\n        }\r\n\r\n        \/* ========== FOOTER ========== *\/\r\n        footer {\r\n            background-color: #061112;\r\n            color: white;\r\n            padding: 80px 20px 20px;\r\n        }\r\n\r\n        .footer-content {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n            gap: 48px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .footer-section h3 {\r\n            font-weight: 800;\r\n            margin-bottom: 20px;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .footer-section ul {\r\n            list-style: none;\r\n        }\r\n\r\n        .footer-section a {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 0.95rem;\r\n            transition: all 0.3s ease;\r\n            display: block;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .footer-section a:hover {\r\n            color: white;\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        .footer-bottom {\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            padding-top: 32px;\r\n            text-align: center;\r\n            color: rgba(255, 255, 255, 0.5);\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .logo {\r\n            font-size: 1.4rem;\r\n            font-weight: 800;\r\n            margin-bottom: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .logo-circle {\r\n            width: 36px;\r\n            height: 36px;\r\n            background: var(--primary);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-weight: 900;\r\n        }\r\n\r\n        \/* ========== SCROLL TO TOP ========== *\/\r\n        .scroll-to-top {\r\n            position: fixed;\r\n            bottom: 40px;\r\n            right: 40px;\r\n            width: 50px;\r\n            height: 50px;\r\n            background: var(--primary);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: none;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: all 0.4s ease;\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .scroll-to-top.show {\r\n            display: flex;\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .scroll-to-top:hover {\r\n            background: var(--primary-dark);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .hero h1 { font-size: 2.2rem; }\r\n            .section-title { font-size: 2rem; }\r\n            .hero-grid { grid-template-columns: 1fr; }\r\n            .solution-content { grid-template-columns: 1fr; }\r\n            .contact-content { grid-template-columns: 1fr; }\r\n            .form-row { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<button class=\"scroll-to-top\" id=\"scrollToTop\">\u2191<\/button>\r\n\r\n<div id=\"demoModal\" class=\"modal\">\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h2>Book a demo<\/h2>\r\n            <button class=\"close-btn\" onclick=\"closeModal()\">\u2715<\/button>\r\n        <\/div>\r\n        <p style=\"color: var(--text-secondary); margin-bottom: 24px; line-height: 1.7;\">Choose a time for a medical-focused, 30-minute live demonstration within the context of sterile workflows.<\/p>\r\n        <a href=\"https:\/\/calendly.com\/delon-wagner-cynus\/30min\" target=\"_blank\" class=\"btn btn-primary\" style=\"width: 100%; text-align: center; display: block;\">\r\n            <i class=\"fas fa-calendar\" style=\"margin-right: 8px;\"><\/i> Open scheduling calendar\r\n        <\/a>\r\n        <p style=\"font-size: 0.85rem; color: var(--text-tertiary); text-align: center; margin-top: 16px;\">You will be redirected to our medical appointment booking page<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<section class=\"hero\">\r\n    <div class=\"container\">\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-grid\">\r\n                <div class=\"hero-text\">\r\n                    <div class=\"hero-badge\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                        IP69 STERILIZABLE\r\n                    <\/div>\r\n                    <h1>STERILE.<br><span class=\"highlight\">INTUITIVE.<\/span>MEDICAL.<\/h1>\r\n                    <p>The world's first flexible, fully sterilizable open-space mouse for the operating room. Control surgical systems directly from the sterile field \u2013 without interruption, without contamination risk.<\/p>\r\n                    <div class=\"button-group\">\r\n                        <button class=\"btn btn-primary\" onclick=\"openModal()\">BOOK DEMO<\/button>\r\n                        <button class=\"btn btn-outline\" onclick=\"scrollTo('solution')\">LEARN MORE<\/button>\r\n                    <\/div>\r\n                    <div class=\"hero-features\">\r\n                        <div class=\"feature-item\"><i class=\"fas fa-check\"><\/i> Sterilizable for OR environments<\/div>\r\n                        <div class=\"feature-item\"><i class=\"fas fa-bolt\"><\/i> 35h medical operation runtime<\/div>\r\n                        <div class=\"feature-item\"><i class=\"fas fa-wifi\"><\/i> Wireless sterile control<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"hero-image\">\r\n                    <div class=\"hero-product-wrapper\">\r\n                        <div class=\"hero-product-glow\"><\/div>\r\n                        <div class=\"hero-product-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/12\/CYNUS-Sphere-one-medical-chirurg-control-open-space-mouse-revolution-deskfree-control-hid.gif\" alt=\"Sphere One - sterile control system in the operating room\" \/>\r\n                        <\/div>\r\n                        <div class=\"floating-label floating-label-1\">\r\n                            <i class=\"fas fa-hand-pointer floating-label-icon\"><\/i> Sterile touch sensors\r\n                        <\/div>\r\n                        <div class=\"floating-label floating-label-2\">\r\n                            <i class=\"fas fa-vibrate floating-label-icon\"><\/i> Deskless OR control\r\n                        <\/div>\r\n                        <div class=\"floating-label floating-label-3\">\r\n                            <i class=\"fas fa-charging-station floating-label-icon\"><\/i> Wireless charging for clinical use\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"scroll-indicator\">\r\n        <i class=\"fas fa-chevron-down\"><\/i>\r\n    <\/div>\r\n<\/section>\r\n<section class=\"problem\">\r\n    <div class=\"container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">THE CHALLENGE<\/div>\r\n            <h2 class=\"section-title\">In modern operating rooms digital navigation often<br><span class=\"highlight\">leads to loss of sterility<\/span><\/h2>\r\n            <p class=\"section-description\">The advancing digitalization in the OR \u2013 with over \u20ac1.93B annual investments \u2013 increases the need for sterile, direct control solutions.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"problems-grid\">\r\n            <div class=\"problem-card\">\r\n                <h3>Communication risks<\/h3>\r\n                <p>Verbal instructions to assisting staff can be misunderstood \u2013 a risk to surgical precision.<\/p>\r\n            <\/div>\r\n            <div class=\"problem-card\">\r\n                <h3>Time loss<\/h3>\r\n                <p>Switching between sterile and non-sterile areas slows critical processes in the operating room.<\/p>\r\n            <\/div>\r\n            <div class=\"problem-card\">\r\n                <h3>High contamination risk<\/h3>\r\n                <p>Any contact with non-sterile devices endangers patients and surgeons.<\/p>\r\n            <\/div>\r\n            <div class=\"problem-card\">\r\n                <h3>Interrupted workflows<\/h3>\r\n                <p>Multiple unnecessary steps are required just to operate digital systems \u2013 an avoidable OR risk.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"problem-imageproblem-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/12\/MEDTECH_DW_CYNUS-sphere-medical-chirugical-mouse-maus-scaled.jpg\" alt=\"Sterile hands in the operating room\" \/>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"solution\" id=\"solution\">\r\n    <div class=\"container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">THE SOLUTION<\/div>\r\n            <h2 class=\"section-title\"><span>SphereONE<\/span><\/h2>\r\n            <p class=\"section-description\">The first sterilizable, desk-independent open-space mouse \u2013 developed specifically for surgical environments.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"solution-content\">\r\n            <div class=\"solution-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/12\/CYNUS-Sphere-one-medical-chirurg-control-open-space-mouse-revolution-deskfree-control-hid.gif\" alt=\"Sphere One medical input device\" \/>\r\n                <div class=\"feature-tags\">\r\n                    <span class=\"feature-tag\"><i class=\"fas fa-check\"><\/i> Sterilizable<\/span>\r\n                    <span class=\"feature-tag\"><i class=\"fas fa-check\"><\/i> Desk-independent<\/span>\r\n                    <span class=\"feature-tag\"><i class=\"fas fa-check\"><\/i> Intuitive OR control<\/span>\r\n                    <span class=\"feature-tag\"><i class=\"fas fa-check\"><\/i> Universally compatible<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"solution-text\">\r\n                <h3>Key functionalities<\/h3>\r\n                \r\n                <div class=\"capability\">\r\n                    <h4><i class=\"fas fa-cube\" style=\"margin-right: 8px; color: var(--primary);\"><\/i> Navigate 2D\/3D medical data<\/h4>\r\n                    <p>Control CT, MRI, X-ray and 3D models directly from the sterile field.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"capability\">\r\n                    <h4><i class=\"fas fa-bars\" style=\"margin-right: 8px; color: var(--primary);\"><\/i> Control surgical menus<\/h4>\r\n                    <p>Access sterile device menus and surgical interfaces without assistance.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"capability\">\r\n                    <h4><i class=\"fas fa-cog\" style=\"margin-right: 8px; color: var(--primary);\"><\/i> Configure medical devices<\/h4>\r\n                    <p>Adjust intraoperative settings securely and sterilely.<\/p>\r\n                <\/div>\r\n\t\t\t\t<div class=\"capability\">\r\n                    <h4><i class=\"fas fa-cog\" style=\"margin-right: 8px; color: var(--primary);\"><\/i> HID standard<\/h4>\r\n                    <p>SphereONE uses standardized HID drivers \u2013 compatible with almost all surgical systems without additional software.<\/p>\r\n                <\/div>\r\n                <div class=\"button-group\" style=\"justify-content: flex-start; margin-top: 40px;\">\r\n                    <button class=\"btn btn-primary\" onclick=\"openModal()\">BOOK DEMO<\/button>\r\n                    <button class=\"btn btn-outline\" style=\"color: var(--foreground); border-color: var(--border-color); background: white;\">SPECIFICATIONS<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"features\">\r\n    <div class=\"container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">TECHNOLOGY<\/div>\r\n            <h2 class=\"section-title\">Sterile hardware & medical functionality<\/h2>\r\n            <p class=\"section-description\">Designed for precision, robustness and absolute sterility in the operating room.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"features-grid\">\r\n            <div class=\"feature-spec\">\r\n                <div class=\"feature-spec-icon\"><i class=\"fas fa-plug\"><\/i><\/div>\r\n                <p>HID drivers<\/p>\r\n                <div class=\"value\">Standard drivers for all operating systems<\/div>\r\n            <\/div>\r\n            <div class=\"feature-spec\">\r\n                <div class=\"feature-spec-icon\"><i class=\"fas fa-certificate\"><\/i><\/div>\r\n                <p>Certification<\/p>\r\n                <div class=\"value\">EMC medically tested<\/div>\r\n            <\/div>\r\n            <div class=\"feature-spec\">\r\n                <div class=\"feature-spec-icon\"><i class=\"fas fa-battery-full\"><\/i><\/div>\r\n                <p>Battery life<\/p>\r\n                <div class=\"value\">35 hours OR operation<\/div>\r\n            <\/div>\r\n            <div class=\"feature-spec\">\r\n                <div class=\"feature-spec-icon\"><i class=\"fas fa-wifi\"><\/i><\/div>\r\n                <p>Connectivity<\/p>\r\n                <div class=\"value\">Bluetooth 5.0 for medical devices<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"applications\">\r\n    <div class=\"container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">APPLICATIONS<\/div>\r\n            <h2 class=\"section-title\">For every sterile<br><span class=\"highlight\">medical specialty<\/span><\/h2>\r\n            <p class=\"section-description\">From microsurgical procedures to assisted surgery: SphereONE enables sterile, intuitive control. Whether SphereONE may be used depends on the intended use and the MDR classification of the controlled device.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"app-grid\">\r\n            <div class=\"app-card\">\r\n                <div class=\"app-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/12\/Minimal-invasiv-chirugie-maus-steuerung-sphereone-cynus.jpg\" alt=\"Navigate neuro surgery sterilely\" \/>\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-subtitle\"><i class=\"fas fa-brain\"><\/i> Neurosurgery<\/div>\r\n                    <div class=\"app-title\">Sterile precision & control<\/div>\r\n                    <p class=\"app-description\">Navigate complex brain images and control neuronavigation systems sterilely and in real time.<\/p>\r\n                    <ul class=\"app-benefits\">\r\n                        <li>Sterile 3D brain navigation<\/li>\r\n                        <li>Seamless image control<\/li>\r\n                        <li>Optimized OR planning<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"app-card\">\r\n                <div class=\"app-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/12\/Sphere-one-deskless-maus-Greifen-Sie-sofort-auf-Roentgenaufnahmen-und-CT-Scans-waehrend-Operationen-zu.png\" alt=\"Orthopedics sterile navigation\" \/>\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-subtitle\"><i class=\"fas fa-bone\"><\/i> Orthopedics<\/div>\r\n                    <div class=\"app-title\">Sterile control without compromise<\/div>\r\n                    <p class=\"app-description\">Access imaging systems directly and sterilely during orthopedic procedures.<\/p>\r\n                    <ul class=\"app-benefits\">\r\n                        <li>Instant access to CT & X-ray<\/li>\r\n                        <li>Sterile implant positioning<\/li>\r\n                        <li>Control digital OR templates<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"app-card\">\r\n                <div class=\"app-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/12\/Minimal-invasiv-chirugie-maus-steuerung-sphereone-cynus-controller-maus.jpg\" alt=\"Minimally invasive surgery sterile control\" \/>\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-subtitle\"><i class=\"fas fa-scalpel\"><\/i> Minimally invasive<\/div>\r\n                    <div class=\"app-title\">Sterile efficiency redefined<\/div>\r\n                    <p class=\"app-description\">Control laparoscopic cameras and robotic systems directly from the sterile field.<\/p>\r\n                    <ul class=\"app-benefits\">\r\n                        <li>Sterile camera control<\/li>\r\n                        <li>Device configuration without assistance<\/li>\r\n                        <li>Improved workflow management<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"app-card\">\r\n                <div class=\"app-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/12\/Herz-Chirurgie-Ueberwachen-Sie-Perfusionssysteme-und-kontrollieren-Sie-Ausruestung-in-Echtzeit-Maus.jpg\" alt=\"Cardiac surgery sterile system control\" \/>\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-subtitle\"><i class=\"fas fa-heart\"><\/i> Cardiac surgery<\/div>\r\n                    <div class=\"app-title\">Sterile control in critical moments<\/div>\r\n                    <p class=\"app-description\">Monitor perfusion systems and control medical devices in real time \u2013 without breaking sterility.<\/p>\r\n                    <ul class=\"app-benefits\">\r\n                        <li>Sterile hemodynamic control<\/li>\r\n                        <li>Angiography navigation<\/li>\r\n                        <li>Rapid device parameter adjustment<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"app-card\">\r\n                <div class=\"app-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/12\/mrt-bild-kopf-cynus-sphere-control-mouse-3d.jpg\" alt=\"Sterile control in ENT and ophthalmology\" \/>\r\n                <\/div>\r\n                <div class=\"app-content\">\r\n                    <div class=\"app-subtitle\"><i class=\"fas fa-eye\"><\/i> ENT & Ophthalmology<\/div>\r\n                    <div class=\"app-title\">Microscopic sterile precision<\/div>\r\n                    <p class=\"app-description\">Adjust microscope or laser parameters directly at the OR table \u2013 without leaving sterility.<\/p>\r\n                    <ul class=\"app-benefits\">\r\n                        <li>Sterile microscope control<\/li>\r\n                        <li>Control laser parameters<\/li>\r\n                        <li>Control your DICOM viewer<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"contact\">\r\n    <div class=\"container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">GET STARTED<\/div>\r\n            <h2 class=\"section-title\">Experience<br><span class=\"highlight\">Sphere One<\/span><\/h2>\r\n            <p class=\"section-description\">Book a personalized demo and discover how sterile digital control can revolutionize your OR workflow.<\/p>\r\n        <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sphere One &#8211; Sterilisable surgical control system \u2191 Book a demo \u2715 Choose a time for a medical-focused, 30-minute live demonstration within the context of sterile workflows. Open scheduling calendar You will be redirected to our medical appointment booking page IP69 STERILIZABLE STERILE.INTUITIVE.MEDICAL. The world&#8217;s first flexible, fully sterilizable open-space mouse for the operating room. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2282,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2368","page","type-page","status-publish","has-post-thumbnail","hentry","ast-col-sm-12","ast-article-post","ast-width-md-12","ast-archive-post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>SphereOne - Digitale Open-Space Navigation in der Medizin - Cynus<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SphereOne - Digitale Open-Space Navigation in der Medizin - Cynus\" \/>\n<meta property=\"og:description\" content=\"Sphere One &#8211; Sterilisable surgical control system \u2191 Book a demo \u2715 Choose a time for a medical-focused, 30-minute live demonstration within the context of sterile workflows. Open scheduling calendar You will be redirected to our medical appointment booking page IP69 STERILIZABLE STERILE.INTUITIVE.MEDICAL. The world&#8217;s first flexible, fully sterilizable open-space mouse for the operating room. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/\" \/>\n<meta property=\"og:site_name\" content=\"Cynus\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-07T18:58:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/11\/0001-0120_2.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/\",\"url\":\"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/\",\"name\":\"SphereOne - Digitale Open-Space Navigation in der Medizin - Cynus\",\"isPartOf\":{\"@id\":\"https:\/\/www.cynus.de\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/11\/0001-0120_2.gif\",\"datePublished\":\"2025-11-27T18:59:10+00:00\",\"dateModified\":\"2026-01-07T18:58:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/#primaryimage\",\"url\":\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/11\/0001-0120_2.gif\",\"contentUrl\":\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/11\/0001-0120_2.gif\",\"width\":200,\"height\":200,\"caption\":\"cynus 3d - sphere - The first fully configurable 3D mouse\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.cynus.de\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SphereOne &#8211; Digitale Open-Space Navigation in der Medizin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cynus.de\/en\/#website\",\"url\":\"https:\/\/www.cynus.de\/en\/\",\"name\":\"Cynus\",\"description\":\"3D Maus - SpereOne f\u00fcr CAD Anwendungen\",\"publisher\":{\"@id\":\"https:\/\/www.cynus.de\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cynus.de\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.cynus.de\/en\/#organization\",\"name\":\"Cynus\",\"url\":\"https:\/\/www.cynus.de\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cynus.de\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/06\/cropped-Cynus-onlyname-scaled-1.png\",\"contentUrl\":\"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/06\/cropped-Cynus-onlyname-scaled-1.png\",\"width\":2560,\"height\":780,\"caption\":\"Cynus\"},\"image\":{\"@id\":\"https:\/\/www.cynus.de\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SphereOne - Digitale Open-Space Navigation in der Medizin - Cynus","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/","og_locale":"en_US","og_type":"article","og_title":"SphereOne - Digitale Open-Space Navigation in der Medizin - Cynus","og_description":"Sphere One &#8211; Sterilisable surgical control system \u2191 Book a demo \u2715 Choose a time for a medical-focused, 30-minute live demonstration within the context of sterile workflows. Open scheduling calendar You will be redirected to our medical appointment booking page IP69 STERILIZABLE STERILE.INTUITIVE.MEDICAL. The world&#8217;s first flexible, fully sterilizable open-space mouse for the operating room. [&hellip;]","og_url":"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/","og_site_name":"Cynus","article_modified_time":"2026-01-07T18:58:57+00:00","og_image":[{"width":200,"height":200,"url":"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/11\/0001-0120_2.gif","type":"image\/gif"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/","url":"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/","name":"SphereOne - Digitale Open-Space Navigation in der Medizin - Cynus","isPartOf":{"@id":"https:\/\/www.cynus.de\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/#primaryimage"},"image":{"@id":"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/11\/0001-0120_2.gif","datePublished":"2025-11-27T18:59:10+00:00","dateModified":"2026-01-07T18:58:57+00:00","breadcrumb":{"@id":"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/#primaryimage","url":"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/11\/0001-0120_2.gif","contentUrl":"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/11\/0001-0120_2.gif","width":200,"height":200,"caption":"cynus 3d - sphere - The first fully configurable 3D mouse"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cynus.de\/en\/sphereone-digitale-open-space-navigation-in-der-medizin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.cynus.de\/en\/"},{"@type":"ListItem","position":2,"name":"SphereOne &#8211; Digitale Open-Space Navigation in der Medizin"}]},{"@type":"WebSite","@id":"https:\/\/www.cynus.de\/en\/#website","url":"https:\/\/www.cynus.de\/en\/","name":"Cynus","description":"3D Maus - SpereOne f\u00fcr CAD Anwendungen","publisher":{"@id":"https:\/\/www.cynus.de\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cynus.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.cynus.de\/en\/#organization","name":"Cynus","url":"https:\/\/www.cynus.de\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cynus.de\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/06\/cropped-Cynus-onlyname-scaled-1.png","contentUrl":"https:\/\/www.cynus.de\/wp-content\/uploads\/2025\/06\/cropped-Cynus-onlyname-scaled-1.png","width":2560,"height":780,"caption":"Cynus"},"image":{"@id":"https:\/\/www.cynus.de\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.cynus.de\/en\/wp-json\/wp\/v2\/pages\/2368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cynus.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cynus.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cynus.de\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cynus.de\/en\/wp-json\/wp\/v2\/comments?post=2368"}],"version-history":[{"count":5,"href":"https:\/\/www.cynus.de\/en\/wp-json\/wp\/v2\/pages\/2368\/revisions"}],"predecessor-version":[{"id":2374,"href":"https:\/\/www.cynus.de\/en\/wp-json\/wp\/v2\/pages\/2368\/revisions\/2374"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cynus.de\/en\/wp-json\/wp\/v2\/media\/2282"}],"wp:attachment":[{"href":"https:\/\/www.cynus.de\/en\/wp-json\/wp\/v2\/media?parent=2368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}