/* === BASE STYLES === */
        body { background-color: #050505; color: #E0E0E0; }
        * { border-radius: 0 !important; }
        
        .bg-blueprint {
            background-image: linear-gradient(#1a1a1a 1px, transparent 1px), linear-gradient(90deg, #1a1a1a 1px, transparent 1px);
            background-size: 40px 40px;
        }

        /* === ANIMATIONS & EFFECTS === */
        .scan-effect::before {
            content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 68, 0, 0.4), transparent);
            transform: skewX(-20deg);
            transition: 0.5s;
        }
        .scan-effect:hover::before { left: 150%; transition: 0.7s; }

        @keyframes scan {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(300%); }
        }
        @keyframes bounce-x {
            0%, 100% { transform: translateX(0); }
            50% { transform: translateX(5px); }
        }
        .animate-bounce-x { animation: bounce-x 1s infinite; }

        /* === ENGINEERING HERO PANEL === */
        .engineering-panel {
            position: relative;
            padding-left: 30px;
            padding-bottom: 40px;
            margin-bottom: 20px;
            border-left: 3px solid #FF4400;
            background: linear-gradient(90deg, rgba(255, 68, 0, 0.04) 0%, rgba(5, 5, 5, 0) 100%);
        }
        @keyframes techSlide {
            0% { opacity: 0; transform: translateX(-20px); }
            100% { opacity: 1; transform: translateX(0); }
        }
        .reveal-line {
            opacity: 0;
            animation: techSlide 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        .cursor-terminal {
            display: inline-block;
            width: 10px; height: 10px;
            background-color: #FF4400;
            margin-left: 8px;
            vertical-align: baseline;
            position: relative; bottom: 2px;
            box-shadow: 0 0 10px #FF4400;
            animation: blinkCursor 0.8s step-end infinite;
        }
        @keyframes blinkCursor {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }
        .tech-corner {
            position: absolute; bottom: 0; right: 0;
            width: 40px; height: 40px;
            border-right: 2px solid rgba(255, 68, 0, 0.3);
            border-bottom: 2px solid rgba(255, 68, 0, 0.3);
            transition: 0.3s;
        }
        .engineering-panel:hover .tech-corner {
            border-color: #FF4400; width: 50px; height: 50px;
        }

        /* === DIAGNOSTIC TERMINAL === */
        .term-container {
            background: #020202;
            border: 1px solid #333;
            position: relative;
            overflow: hidden;
            display: flex; flex-direction: column;
            font-family: 'Share Tech Mono', monospace;
            box-shadow: 0 0 30px rgba(0,0,0,0.5);
        }
        .oscillo-wave-path {
            stroke: #FF4400; stroke-width: 2; fill: none;
            filter: drop-shadow(0 0 4px #FF4400);
            stroke-dasharray: 150 50;
            animation: waveFlow 3s linear infinite;
        }
        @keyframes waveFlow {
            from { stroke-dashoffset: 400; }
            to { stroke-dashoffset: 0; }
        }
        .single-scanner-line {
            position: absolute; top: 0;
            width: 2px; height: 100%;
            background: linear-gradient(to bottom, transparent, #FF4400, transparent);
            box-shadow: 0 0 15px #FF4400;
            z-index: 10; pointer-events: none;
            animation: singleScan 4s linear infinite;
        }
        @keyframes singleScan {
            0% { left: -2%; opacity: 0; }
            5% { opacity: 1; }
            95% { opacity: 1; }
            100% { left: 102%; opacity: 0; }
        }
        .status-dot {
            width: 4px; height: 4px;
            background: #FF4400; border-radius: 50%;
            display: inline-block; margin-right: 5px;
            animation: blink 1s infinite;
        }
        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.2; }
        }

        /* === METRICS HUB === */
        #axonix-stats-hub {
            background: #030303; position: relative; overflow: hidden;
            border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a;
        }
        .hub-glow-top {
            position: absolute; top: 0; left: 0; width: 100%; height: 40px;
            background: linear-gradient(to bottom, rgba(255,68,0,0.05), transparent);
        }
        .data-stream {
            position: absolute;
            font-family: 'Share Tech Mono', monospace;
            font-size: 8px; color: rgba(255, 68, 0, 0.1);
            white-space: nowrap; pointer-events: none; user-select: none;
        }
        .metric-box {
            position: relative;
            background: linear-gradient(135deg, rgba(20,20,20,0.8) 0%, rgba(10,10,10,0.9) 100%);
            border: 1px solid #222; padding: 40px 20px;
            transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
            z-index: 5;
        }
        .metric-box:hover {
            border-color: #FF4400;
            background: rgba(255, 68, 0, 0.03);
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        }
        .metric-value {
            font-family: 'Rajdhani', sans-serif; font-weight: 700;
            line-height: 1; letter-spacing: -2px;
            display: flex; align-items: center; justify-content: center;
            color: #fff;
        }
        .metric-label {
            font-family: 'Share Tech Mono', monospace; text-transform: uppercase;
            letter-spacing: 2px; color: #555;
            font-size: 11px; margin-top: 15px;
        }
        .metric-box::before {
            content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 0;
            background: #FF4400; transition: 0.5s;
        }
        .metric-box:hover::before { height: 100%; }
        .count-up { opacity: 0; transform: scale(0.9); transition: 0.5s; }
        .count-up.visible { opacity: 1; transform: scale(1); }

        /* === SIDEBAR ELEMENTS === */
        .hatch-bg {
            background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 10px, rgba(255, 68, 0, 0.03) 10px, rgba(255, 68, 0, 0.03) 11px);
        }
        .group\/item:hover .hatch-bg {
            background: repeating-linear-gradient(45deg, rgba(255, 68, 0, 0.05), rgba(255, 68, 0, 0.05) 10px, rgba(255, 68, 0, 0.1) 10px, rgba(255, 68, 0, 0.1) 11px);
            transition: 0.3s;
        }
        .hazard-line {
            position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
            background: repeating-linear-gradient(-45deg, #FF4400, #FF4400 5px, #000 5px, #000 10px);
            opacity: 0.3; transition: 0.4s;
        }
        .group\/item:hover .hazard-line { opacity: 1; width: 6px; }