/* --- THE MASTER HERO: MAJESTIC FULL-BLEED --- */

.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-master-hero {

    min-height: 70vh;

    width: 100vw;

    margin-left: calc(-50vw + 50%);

    margin-right: calc(-50vw + 50%);

    position: relative;

    overflow: hidden;

    background: #0d121b; /* Majestic Base */

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 !important;

}



/* --- THE VIDEO ENGINE --- */

.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-video-container {

    position: absolute;

    top: 0; left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-hero-video-frame {

    width: 110vw; 

    height: 110vh;

    position: absolute;

    top: 50%; left: 50%;

    transform: translate(-50%, -50%);

    pointer-events: none;

    filter: brightness(555.3) saturate(0.11) blur(12px); /* Majestic Blur Tuning */

}



/* OVERLAYS */

.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-video-blur-overlay {

    position: absolute;

    top: 0; left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    background: rgba(13, 18, 27, 0.4);

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-video-vignette {

    position: absolute;

    top: 0; left: 0;

    width: 100%;

    height: 100%;

    z-index: 3;

    background: radial-gradient(circle at center, transparent 0%, rgba(13, 18, 27, 0.98) 100%);

}



/* --- 64vw CONTENT LAYER --- */

.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-hero-inner {

    width: 64vw; 

    z-index: 10;

    position: relative;

    padding: 0;

}



/* --- MAJESTIC TYPOGRAPHY REFINEMENT --- */

.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-meta-tag {

    font-family: 'Roboto Mono', monospace;

    font-size: 10px;

    color: #9FEF00; /* Surgical Green */

    letter-spacing: 3px;

    margin-bottom: 20px;

    opacity: 0.9;

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-main-headline {

    font-size: clamp(40px, 4.5vw, 78px);

    font-weight: 900;

    line-height: 0.92; /* Tighter for Elite Feel */

    color: #ffffff !important;

    letter-spacing: -3.5px; /* Majestic Negative Spacing */

    margin: 0 0 25px 0;

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-accent-word {

    color: #f1f5f9; /* Majestic Silver-White */

    opacity: 0.7;

    font-weight: 400;

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-sub-brief {

    font-size: 18px;

    line-height: 1.6;

    color: #94a3b8; /* Muted Slate */

    max-width: 520px;

    margin-bottom: 45px;

}



/* --- BUTTONS --- */

.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-cta-group {

    display: flex;

    gap: 20px;

    margin-bottom: 60px;

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-btn {

    padding: 16px 36px;

    font-weight: 800;

    border-radius: 2px;

    font-size: 13px;

    letter-spacing: 1.5px;

    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    text-decoration: none;

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-btn-glow {

    background: #9FEF00;

    color: #0d121b;

    border: 1px solid #9FEF00;

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-btn-glow:hover {

    box-shadow: 0 0 30px rgba(159, 239, 0, 0.4);

    transform: translateY(-3px);

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-btn-outline {

    border: 1px solid rgba(255,255,255,0.1);

    color: #fff;

}



/* --- DATA NODES (METRICS) --- */

.elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-trust-meta {

    display: flex;

    gap: 50px;

    border-top: 1px solid rgba(255,255,255,0.05);

    padding-top: 30px;

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .meta-val {

    font-family: 'Roboto Mono', monospace;

    font-size: 26px;

    font-weight: 800;

    color: #ffffff;

    letter-spacing: -1.5px;

}



.elementor-186274 .elementor-element.elementor-element-7990b7b .meta-lab {

    font-size: 9px;

    color: #475569;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-weight: 600;

}



/* --- THE MOBILE SHIELD --- */

@media (max-width: 1024px) {

    /* KILL VIDEO ON MOBILE DEVICES */

    .elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-video-container {

        display: none !important;

    }

    

    /* FALLBACK: Deep Slate Texture */

    .elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-master-hero {

        background: radial-gradient(circle at center, #151a24 0%, #0d121b 100%);

    }



    .elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-hero-inner { 

        width: 90vw; 

        text-align: center; 

    }

    

    .elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-cta-group { justify-content: center; }

    .elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-trust-meta { justify-content: center; gap: 30px; }

    

    .elementor-186274 .elementor-element.elementor-element-7990b7b .ocs-main-headline { 

        font-size: 38px; 

        letter-spacing: -1.5px; 

    }

}
/* OCSALY INSTITUTIONAL CONTAINER BACKGROUND */

.elementor-186274 .elementor-element.elementor-element-85e0653 {

    --navy-deep: #020617; 

    --navy-border: #1e293b;

    --grid-line: rgba(30, 58, 138, 0.1);

    

    background-color: var(--navy-deep);

    

    /* Layer 1: Subtle Blue Glow from the top */

    /* Layer 2: Technical Grid pattern (40px) */

    background-image: 

        radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.12) 0%, transparent 75%),

        linear-gradient(var(--grid-line) 1px, transparent 1px),

        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);

    

    background-size: 100% 100%, 40px 40px, 40px 40px;

    background-position: top center;

    

    /* Frame & Elevation */

    border: 1px solid var(--navy-border);

    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);

    

    /* Precision Spacing */

    padding: 80px 40px;

    position: relative;

    overflow: hidden;

}



/* Optional: Subtle scanning line effect for realism */

.elementor-186274 .elementor-element.elementor-element-85e0653::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, transparent 0%, rgba(37, 99, 235, 0.02) 50%, transparent 100%);

    background-size: 100% 4px;

    pointer-events: none;

}
/* --- CSS VARIABLES FOR THEMES --- */

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-terminal {

    --ocs-bg: #0d121b;

    --ocs-text-muted: #94a3b8;

    --ocs-accent: #BAFF39; /* Default Green */

}



.elementor-186274 .elementor-element.elementor-element-490ba23 #tab-develop { --ocs-accent: #39C3FF; } /* Blue */

.elementor-186274 .elementor-element.elementor-element-490ba23 #tab-resilience { --ocs-accent: #FF8F39; } /* Orange */



/* --- THE TERMINAL WRAPPER (CENTERING FIX) --- */

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-terminal {

    width: 72vw; 

    /* NEW: Stops it from getting too crazy wide on zoom-out */

    max-width: 1600px; 

    

    /* NEW: Force Center Alignment (Breakout) */

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    margin: 10px 0;

    

    background: var(--ocs-bg);

    border: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 8px;

    overflow: hidden;

    font-family: 'Inter', sans-serif;

    box-shadow: 0 40px 100px rgba(0,0,0,0.6);

}



/* --- TAB NAVIGATION (UPDATED FOR VISIBILITY) --- */

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-nav {

    display: flex;

    background: #0b0f16; /* Darker distinct bar background */

    border-bottom: 1px solid rgba(255,255,255,0.1);

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger {

    flex: 1;

    padding: 24px 20px; /* Taller, more clickable area */

    background: rgba(255, 255, 255, 0.02); /* Visible inactive tile */

    border: none;

    

    /* Right border for separation */

    border-right: 1px solid rgba(255, 255, 255, 0.05);

    

    color: #64748b; /* Muted inactive text */

    font-family: 'Roboto Mono', monospace;

    font-size: 14px; /* Slightly larger */

    font-weight: 700;

    cursor: pointer;

    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    

    /* Bottom border placeholder to prevent layout jump */

    border-bottom: 3px solid transparent; 

    position: relative;

    overflow: hidden;

}



/* Remove right border from last tab */

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger:last-child {

    border-right: none;

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-meta { 

    opacity: 0.5; 

    margin-right: 8px; 

    font-weight: 400;

}



/* --- HOVER STATE (High Contrast) --- */

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger:hover {

    background: rgba(255, 255, 255, 0.08); /* Brighter hover tile */

    color: #ffffff;

}



/* --- ACTIVE STATES (Stronger Glows) --- */



/* Tab 1: OCPT (Green) */

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger.tab-btn-1.active {

    color: #ffffff; /* White text for clarity */

    background: rgba(186, 255, 57, 0.15); /* Strong Green Background */

    border-bottom-color: #BAFF39; /* Solid Green Line */

    box-shadow: inset 0 -10px 20px rgba(186, 255, 57, 0.05);

}

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger.tab-btn-1.active .tab-meta { color: #BAFF39; opacity: 1; }





/* Tab 2: OCFI (Blue) */

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger.tab-btn-2.active {

    color: #ffffff;

    background: rgba(57, 195, 255, 0.15); /* Strong Blue Background */

    border-bottom-color: #39C3FF;

    box-shadow: inset 0 -10px 20px rgba(57, 195, 255, 0.05);

}

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger.tab-btn-2.active .tab-meta { color: #39C3FF; opacity: 1; }





/* Tab 3: OCAUTO (Orange) */

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger.tab-btn-3.active {

    color: #ffffff;

    background: rgba(255, 143, 57, 0.15); /* Strong Orange Background */

    border-bottom-color: #FF8F39;

    box-shadow: inset 0 -10px 20px rgba(255, 143, 57, 0.05);

}

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger.tab-btn-3.active .tab-meta { color: #FF8F39; opacity: 1; }



.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-meta { opacity: 0.4; margin-right: 8px; }



/* NAV ACTIVE STATES */

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger.tab-btn-1.active {

    color: #BAFF39; border-bottom-color: #BAFF39; background: rgba(186, 255, 57, 0.03);

}

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger.tab-btn-2.active {

    color: #39C3FF; border-bottom-color: #39C3FF; background: rgba(57, 195, 255, 0.03);

}

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger.tab-btn-3.active {

    color: #FF8F39; border-bottom-color: #FF8F39; background: rgba(255, 143, 57, 0.03);

}

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-trigger:hover {

    color: #ffffff; background: rgba(255,255,255,0.02);

}



/* --- VIEWPORT & CONTENT --- */

.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-viewport {

    padding: 60px;

    min-height: 500px;

    position: relative;

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-content {

    display: none;

    animation: ocsTabFade 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-content.active { display: block; }



@keyframes ocsTabFade {

    from { opacity: 0; transform: translateY(15px); }

    to { opacity: 1; transform: translateY(0); }

}



/* --- GRID LOGIC (MAXIMIZED FOR IMAGE) --- */

.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-inner-grid {

    display: grid;

    grid-template-columns: 0.9fr 1.6fr; 

    gap: 20px;

    align-items: center;

}



/* TEXT STYLING */

.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-heading {

    font-size: 42px;

    font-weight: 900;

    color: #ffffff !important;

    line-height: 1.1;

    margin-bottom: 20px;

}



/* REFINED GLOW (Sharp) */

.elementor-186274 .elementor-element.elementor-element-490ba23 .accent-glow {

    color: var(--ocs-accent);

    text-shadow: 0 0 15px var(--ocs-accent);

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-desc {

    color: var(--ocs-text-muted);

    font-size: 17px;

    line-height: 1.6;

    margin-bottom: 35px;

    max-width: 95%;

}



/* FEATURE LIST */

.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-feature-list { margin-bottom: 40px; }



.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-feat {

    margin-bottom: 12px;

    font-size: 15px;

    color: #ffffff;

    display: flex;

    align-items: center;

    gap: 12px;

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .feat-dot {

    width: 6px; height: 6px;

    background: var(--ocs-accent);

    border-radius: 50%;

    box-shadow: 0 0 6px var(--ocs-accent);

}



/* BUTTON */

.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-cta-btn {

    display: inline-block;

    background: var(--ocs-accent);

    color: #0d121b;

    padding: 16px 32px;

    font-weight: 800;

    border-radius: 4px;

    text-decoration: none;

    transition: 0.3s;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-cta-btn:hover {

    box-shadow: 0 0 20px var(--ocs-accent);

    transform: translateY(-2px);

    color: #000;

}



/* --- VISUAL HOLOGRAM (1.7x SCALE) --- */

.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-visual-col {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .tab-hologram-wrap {

    width: 115%;

    max-width: 400px;

    aspect-ratio: 1/1;

    background: radial-gradient(circle, var(--ocs-accent) 0%, transparent 65%);

    opacity: 0.9;

    position: relative;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    

    transform: scale(1.2); 

    transform-origin: center center;

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .hologram-pulse {

    position: absolute;

    top: 50%; left: 50%;

    width: 90%; height: 90%;

    border: 1px dashed var(--ocs-accent);

    border-radius: 50%;

    transform: translate(-50%, -50%);

    animation: ocsHoloRotate 25s linear infinite;

    opacity: 0.3;

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .hologram-scan {

    position: absolute;

    top: 50%; left: 50%;

    width: 75%; height: 75%;

    border: 1px solid var(--ocs-accent);

    border-radius: 50%;

    transform: translate(-50%, -50%);

    animation: ocsHoloRotate 15s linear infinite reverse;

    opacity: 0.15;

}



.elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-ghost-img {

    width: 100%;

    height: auto;

    position: relative;

    z-index: 2;

    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.6));

}



@keyframes ocsHoloRotate {

    to { transform: translate(-50%, -50%) rotate(360deg); }

}



/* --- MOBILE RESPONSIVE --- */

@media (max-width: 1024px) {

    .elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-terminal { width: 95vw; }

    

    .elementor-186274 .elementor-element.elementor-element-490ba23 .ocs-tab-viewport { padding: 40px 20px; }

    

    .elementor-186274 .elementor-element.elementor-element-490ba23 .tab-inner-grid { 

        grid-template-columns: 1fr; 

        gap: 20px; 

    }

    

    .elementor-186274 .elementor-element.elementor-element-490ba23 .tab-visual-col { 

        order: -1; 

        margin-bottom: 10px; 

    }

    

    .elementor-186274 .elementor-element.elementor-element-490ba23 .tab-hologram-wrap { 

        width: 100%;

        max-width: 380px; 

        transform: scale(1); /* Reset zoom */

        margin: 0 auto;

    }

    

    .elementor-186274 .elementor-element.elementor-element-490ba23 .tab-heading { 

        font-size: 30px; 

        text-align: center;

    }

    

    .elementor-186274 .elementor-element.elementor-element-490ba23 .tab-desc { 

        text-align: center; 

        margin: 0 auto 30px auto; 

    }

    

    .elementor-186274 .elementor-element.elementor-element-490ba23 .tab-feature-list {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    

    .elementor-186274 .elementor-element.elementor-element-490ba23 .tab-text-col { text-align: center; }

}
/* --- THE WRAPPER: Fixed & Centered --- */

.elementor-186274 .elementor-element.elementor-element-e36dd01 .stats-mission-wrapper {

    /* 1. MATCHING WIDTH with the Terminal Widget */

    width: 72vw;

    

    /* 2. ZOOM PROTECTION: Stops it from getting too wide */

    max-width: 1400px;

    

    /* 3. CENTER LOCK: Forces perfect alignment regardless of zoom */

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    

    margin: 60px 0;

    padding: 0;

    

    font-family: 'Inter', sans-serif;

    color: #ffffff;

    

    /* Rendering crispness */

    -webkit-font-smoothing: antialiased;

}



/* --- HEADER SECTION --- */

.elementor-186274 .elementor-element.elementor-element-e36dd01 .stats-meta-id {

    font-family: 'Roboto Mono', monospace;

    font-size: 10px;

    color: #9FEF00; /* Surgical Green Accent */

    letter-spacing: 3px;

    margin-bottom: 12px;

    opacity: 0.8;

    text-transform: uppercase;

}



.elementor-186274 .elementor-element.elementor-element-e36dd01 h2.elite-stats-title {

    color: #ffffff !important;

    font-size: clamp(28px, 3vw, 48px);

    font-weight: 900;

    margin-bottom: 8px;

    letter-spacing: -2px;

    line-height: 1.1;

}



.elementor-186274 .elementor-element.elementor-element-e36dd01 .green-highlight {

    color: #9FEF00 !important;

    text-shadow: 0 0 25px rgba(159, 239, 0, 0.3);

}



.elementor-186274 .elementor-element.elementor-element-e36dd01 .stats-source-text {

    font-size: 15px;

    color: #64748b !important; /* Muted Slate */

    margin-bottom: 50px;

    max-width: 600px;

}



/* --- THE GRID --- */

.elementor-186274 .elementor-element.elementor-element-e36dd01 .stats-grid-container {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

}



/* --- THE CARDS --- */

.elementor-186274 .elementor-element.elementor-element-e36dd01 .stat-card {

    /* Glassmorphism upgrade */

    background: rgba(255, 255, 255, 0.01) !important;

    backdrop-filter: blur(10px); /* Majestic Blur */

    -webkit-backdrop-filter: blur(10px);

    

    padding: 45px 35px;

    border-radius: 4px; /* Slightly softer corners */

    border: 1px solid rgba(255, 255, 255, 0.04);

    position: relative;

    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);

    overflow: hidden;

}



.elementor-186274 .elementor-element.elementor-element-e36dd01 .stat-card:hover {

    background: rgba(159, 239, 0, 0.03) !important;

    border-color: rgba(159, 239, 0, 0.4);

    transform: translateY(-8px); /* Higher float on hover */

    box-shadow: 0 20px 40px rgba(0,0,0,0.4); /* Depth shadow */

}



/* CARD META ID */

.elementor-186274 .elementor-element.elementor-element-e36dd01 .stat-card-id {

    font-family: 'Roboto Mono', monospace;

    font-size: 9px;

    color: #475569;

    position: absolute;

    top: 20px;

    right: 20px;

    letter-spacing: 1px;

    opacity: 0.6;

}



.elementor-186274 .elementor-element.elementor-element-e36dd01 .stat-card:hover .stat-card-id {

    color: #9FEF00;

    opacity: 1;

}



/* NUMBERS: Majestic White */

.elementor-186274 .elementor-element.elementor-element-e36dd01 .stat-value {

    font-size: clamp(42px, 4vw, 64px);

    font-weight: 800;

    color: #ffffff !important;

    margin-bottom: 15px;

    letter-spacing: -2px;

    line-height: 1;

    

    /* Subtle texture to the white text */

    text-shadow: 0 0 30px rgba(255,255,255,0.1);

}



/* LABELS */

.elementor-186274 .elementor-element.elementor-element-e36dd01 .stat-label {

    font-size: 15px;

    line-height: 1.5;

    color: #94a3b8 !important;

    font-weight: 500;

}



/* --- RESPONSIVE SHIELD --- */

@media (max-width: 1440px) {

    /* Match the Terminal Widget width */

    .elementor-186274 .elementor-element.elementor-element-e36dd01 .stats-mission-wrapper { width: 72vw; }

}



@media (max-width: 1024px) {

    /* Full width on Mobile/Tablet */

    .elementor-186274 .elementor-element.elementor-element-e36dd01 .stats-mission-wrapper { width: 95vw; }

    

    .elementor-186274 .elementor-element.elementor-element-e36dd01 .stats-grid-container { 

        grid-template-columns: 1fr; 

        gap: 15px; 

    }

    

    .elementor-186274 .elementor-element.elementor-element-e36dd01 .stat-card { padding: 35px; }

}
/* --- THE MASTER WRAPPER: Fixed & Centered --- */

.elementor-186274 .elementor-element.elementor-element-71e9879 .lib-elite-container {

    /* 1. MATCHING WIDTH (Synced with Terminal/Stats) */

    width: 72vw;

    

    /* 2. ZOOM PROTECTION: Stops infinite stretching */

    max-width: 1400px;

    

    /* 3. CENTER LOCK: Forces alignment */

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    

    margin: 0px 0; /* Changed from auto */

    padding: 0;

    

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    color: #ffffff;

    background: transparent;

    

    /* Crisp Rendering */

    -webkit-font-smoothing: antialiased;

}



.elementor-186274 .elementor-element.elementor-element-71e9879 .lib-inner-wrap {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 80px;

    align-items: center;

}



/* --- THE LEFT BRIEFING --- */

.elementor-186274 .elementor-element.elementor-element-71e9879 .lib-meta-tag {

    font-family: 'Roboto Mono', monospace;

    font-size: 10px;

    color: #9FEF00; /* Surgical hint of Green */

    letter-spacing: 3px;

    margin-bottom: 15px;

    opacity: 0.8;

    text-transform: uppercase;

}



.elementor-186274 .elementor-element.elementor-element-71e9879 .lib-title {

    font-size: clamp(32px, 3.5vw, 54px);

    font-weight: 900;

    line-height: 0.95;

    letter-spacing: -2.5px;

    margin: 0 0 25px 0;

    color: #ffffff !important;

}



.elementor-186274 .elementor-element.elementor-element-71e9879 .lib-accent {

    color: #f1f5f9; 

    opacity: 0.6;

    font-weight: 300;

}



.elementor-186274 .elementor-element.elementor-element-71e9879 .lib-status-cluster {

    display: flex;

    gap: 15px;

}



.elementor-186274 .elementor-element.elementor-element-71e9879 .status-bit {

    font-family: 'Roboto Mono', monospace;

    font-size: 9px;

    color: #475569;

    border: 1px solid rgba(255,255,255,0.05);

    padding: 4px 10px;

    border-radius: 2px;

    text-transform: uppercase;

}



.elementor-186274 .elementor-element.elementor-element-71e9879 .status-bit.active {

    color: #9FEF00;

    border-color: rgba(159, 239, 0, 0.2);

    background: rgba(159, 239, 0, 0.05);

}



/* --- THE DATA GRID --- */

.elementor-186274 .elementor-element.elementor-element-71e9879 .lib-data-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

}



/* THE NODE (CARD) */

.elementor-186274 .elementor-element.elementor-element-71e9879 .lib-node {

    background: rgba(255, 255, 255, 0.01); /* Ultra-minimal glass */

    backdrop-filter: blur(8px); /* Added blur for solidity */

    border: 1px solid rgba(255, 255, 255, 0.04);

    padding: 30px;

    border-radius: 4px;

    position: relative;

    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);

    overflow: hidden;

}



.elementor-186274 .elementor-element.elementor-element-71e9879 .lib-node:hover {

    background: rgba(159, 239, 0, 0.02);

    border-color: rgba(159, 239, 0, 0.4); 

    transform: translateY(-5px);

    box-shadow: 0 15px 30px rgba(0,0,0,0.3);

}



/* DECORATIVE ID TAG */

.elementor-186274 .elementor-element.elementor-element-71e9879 .node-id {

    font-family: 'Roboto Mono', monospace;

    font-size: 9px;

    color: #334155;

    position: absolute;

    top: 15px;

    right: 15px;

    opacity: 0.7;

}



.elementor-186274 .elementor-element.elementor-element-71e9879 .lib-node:hover .node-id {

    color: #9FEF00;

    opacity: 1;

}



/* NUMERICAL VALUE */

.elementor-186274 .elementor-element.elementor-element-71e9879 .node-val {

    font-size: 48px;

    font-weight: 800;

    line-height: 1;

    margin-bottom: 8px;

    color: #ffffff !important;

    letter-spacing: -2px;

}



/* NODE LABEL */

.elementor-186274 .elementor-element.elementor-element-71e9879 .node-label {

    font-size: 14px;

    color: #94a3b8; /* Muted slate */

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 600;

}



/* --- RESPONSIVE SHIELD --- */

@media (max-width: 1440px) {

    /* Match width with other widgets */

    .elementor-186274 .elementor-element.elementor-element-71e9879 .lib-elite-container { width: 72vw; }

}



@media (max-width: 1024px) {

    /* Full width on Mobile/Tablet */

    .elementor-186274 .elementor-element.elementor-element-71e9879 .lib-elite-container { width: 95vw; }

    

    .elementor-186274 .elementor-element.elementor-element-71e9879 .lib-inner-wrap { 

        grid-template-columns: 1fr; 

        text-align: center; 

        gap: 40px; 

    }

    

    .elementor-186274 .elementor-element.elementor-element-71e9879 .lib-status-cluster { justify-content: center; }

    

    .elementor-186274 .elementor-element.elementor-element-71e9879 .lib-data-grid { 

        max-width: 500px; 

        margin: 0 auto; 

        width: 100%;

    }

}



@media (max-width: 600px) {

    .elementor-186274 .elementor-element.elementor-element-71e9879 .lib-node { padding: 20px; }

    .elementor-186274 .elementor-element.elementor-element-71e9879 .node-val { font-size: 36px; }

}
/* --- THE WRAPPER: Fixed & Centered --- */

.elementor-186274 .elementor-element.elementor-element-31a4ac7 .nav-cards-wrapper {

    /* 1. MATCHING WIDTH (Synced with other widgets) */

    width: 72vw;

    

    /* 2. ZOOM PROTECTION */

    max-width: 1400px;

    

    /* 3. CENTER LOCK */

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    

    margin: 0;

    padding: 50px 0;

    font-family: 'Inter', sans-serif;

}



/* THE GRID */

.elementor-186274 .elementor-element.elementor-element-31a4ac7 .nav-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

}



/* THE NAV CARD */

.elementor-186274 .elementor-element.elementor-element-31a4ac7 .nav-card {

    background: #0f1411 !important; /* Darker green-tinted charcoal */

    padding: 45px 40px;

    border-radius: 4px;

    border: 1px solid rgba(159, 239, 0, 0.05); /* Very subtle green border */

    text-decoration: none !important;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 300px;

    transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);

    position: relative;

    overflow: hidden;

}



/* DECORATIVE GRID BACKGROUND */

.elementor-186274 .elementor-element.elementor-element-31a4ac7 .card-deco-grid {

    position: absolute;

    top: 0; right: 0;

    width: 150px;

    height: 150px;

    background-image: radial-gradient(rgba(159, 239, 0, 0.12) 1px, transparent 1px);

    background-size: 12px 12px;

    mask-image: linear-gradient(to bottom left, black, transparent);

    opacity: 0.6;

    pointer-events: none;

}



/* HOVER STATES */

.elementor-186274 .elementor-element.elementor-element-31a4ac7 .nav-card:hover {

    background: #141b17 !important;

    border-color: rgba(159, 239, 0, 0.5); /* HTB Green Glow */

    transform: translateY(-12px);

    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), 

                0 0 25px rgba(159, 239, 0, 0.05);

}



/* META TAG */

.elementor-186274 .elementor-element.elementor-element-31a4ac7 .card-meta {

    font-family: 'Roboto Mono', monospace;

    font-size: 10px;

    color: #9FEF00; /* HTB Green */

    letter-spacing: 2.5px;

    margin-bottom: 18px;

    opacity: 0.9;

    font-weight: 600;

    text-transform: uppercase;

}



/* CARD TYPOGRAPHY */

.elementor-186274 .elementor-element.elementor-element-31a4ac7 .card-title {

    color: #ffffff !important;

    font-size: 28px;

    font-weight: 800;

    margin-bottom: 15px;

    letter-spacing: -0.02em;

    line-height: 1.2;

}



/* IMPROVED READABILITY DESCRIPTION */

.elementor-186274 .elementor-element.elementor-element-31a4ac7 .card-description {

    color: #cbd5e1 !important; /* Brighter silver for better contrast */

    font-size: 17px;

    line-height: 1.65;

    margin: 0;

    font-weight: 400;

}



/* FOOTER & ARROW */

.elementor-186274 .elementor-element.elementor-element-31a4ac7 .card-footer {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 35px;

    padding-top: 25px;

    border-top: 1px solid rgba(159, 239, 0, 0.1);

}



.elementor-186274 .elementor-element.elementor-element-31a4ac7 .footer-tag {

    font-family: 'Roboto Mono', monospace;

    font-size: 11px;

    color: #64748b;

    letter-spacing: 1px;

    transition: color 0.3s ease;

}



.elementor-186274 .elementor-element.elementor-element-31a4ac7 .arrow-icon {

    color: #ffffff;

    font-size: 24px;

    transition: all 0.3s ease;

}



/* HOVER INTERACTIONS */

.elementor-186274 .elementor-element.elementor-element-31a4ac7 .nav-card:hover .footer-tag {

    color: #9FEF00;

}



.elementor-186274 .elementor-element.elementor-element-31a4ac7 .nav-card:hover .arrow-icon {

    transform: translateX(10px);

    color: #9FEF00;

    filter: drop-shadow(0 0 10px rgba(159, 239, 0, 0.8));

}



/* RESPONSIVE BREAKPOINTS */

@media (max-width: 1600px) {

    /* Match terminal width logic */

    .elementor-186274 .elementor-element.elementor-element-31a4ac7 .nav-cards-wrapper { width: 72vw; }

}



@media (max-width: 1024px) {

    /* Full width on mobile/tablet */

    .elementor-186274 .elementor-element.elementor-element-31a4ac7 .nav-cards-wrapper { width: 95vw; }

    

    .elementor-186274 .elementor-element.elementor-element-31a4ac7 .nav-grid { grid-template-columns: 1fr; gap: 24px; }

    .elementor-186274 .elementor-element.elementor-element-31a4ac7 .nav-card { min-height: auto; padding: 40px 30px; }

    .elementor-186274 .elementor-element.elementor-element-31a4ac7 .card-description { font-size: 16px; }

}
/* --- THE MASTER WRAPPER: Fixed & Centered --- */

.elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-section {

    /* 1. MATCHING WIDTH (Synced with all other widgets) */

    width: 72vw;

    

    /* 2. ZOOM PROTECTION */

    max-width: 1400px;

    

    /* 3. CENTER LOCK */

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    

    margin:50px 0; /* Adjusted for cleaner spacing */

    font-family: 'Inter', sans-serif;

    color: #ffffff;

}



/* --- THE HEADER: Technical Metadata Style --- */

.elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-header {

    margin-bottom: 50px;

    border-left: 2px solid #9FEF00; /* Surgical Green Accent */

    padding-left: 20px;

}



.elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-meta {

    font-family: 'Roboto Mono', monospace !important;

    color: #9FEF00; /* HTB Green used surgically for data-tags */

    font-size: 10px;

    letter-spacing: 3px;

    font-weight: 700;

    opacity: 0.9;

    text-transform: uppercase;

}



.elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-title {

    font-size: clamp(28px, 2.8vw, 42px);

    font-weight: 900;

    color: #ffffff !important;

    margin: 8px 0 0 0;

    letter-spacing: -2px;

    text-transform: uppercase;

    line-height: 1;

}



/* --- THE GRID --- */

.elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

}



/* --- THE CARDS: Solid, High-Density Intel Tiles --- */

.elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-card {

    /* CHANGED: Solid, deep dark background for visibility */

    background: #12121a !important; 

    border: 1px solid rgba(255, 255, 255, 0.05);

    padding: 35px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    border-radius: 2px;

    min-height: 280px;

}



.elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-card:hover {

    /* CHANGED: Slightly lighter dark on hover */

    background: #161624 !important;

    border-color: rgba(159, 239, 0, 0.3);

    transform: translateY(-5px);

    box-shadow: 0 25px 50px rgba(0,0,0,0.5);

}



/* TOP META BAR */

.ocs-card-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 25px;

}



.ocs-ref-id {

    font-family: 'Roboto Mono', monospace !important;

    font-size: 9px;

    color: #64748b; /* Muted Slate */

    letter-spacing: 1px;

    font-weight: 600;

}



.ocs-status-dot {

    width: 6px;

    height: 6px;

    background: #9FEF00; /* Active Status Indicator */

    border-radius: 50%;

    box-shadow: 0 0 10px rgba(159, 239, 0, 0.4);

}



/* DEBRIEF TEXT: Increased Size and Readability */

.ocs-debrief-text {

    /* CHANGED: Increased font size */

    font-size: 17px;

    line-height: 1.6;

    color: #d1d5db; /* Lighter silver for better contrast against new background */

    margin-bottom: 30px;

    font-style: italic;

    font-weight: 400;

}



/* CARD FOOTER */

.ocs-card-bottom {

    border-top: 1px solid rgba(255, 255, 255, 0.05);

    padding-top: 20px;

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

}



.ocs-op-name {

    display: block;

    font-weight: 800;

    font-size: 14px;

    color: #ffffff;

    letter-spacing: 0.5px;

}



.ocs-op-role {

    display: block;

    font-family: 'Roboto Mono', monospace !important;

    font-size: 10px;

    color: #94a3b8; /* Desaturated for elite feel */

    text-transform: uppercase;

    margin-top: 5px;

    font-weight: 500;

}



.ocs-verify-tag {

    font-family: 'Roboto Mono', monospace !important;

    font-size: 9px;

    color: #475569;

    letter-spacing: 2px;

    font-weight: 700;

}



/* --- RESPONSIVE SHIELD --- */

@media (max-width: 1440px) {

    /* Sync width with other widgets */

    .elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-section { width: 72vw; }

}



@media (max-width: 1024px) {

    /* Full width on tablet/mobile */

    .elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-section { width: 95vw; }

    

    .elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }

}



@media (max-width: 600px) {

    .elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-grid { grid-template-columns: 1fr; }

    .elementor-186274 .elementor-element.elementor-element-1330234 .ocs-registry-card { padding: 25px; }

}
/* Isolated Namespace - Will NOT affect other widgets */

.ocs-card {

    background: #060a12;

    border: 1px solid rgba(159, 239, 0, 0.1);

    padding: 25px;

    margin: 15px;

    font-family: 'JetBrains Mono', monospace !important;

    position: relative;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



/* The Surgical Glow Effect */

.ocs-card:hover {

    border-color: #9FEF00;

    background: #080d18;

    box-shadow: 0 0 25px rgba(159, 239, 0, 0.15), inset 0 0 10px rgba(159, 239, 0, 0.05);

}



.ocs-glitch-bar {

    position: absolute; top: 0; left: 0; width: 40px; height: 3px;

    background: #9FEF00; box-shadow: 0 0 10px #9FEF00;

}



.ocs-top-row {

    display: flex; justify-content: space-between;

    margin-bottom: 20px;

}



.ocs-serial { font-size: 11px; color: #444; letter-spacing: 1px; }

.ocs-glow-dot { width: 6px; height: 6px; background: #9FEF00; border-radius: 50%; box-shadow: 0 0 8px #9FEF00; }



.ocs-body { display: flex; gap: 20px; align-items: center; }



.ocs-icon-box { width: 50px; flex-shrink: 0; }



.ocs-headline { 

    color: #9FEF00 !important; font-size: 18px !important; margin: 0 0 8px 0 !important; 

    font-weight: 700 !important; letter-spacing: -0.5px;

}



.ocs-summary { 

    color: #aaa !important; font-size: 14px !important; line-height: 1.5 !important; 

    margin: 0 !important; font-family: 'JetBrains Mono', monospace !important;

}



.ocs-data-grid {

    margin: 20px 0; display: grid; grid-template-columns: 1fr 1fr;

    gap: 15px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px;

}



.ocs-label { display: block; font-size: 10px; color: #444; margin-bottom: 4px; }

.ocs-value { display: block; font-size: 12px; color: #fff; font-weight: bold; }



.ocs-execute-btn {

    width: 100%; background: #0b111f; border: 1px solid #333;

    color: #9FEF00; font-family: 'JetBrains Mono', monospace !important; 

    font-size: 13px; font-weight: bold;

    padding: 14px; cursor: pointer; transition: 0.3s;

}



.ocs-card:hover .ocs-execute-btn {

    background: #9FEF00; color: #000; border-color: #9FEF00;

    box-shadow: 0 0 15px rgba(159, 239, 0, 0.3);

}
/* Isolated Namespace - Will NOT affect other widgets */

.ocs-card {

    background: #060a12;

    border: 1px solid rgba(159, 239, 0, 0.1);

    padding: 25px;

    margin: 15px;

    font-family: 'JetBrains Mono', monospace !important;

    position: relative;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



/* The Surgical Glow Effect */

.ocs-card:hover {

    border-color: #9FEF00;

    background: #080d18;

    box-shadow: 0 0 25px rgba(159, 239, 0, 0.15), inset 0 0 10px rgba(159, 239, 0, 0.05);

}



.ocs-glitch-bar {

    position: absolute; top: 0; left: 0; width: 40px; height: 3px;

    background: #9FEF00; box-shadow: 0 0 10px #9FEF00;

}



.ocs-top-row {

    display: flex; justify-content: space-between;

    margin-bottom: 20px;

}



.ocs-serial { font-size: 11px; color: #444; letter-spacing: 1px; }

.ocs-glow-dot { width: 6px; height: 6px; background: #9FEF00; border-radius: 50%; box-shadow: 0 0 8px #9FEF00; }



.ocs-body { display: flex; gap: 20px; align-items: center; }



.ocs-icon-box { width: 50px; flex-shrink: 0; }



.ocs-headline { 

    color: #9FEF00 !important; font-size: 18px !important; margin: 0 0 8px 0 !important; 

    font-weight: 700 !important; letter-spacing: -0.5px;

}



.ocs-summary { 

    color: #aaa !important; font-size: 14px !important; line-height: 1.5 !important; 

    margin: 0 !important; font-family: 'JetBrains Mono', monospace !important;

}



.ocs-data-grid {

    margin: 20px 0; display: grid; grid-template-columns: 1fr 1fr;

    gap: 15px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px;

}



.ocs-label { display: block; font-size: 10px; color: #444; margin-bottom: 4px; }

.ocs-value { display: block; font-size: 12px; color: #fff; font-weight: bold; }



.ocs-execute-btn {

    width: 100%; background: #0b111f; border: 1px solid #333;

    color: #9FEF00; font-family: 'JetBrains Mono', monospace !important; 

    font-size: 13px; font-weight: bold;

    padding: 14px; cursor: pointer; transition: 0.3s;

}



.ocs-card:hover .ocs-execute-btn {

    background: #9FEF00; color: #000; border-color: #9FEF00;

    box-shadow: 0 0 15px rgba(159, 239, 0, 0.3);

}

.ocs-icon-box {

    width: 55px; 

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.ocs-svg-icon {

    width: 100%;

    height: auto;

    filter: drop-shadow(0 0 8px rgba(159, 239, 0, 0.4));

    transition: transform 0.3s ease;

}



.ocs-card:hover .ocs-svg-icon {

    transform: scale(1.1) rotate(-2deg);

    filter: drop-shadow(0 0 12px rgba(159, 239, 0, 0.6));

}
/* Isolated Namespace - Will NOT affect other widgets */

.ocs-card {

    background: #060a12;

    border: 1px solid rgba(159, 239, 0, 0.1);

    padding: 25px;

    margin: 15px;

    font-family: 'JetBrains Mono', monospace !important;

    position: relative;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



/* The Surgical Glow Effect */

.ocs-card:hover {

    border-color: #9FEF00;

    background: #080d18;

    box-shadow: 0 0 25px rgba(159, 239, 0, 0.15), inset 0 0 10px rgba(159, 239, 0, 0.05);

}



.ocs-glitch-bar {

    position: absolute; top: 0; left: 0; width: 40px; height: 3px;

    background: #9FEF00; box-shadow: 0 0 10px #9FEF00;

}



.ocs-top-row {

    display: flex; justify-content: space-between;

    margin-bottom: 20px;

}



.ocs-serial { font-size: 11px; color: #444; letter-spacing: 1px; }

.ocs-glow-dot { width: 6px; height: 6px; background: #9FEF00; border-radius: 50%; box-shadow: 0 0 8px #9FEF00; }



.ocs-body { display: flex; gap: 20px; align-items: center; }



.ocs-icon-box { width: 50px; flex-shrink: 0; }



.ocs-headline { 

    color: #9FEF00 !important; font-size: 18px !important; margin: 0 0 8px 0 !important; 

    font-weight: 700 !important; letter-spacing: -0.5px;

}



.ocs-summary { 

    color: #aaa !important; font-size: 14px !important; line-height: 1.5 !important; 

    margin: 0 !important; font-family: 'JetBrains Mono', monospace !important;

}



.ocs-data-grid {

    margin: 20px 0; display: grid; grid-template-columns: 1fr 1fr;

    gap: 15px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px;

}



.ocs-label { display: block; font-size: 10px; color: #444; margin-bottom: 4px; }

.ocs-value { display: block; font-size: 12px; color: #fff; font-weight: bold; }



.ocs-execute-btn {

    width: 100%; background: #0b111f; border: 1px solid #333;

    color: #9FEF00; font-family: 'JetBrains Mono', monospace !important; 

    font-size: 13px; font-weight: bold;

    padding: 14px; cursor: pointer; transition: 0.3s;

}



.ocs-card:hover .ocs-execute-btn {

    background: #9FEF00; color: #000; border-color: #9FEF00;

    box-shadow: 0 0 15px rgba(159, 239, 0, 0.3);

}
/* Isolated Namespace - Will NOT affect other widgets */

.ocs-card {

    background: #060a12;

    border: 1px solid rgba(159, 239, 0, 0.1);

    padding: 25px;

    margin: 15px;

    font-family: 'JetBrains Mono', monospace !important;

    position: relative;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



/* The Surgical Glow Effect */

.ocs-card:hover {

    border-color: #9FEF00;

    background: #080d18;

    box-shadow: 0 0 25px rgba(159, 239, 0, 0.15), inset 0 0 10px rgba(159, 239, 0, 0.05);

}



.ocs-glitch-bar {

    position: absolute; top: 0; left: 0; width: 40px; height: 3px;

    background: #9FEF00; box-shadow: 0 0 10px #9FEF00;

}



.ocs-top-row {

    display: flex; justify-content: space-between;

    margin-bottom: 20px;

}



.ocs-serial { font-size: 11px; color: #444; letter-spacing: 1px; }

.ocs-glow-dot { width: 6px; height: 6px; background: #9FEF00; border-radius: 50%; box-shadow: 0 0 8px #9FEF00; }



.ocs-body { display: flex; gap: 20px; align-items: center; }



.ocs-icon-box { width: 50px; flex-shrink: 0; }



.ocs-headline { 

    color: #9FEF00 !important; font-size: 18px !important; margin: 0 0 8px 0 !important; 

    font-weight: 700 !important; letter-spacing: -0.5px;

}



.ocs-summary { 

    color: #aaa !important; font-size: 14px !important; line-height: 1.5 !important; 

    margin: 0 !important; font-family: 'JetBrains Mono', monospace !important;

}



.ocs-data-grid {

    margin: 20px 0; display: grid; grid-template-columns: 1fr 1fr;

    gap: 15px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px;

}



.ocs-label { display: block; font-size: 10px; color: #444; margin-bottom: 4px; }

.ocs-value { display: block; font-size: 12px; color: #fff; font-weight: bold; }



.ocs-execute-btn {

    width: 100%; background: #0b111f; border: 1px solid #333;

    color: #9FEF00; font-family: 'JetBrains Mono', monospace !important; 

    font-size: 13px; font-weight: bold;

    padding: 14px; cursor: pointer; transition: 0.3s;

}



.ocs-card:hover .ocs-execute-btn {

    background: #9FEF00; color: #000; border-color: #9FEF00;

    box-shadow: 0 0 15px rgba(159, 239, 0, 0.3);

}
/* Isolated Namespace - Will NOT affect other widgets */

.ocs-card {

    background: #060a12;

    border: 1px solid rgba(159, 239, 0, 0.1);

    padding: 25px;

    margin: 15px;

    font-family: 'JetBrains Mono', monospace !important;

    position: relative;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



/* The Surgical Glow Effect */

.ocs-card:hover {

    border-color: #9FEF00;

    background: #080d18;

    box-shadow: 0 0 25px rgba(159, 239, 0, 0.15), inset 0 0 10px rgba(159, 239, 0, 0.05);

}



.ocs-glitch-bar {

    position: absolute; top: 0; left: 0; width: 40px; height: 3px;

    background: #9FEF00; box-shadow: 0 0 10px #9FEF00;

}



.ocs-top-row {

    display: flex; justify-content: space-between;

    margin-bottom: 20px;

}



.ocs-serial { font-size: 11px; color: #444; letter-spacing: 1px; }

.ocs-glow-dot { width: 6px; height: 6px; background: #9FEF00; border-radius: 50%; box-shadow: 0 0 8px #9FEF00; }



.ocs-body { display: flex; gap: 20px; align-items: center; }



.ocs-icon-box { width: 50px; flex-shrink: 0; }



.ocs-headline { 

    color: #9FEF00 !important; font-size: 18px !important; margin: 0 0 8px 0 !important; 

    font-weight: 700 !important; letter-spacing: -0.5px;

}



.ocs-summary { 

    color: #aaa !important; font-size: 14px !important; line-height: 1.5 !important; 

    margin: 0 !important; font-family: 'JetBrains Mono', monospace !important;

}



.ocs-data-grid {

    margin: 20px 0; display: grid; grid-template-columns: 1fr 1fr;

    gap: 15px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px;

}



.ocs-label { display: block; font-size: 10px; color: #444; margin-bottom: 4px; }

.ocs-value { display: block; font-size: 12px; color: #fff; font-weight: bold; }



.ocs-execute-btn {

    width: 100%; background: #0b111f; border: 1px solid #333;

    color: #9FEF00; font-family: 'JetBrains Mono', monospace !important; 

    font-size: 13px; font-weight: bold;

    padding: 14px; cursor: pointer; transition: 0.3s;

}



.ocs-card:hover .ocs-execute-btn {

    background: #9FEF00; color: #000; border-color: #9FEF00;

    box-shadow: 0 0 15px rgba(159, 239, 0, 0.3);

}
/* Isolated Namespace - Will NOT affect other widgets */

.ocs-card {

    background: #060a12;

    border: 1px solid rgba(159, 239, 0, 0.1);

    padding: 25px;

    margin: 15px;

    font-family: 'JetBrains Mono', monospace !important;

    position: relative;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



/* The Surgical Glow Effect */

.ocs-card:hover {

    border-color: #9FEF00;

    background: #080d18;

    box-shadow: 0 0 25px rgba(159, 239, 0, 0.15), inset 0 0 10px rgba(159, 239, 0, 0.05);

}



.ocs-glitch-bar {

    position: absolute; top: 0; left: 0; width: 40px; height: 3px;

    background: #9FEF00; box-shadow: 0 0 10px #9FEF00;

}



.ocs-top-row {

    display: flex; justify-content: space-between;

    margin-bottom: 20px;

}



.ocs-serial { font-size: 11px; color: #444; letter-spacing: 1px; }

.ocs-glow-dot { width: 6px; height: 6px; background: #9FEF00; border-radius: 50%; box-shadow: 0 0 8px #9FEF00; }



.ocs-body { display: flex; gap: 20px; align-items: center; }



.ocs-icon-box { width: 50px; flex-shrink: 0; }



.ocs-headline { 

    color: #9FEF00 !important; font-size: 18px !important; margin: 0 0 8px 0 !important; 

    font-weight: 700 !important; letter-spacing: -0.5px;

}



.ocs-summary { 

    color: #aaa !important; font-size: 14px !important; line-height: 1.5 !important; 

    margin: 0 !important; font-family: 'JetBrains Mono', monospace !important;

}



.ocs-data-grid {

    margin: 20px 0; display: grid; grid-template-columns: 1fr 1fr;

    gap: 15px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px;

}



.ocs-label { display: block; font-size: 10px; color: #444; margin-bottom: 4px; }

.ocs-value { display: block; font-size: 12px; color: #fff; font-weight: bold; }



.ocs-execute-btn {

    width: 100%; background: #0b111f; border: 1px solid #333;

    color: #9FEF00; font-family: 'JetBrains Mono', monospace !important; 

    font-size: 13px; font-weight: bold;

    padding: 14px; cursor: pointer; transition: 0.3s;

}



.ocs-card:hover .ocs-execute-btn {

    background: #9FEF00; color: #000; border-color: #9FEF00;

    box-shadow: 0 0 15px rgba(159, 239, 0, 0.3);

}
/* Isolated Namespace - Will NOT affect other widgets */

.ocs-card {

    background: #060a12;

    border: 1px solid rgba(159, 239, 0, 0.1);

    padding: 25px;

    margin: 15px;

    font-family: 'JetBrains Mono', monospace !important;

    position: relative;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



/* The Surgical Glow Effect */

.ocs-card:hover {

    border-color: #9FEF00;

    background: #080d18;

    box-shadow: 0 0 25px rgba(159, 239, 0, 0.15), inset 0 0 10px rgba(159, 239, 0, 0.05);

}



.ocs-glitch-bar {

    position: absolute; top: 0; left: 0; width: 40px; height: 3px;

    background: #9FEF00; box-shadow: 0 0 10px #9FEF00;

}



.ocs-top-row {

    display: flex; justify-content: space-between;

    margin-bottom: 20px;

}



.ocs-serial { font-size: 11px; color: #444; letter-spacing: 1px; }

.ocs-glow-dot { width: 6px; height: 6px; background: #9FEF00; border-radius: 50%; box-shadow: 0 0 8px #9FEF00; }



.ocs-body { display: flex; gap: 20px; align-items: center; }



.ocs-icon-box { width: 50px; flex-shrink: 0; }



.ocs-headline { 

    color: #9FEF00 !important; font-size: 18px !important; margin: 0 0 8px 0 !important; 

    font-weight: 700 !important; letter-spacing: -0.5px;

}



.ocs-summary { 

    color: #aaa !important; font-size: 14px !important; line-height: 1.5 !important; 

    margin: 0 !important; font-family: 'JetBrains Mono', monospace !important;

}



.ocs-data-grid {

    margin: 20px 0; display: grid; grid-template-columns: 1fr 1fr;

    gap: 15px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px;

}



.ocs-label { display: block; font-size: 10px; color: #444; margin-bottom: 4px; }

.ocs-value { display: block; font-size: 12px; color: #fff; font-weight: bold; }



.ocs-execute-btn {

    width: 100%; background: #0b111f; border: 1px solid #333;

    color: #9FEF00; font-family: 'JetBrains Mono', monospace !important; 

    font-size: 13px; font-weight: bold;

    padding: 14px; cursor: pointer; transition: 0.3s;

}



.ocs-card:hover .ocs-execute-btn {

    background: #9FEF00; color: #000; border-color: #9FEF00;

    box-shadow: 0 0 15px rgba(159, 239, 0, 0.3);

}