.elementor-691 .elementor-element.elementor-element-0c074c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-691 .elementor-element.elementor-element-3540bba{--display:flex;}.elementor-691 .elementor-element.elementor-element-b560508{--display:flex;--justify-content:flex-start;}.elementor-691 .elementor-element.elementor-element-b560508:not(.elementor-motion-effects-element-type-background), .elementor-691 .elementor-element.elementor-element-b560508 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-691 .elementor-element.elementor-element-c1cc6b4{text-align:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for container, class: .elementor-element-b560508 *//* --- PARKWAY_OS: INTEL_BUBBLE_RECON (V2.1) --- */

/* 🛡️ 1. The Logo (Trigger) */
.logo-node {
    cursor: help;
    transition: all 0.3s ease;
    z-index: 10;
}

/* 🛡️ 2. The Bubble (Targeting the Sibling) */
/* --- PARKWAY_OS: SHARP_DIGITAL_UPLINK (V3.0) --- */

.intel-bubble {
    position: absolute;
    left: 80px; 
    margin-top: -60px;
    width: 240px;
    padding: 15px;
    background: rgba(0, 8, 12, 0.95); /* Deeper, solid black-blue */
    border: 1px solid #00ffff;
    color: #00ffff;
    font-family: 'Courier New', monospace;
    font-size: 11px;
    line-height: 1.5;
    
    /* REMOVED: Blurry Gradients & Scanlines */
    /* ADDED: Subtle Sharp Border Glow only */
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.15);
    
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: all 0.3s ease-out;
    z-index: 999;
    pointer-events: none;
}

/* 🛡️ New "Digital Pop" Flicker (No blur, just quick opacity shifts) */
@keyframes digital-flicker {
    0%, 95%, 100% { opacity: 1; }
    96% { opacity: 0.7; }
    97% { opacity: 0.9; }
    98% { opacity: 0.4; }
}

.intel-bubble {
    animation: digital-flicker 6s infinite; 
}

/* 🛡️ Cleaned up Hover Logic */
.logo-node:hover + .elementor-widget-html .intel-bubble,
.logo-node:hover + .intel-bubble {
    opacity: 1;
    visibility: visible;
    transform: translateX(10px);
}

/* 🛡️ 3. The Logic: When Logo is hovered, show the Bubble */
.logo-node:hover + .elementor-widget-html .intel-bubble,
.logo-node:hover + .intel-bubble {
    opacity: 1;
    visibility: visible;
    transform: translateX(10px);
}

/* 🛡️ 4. Visual Feedback on Logo */
.logo-node:hover img {
    filter: drop-shadow(0 0 10px #00ffff) brightness(1.3);
    transform: scale(1.1);
}

/* --- PARKWAY_OS: CRT_VINTAGE_UPLINK --- */

.intel-bubble {
    /* ... keep your previous positioning/background ... */
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 255, 255, 0.4);
    background: linear-gradient(rgba(18, 16, 16, 0.9) 50%, rgba(0, 0, 0, 0.95) 50%), 
                linear-gradient(90deg, rgba(255, 0, 0, 0.05), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.05));
    background-size: 100% 2px, 3px 100%; /* Creates the horizontal scanline effect */
}

/* 🛡️ The "Tube Flicker" (The rare, heavy glitch) */
@keyframes tube-flicker {
    0%   { opacity: 0.95; transform: scaleY(1); }
    98%  { opacity: 1; transform: scaleY(1); }
    99%  { opacity: 0.7; transform: scaleY(1.02); filter: brightness(1.5); } /* Brief "pop" */
    100% { opacity: 1; transform: scaleY(1); }
}

/* 🛡️ The Static Burst (The "Pixely" horizontal noise) */
@keyframes static-burst {
    0% { background-position: 0 0; }
    10% { background-position: 5px 5px; }
    20% { background-position: -5px -2px; }
    21% { background-position: 0 0; }
    100% { background-position: 0 0; }
}

.intel-bubble {
    animation: tube-flicker 10s infinite; /* Occurs rarely every 10 seconds */
}

.intel-bubble::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: rgba(18, 16, 16, 0.1);
    opacity: 0;
    z-index: 2;
    pointer-events: none;
}

.logo-node:hover + .elementor-widget-html .intel-bubble::before {
    opacity: 1;
    animation: static-burst 0.5s steps(5) infinite; /* This adds that "pixely" noise */
}/* End custom CSS */