.elementor-186274 .elementor-element.elementor-element-c900924{--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;}.elementor-186274 .elementor-element.elementor-element-c900924:not(.elementor-motion-effects-element-type-background), .elementor-186274 .elementor-element.elementor-element-c900924 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151E35;}.elementor-186274 .elementor-element.elementor-element-cc2d312{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-186274 .elementor-element.elementor-element-e18cd9b{--display:flex;}.elementor-186274 .elementor-element.elementor-element-941ad68 .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;letter-spacing:-2.4px;color:#FFFFFF;}.elementor-186274 .elementor-element.elementor-element-81bebca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-186274 .elementor-element.elementor-element-81bebca .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:17px;font-weight:500;line-height:23px;color:#FFFFFF;}.elementor-186274 .elementor-element.elementor-element-4275554{--display:flex;}.elementor-186274 .elementor-element.elementor-element-7fcdd9b{--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;}.elementor-186274 .elementor-element.elementor-element-7fcdd9b:not(.elementor-motion-effects-element-type-background), .elementor-186274 .elementor-element.elementor-element-7fcdd9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9b50213 );}.elementor-186274 .elementor-element.elementor-element-fe391a2{--display:flex;}.elementor-186274 .elementor-element.elementor-element-0cb5457{--display:flex;}.elementor-186274 .elementor-element.elementor-element-fee9841{--display:flex;}.elementor-186274 .elementor-element.elementor-element-886b09e{--display:flex;}.elementor-186274 .elementor-element.elementor-element-3f3ea9b{--display:flex;}.elementor-186274 .elementor-element.elementor-element-483cb80{--display:flex;}.elementor-186274 .elementor-element.elementor-element-4beeda3{--e-n-carousel-swiper-slides-gap:-10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:30px;--e-n-carousel-arrow-normal-color:#FFFFFF;--e-n-carousel-swiper-pagination-size:9px;--e-n-carousel-dots-normal-color:var( --e-global-color-primary );--e-n-carousel-swiper-pagination-spacing:0px;}.elementor-186274 .elementor-element.elementor-element-4beeda3 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#1F0000;border-style:dotted;border-color:#000000;}.elementor-186274 .elementor-element.elementor-element-4beeda3 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}@media(max-width:1024px){.elementor-186274 .elementor-element.elementor-element-cc2d312{--grid-auto-flow:row;}.elementor-186274 .elementor-element.elementor-element-4beeda3{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-186274 .elementor-element.elementor-element-cc2d312{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-186274 .elementor-element.elementor-element-4beeda3{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-941ad68 *//* Style for the underlined first letters */
.elementor-186274 .elementor-element.elementor-element-941ad68 .ttp-letter {
    position: relative;
    color: #9FEF00; /* Hacker Green */
    display: inline-block;
}

.elementor-186274 .elementor-element.elementor-element-941ad68 .ttp-letter::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* Adjust this to move the line up or down */
    width: 100%;
    height: 2px; /* Thickness of the underline */
    background-color: #9FEF00; /* Hacker Green */
    box-shadow: 0px 0px 8px rgba(159, 239, 0, 0.6); /* Optional subtle glow */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45200d5 */.ocsaly-landscape-badge {
    width: 520px;
    background: #0B111F;
    border: 1px solid rgba(159, 239, 0, 0.3);
    border-left: 5px solid #9FEF00;
    font-family: 'JetBrains Mono', monospace;
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(0,0,0,0.9);
}

.l-header {
    display: flex; justify-content: space-between;
    padding: 12px 20px; background: rgba(0,0,0,0.6);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.l-system-label { font-size: 10px; color: #444; letter-spacing: 1px; }
.l-status-group { display: flex; align-items: center; gap: 8px; }
.l-status-label { font-size: 9px; color: #9FEF00; opacity: 0.8; }
.l-dot { width: 6px; height: 6px; background: #9FEF00; border-radius: 50%; box-shadow: 0 0 10px #9FEF00; }

.l-main-content { display: flex; padding: 30px; gap: 40px; }

.l-photo-frame {
    width: 120px; height: 140px; background: #000;
    border: 1px solid #222; position: relative;
    display: flex; align-items: center; justify-content: center;
}

.l-hacker-svg { width: 80px; height: 80px; }
.l-scanner-line {
    position: absolute; width: 100%; height: 2px;
    background: #9FEF00; box-shadow: 0 0 15px #9FEF00;
    animation: l-scan 4s infinite ease-in-out;
}
@keyframes l-scan { 0%, 100% { top: 0%; } 50% { top: 100%; } }

.l-corner { position: absolute; width: 8px; height: 8px; border: 1px solid #9FEF00; }
.tl { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.tr { top: -1px; right: -1px; border-left: 0; border-bottom: 0; }
.bl { bottom: -1px; left: -1px; border-right: 0; border-top: 0; }
.br { bottom: -1px; right: -1px; border-left: 0; border-top: 0; }

.l-id-tag { font-size: 10px; color: #989898; text-align: center; margin-top: 10px; }

.l-data-column { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
.l-field { margin-bottom: 18px; }
.l-label { display: block; font-size: 9px; color: #555; margin-bottom: 4px; }
.l-value { display: block; font-size: 15px; color: #fff; font-weight: bold; }
.l-green { color: #9FEF00; }
.l-red { color: #ff4444; }

.l-actions { display: flex; padding: 0 30px 30px; gap: 15px; }
.l-btn { flex: 1; font-family: inherit; font-size: 11px; padding: 14px; cursor: pointer; border: none; transition: 0.3s; font-weight: bold; }
.l-btn-main { background: #9FEF00; color: #000; }
.l-btn-sub { background: transparent; color: #9FEF00; border: 1px solid rgba(159, 239, 0, 0.4); }
.l-btn-main:hover { background: #fff; }
.l-btn-sub:hover { background: rgba(159, 239, 0, 0.1); border-color: #9FEF00; }

.l-footer { padding: 15px; background: #000; display: flex; justify-content: space-between; align-items: center; }
.l-barcode {
    height: 25px;
    width: 150px;
    background: repeating-linear-gradient(
        90deg,
        #aaa,
        #aaa 1px,
        transparent 1px,
        transparent 4px
    );
    opacity: 0.5;
}

.l-binary { font-size: 7px; color: #989898; }
@media (max-width: 768px) {
    .ocsaly-landscape-badge {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
    }
    .l-main-content {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
    }
    .l-actions {
        flex-direction: column;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c900924 *//* 1. The Container Foundation */
.elementor-186274 .elementor-element.elementor-element-c900924 {
    position: relative;
    overflow: hidden;
    background-color: #0B111F; /* Deep Agency Blue */
}

/* 2. The Micro-Icon Layer (Cybersecurity Edition) */
.elementor-186274 .elementor-element.elementor-element-c900924::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    
    /* Tiles shrunk to 150x150 for smaller icons */
    background-image: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239FEF00' fill-opacity='0.05'%3E%3C!-- Micro Shield --%3E%3Cpath d='M30 20l20 8v22c0 12-8 23-20 27-12-4-20-15-20-27V28l20-8z'/%3E%3C!-- Micro Bug --%3E%3Cpath d='M100 25c-5 0-9 4-9 9v2h18v-2c0-5-4-9-9-9zM88 40h24l2 6h-28l2-6z'/%3E%3C!-- Micro Firewall --%3E%3Cpath d='M160 20h20v6h-20zM155 28h12v6h-12zM170 28h12v6h-12zM160 36h20v6h-20z'/%3E%3C!-- Micro Hacker --%3E%3Cpath d='M35 120c0-5 4-9 9-9s9 4 9 9-4 9-9 9-9-4-9-9zm-10 30c0-10 8-15 19-15s19 5 19 15v5H25v-5z'/%3E%3C!-- Micro Node --%3E%3C!-- Technical Text --%3E%3Ctext x='155' y='130' font-family='monospace' font-size='12' font-weight='bold'%3E0x01%3C/text%3E%3Ctext x='30' y='180' font-family='monospace' font-size='10'%3ESTATUS: SECURE%3C/text%3E%3C/g%3E%3C/svg%3E");
    
    background-repeat: repeat;
    transform: rotate(-15deg);
    pointer-events: none;
    z-index: 0;
}

/* 3. The Luxe Vignette */
.elementor-186274 .elementor-element.elementor-element-c900924::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    /* Deeper fade for a more focused spotlight effect */
    background: radial-gradient(circle at center, transparent 0%, #0B111F 95%);
    pointer-events: none;
    z-index: 1;
}

/* 4. Content Layer */
.elementor-186274 .elementor-element.elementor-element-c900924 > * {
    position: relative;
    z-index: 2;
}

/* --- OCSALY: GLOBAL BOTTOM BLACKOUT --- */

/* Forces the browser's base layer to be black */
html, body {
    background-color: #000000 !important;
}

/* Ensures the Astra site wrapper covers the full height and stays black */
#page, .site {
    background-color: #000000 !important;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Forces the content area to push the footer to the absolute bottom */
#content {
    flex: 1 0 auto;
}

/* Ensures the footer area and anything below it remains black */
.site-footer, 
#colophon,
.ast-footer-overlay {
    background-color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5fff96 *//* 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));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8392f6 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d24baee *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-004bf2b *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc81504 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93b9382 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5fff96 *//* 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));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8392f6 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d24baee *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-004bf2b *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc81504 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93b9382 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5fff96 *//* 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));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8392f6 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d24baee *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-004bf2b *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc81504 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93b9382 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5fff96 *//* 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));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8392f6 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d24baee *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-004bf2b *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc81504 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93b9382 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5fff96 *//* 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));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8392f6 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d24baee *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-004bf2b *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc81504 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93b9382 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5fff96 *//* 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));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8392f6 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d24baee *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-004bf2b *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc81504 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93b9382 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5fff96 *//* 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));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8392f6 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d24baee *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-004bf2b *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc81504 *//* 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);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93b9382 *//* 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);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4beeda3 *//* 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);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fcdd9b *//* 1. Lightened Base - Midnight Command Center */
.elementor-186274 .elementor-element.elementor-element-7fcdd9b {
    --bg-dark: #0a0f1a; /* Lighter than obsidian */
    --bg-glow: #111a2e; /* Mid-tone for visibility */
    --ocs-green: #9FEF00;

    position: relative !important;
    background: radial-gradient(circle at center, var(--bg-glow) 0%, var(--bg-dark) 100%) !important;
    overflow: hidden !important;
   
}

/* 2. Enhanced Grid + Visibility Vignette */
.elementor-186274 .elementor-element.elementor-element-7fcdd9b::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    
    /* Stronger Grid Lines (increased to 0.08 opacity) */
    /* Lighter Vignette (shifted to 95% for wider visibility) */
    background-image: 
        linear-gradient(rgba(159, 239, 0, 0.08) 1.5px, transparent 1.5px),
        linear-gradient(90deg, rgba(159, 239, 0, 0.08) 1.5px, transparent 1.5px),
        radial-gradient(circle at center, transparent 30%, var(--bg-dark) 95%) !important;
    
    background-size: 50px 50px, 50px 50px, 100% 100% !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* 3. High-Contrast Micro-Icons (Increased Visibility) */
.elementor-186274 .elementor-element.elementor-element-7fcdd9b::after {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    
    /* Icons increased to 0.06 fill-opacity for better visibility */
    background-image: url("data:image/svg+xml,%3Csvg width='250' height='250' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239FEF00' fill-opacity='0.06'%3E%3Cpath d='M30 20l10 4v10c0 6-4 12-10 14-6-2-10-8-10-14V24l10-4z'/%3E%3Cpath d='M150 40h15v2h-15zM150 46h10v2h-10z'/%3E%3Crect x='80' y='140' width='12' height='12' rx='1' /%3E%3Ctext x='150' y='160' font-family='monospace' font-size='10' font-weight='bold'%3E0x01%3C/text%3E%3C/g%3E%3C/svg%3E") !important;
    
    background-repeat: repeat !important;
    transform: rotate(-12deg) !important;
    animation: dataDrift 150s linear infinite !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* 4. Ensure content remains readable */
.elementor-186274 .elementor-element.elementor-element-7fcdd9b > * {
    position: relative !important;
    z-index: 5 !important;
}

@keyframes dataDrift {
    from { background-position: 0 0; }
    to { background-position: 1000px 1000px; }
}/* End custom CSS */