.elementor-4640 .elementor-element.elementor-element-0dfbd24{--display:flex;--min-height:58px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-4640 .elementor-element.elementor-element-5c91eca{--display:flex;--min-height:45px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4640 .elementor-element.elementor-element-01fbe48{--display:flex;--min-height:45px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4640 .elementor-element.elementor-element-01fbe48.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-4640 .elementor-element.elementor-element-43c48a5{--display:flex;--min-height:45px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4640 .elementor-element.elementor-element-43c48a5.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-4640 .elementor-element.elementor-element-a4efbf5{--display:flex;--min-height:45px;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4640 .elementor-element.elementor-element-a4efbf5.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-4640 .elementor-element.elementor-element-ad33054{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4640 .elementor-element.elementor-element-ad33054.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-4640 .elementor-element.elementor-element-43c48a5.e-con{--flex-grow:1;--flex-shrink:1;}}@media(max-width:767px){.elementor-4640 .elementor-element.elementor-element-0dfbd24{--width:100%;--min-height:45px;}.elementor-4640 .elementor-element.elementor-element-5c91eca{--width:94%;}.elementor-4640 .elementor-element.elementor-element-01fbe48{--width:30%;}.elementor-4640 .elementor-element.elementor-element-43c48a5{--width:50%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-4640 .elementor-element.elementor-element-a4efbf5{--width:0%;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;}.elementor-4640 .elementor-element.elementor-element-ad33054.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}}@media(min-width:768px){.elementor-4640 .elementor-element.elementor-element-0dfbd24{--width:100%;}.elementor-4640 .elementor-element.elementor-element-5c91eca{--width:96%;}.elementor-4640 .elementor-element.elementor-element-01fbe48{--width:18.5%;}.elementor-4640 .elementor-element.elementor-element-a4efbf5{--width:18%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4640 .elementor-element.elementor-element-5c91eca{--width:96%;}.elementor-4640 .elementor-element.elementor-element-01fbe48{--width:30%;}.elementor-4640 .elementor-element.elementor-element-a4efbf5{--width:30%;}}/* Start custom CSS for container, class: .elementor-element-01fbe48 */.cz-header-right { flex: 0 0 auto; min-width: 0; max-width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-43c48a5 */.cz-header-center { flex: 1 1 auto; min-width: 0; max-width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4efbf5 */.cz-header-left { flex: 0 0 auto; min-width: 0; max-width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c91eca *//* ========================================================= CYZ3NWIRE — HEADER INNER Main Flex Layout ========================================================= */ .cz-header-inner { width: 96%; min-height: 58px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0; margin: 0 auto; padding: 0; box-sizing: border-box; /* * Prevent children from creating * unexpected wrapping / width expansion. */ flex-wrap: nowrap; } /* ========================================================= TABLET 768px — 1024px ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .cz-header-inner { width: 96%; min-height: 58px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0; flex-wrap: nowrap; } } /* ========================================================= MOBILE 0 — 767px ========================================================= */ @media (max-width: 767px) { .cz-header-inner { width: 94%; min-height: 58px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0; flex-wrap: nowrap; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0dfbd24 *//* ========================================================= CYZ3NWIRE — HEADER OUTER Digital Terminal / Phosphor Sticky Header ========================================================= */ .cz-header-outer { position: relative; z-index: 1000; width: 100%; min-height: 58px; box-sizing: border-box; background: #000; /* Square at top of page */ border-radius: 0; /* Subtle bottom separator */ border-bottom: 1px solid rgba(0, 255, 65, 0.15); /* Very subtle bottom-only glow */ box-shadow: 0 2px 7px rgba(0, 255, 65, 0.06); transition: border-radius 0.55s cubic-bezier(.22, 1, .36, 1), background-color 0.45s ease, border-color 0.45s ease, box-shadow 0.55s cubic-bezier(.22, 1, .36, 1); /* * IMPORTANT: * The glow extends below the header. * Do not clip it. */ overflow: visible; } /* ========================================================= BOTTOM PHOSPHOR GLOW ========================================================= */ .cz-header-outer::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: #00FF41; opacity: 0.15; filter: blur(8px); pointer-events: none; animation: cz-terminal-breath 10s ease-in-out infinite; transition: opacity 0.55s ease, filter 0.55s ease; } /* ========================================================= PHOSPHOR BREATHING ========================================================= */ @keyframes cz-terminal-breath { 0%, 100% { opacity: 0.15; filter: blur(8px); } 10% { opacity: 0.42; filter: blur(11px); } 20% { opacity: 0.15; filter: blur(8px); } } /* ========================================================= STICKY / SCROLLED STATE Elementor: .elementor-sticky--effects ========================================================= */ .cz-header-outer.elementor-sticky--effects { background: rgba(0, 0, 0, 0.95); /* Bottom corners only */ border-radius: 0 0 30px 30px; /* Stronger separator */ border-bottom-color: rgba(57, 255, 20, 0.45); /* * Stronger downward phosphor glow. * No top / side glow. */ box-shadow: 0 3px 7px rgba(57, 255, 20, 0.14), 0 9px 18px rgba(57, 255, 20, 0.10), 0 15px 28px rgba(57, 255, 20, 0.045), 0 8px 20px rgba(0, 0, 0, 0.45); } /* ========================================================= STICKY PHOSPHOR — LOCKED INTENSITY ========================================================= */ .cz-header-outer.elementor-sticky--effects::after { opacity: 0.9; filter: blur(18px); /* * Stop breathing after sticky activates. * Glow remains constantly strong. */ animation: none; } /* ========================================================= TABLET 768px — 1024px ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .cz-header-outer.elementor-sticky--effects { border-radius: 0 0 22px 22px; box-shadow: 0 3px 7px rgba(57, 255, 20, 0.12), 0 8px 16px rgba(57, 255, 20, 0.08), 0 14px 24px rgba(57, 255, 20, 0.035), 0 7px 18px rgba(0, 0, 0, 0.45); } .cz-header-outer.elementor-sticky--effects::after { filter: blur(15px); } } /* ========================================================= MOBILE 0 — 767px ========================================================= */ @media (max-width: 767px) { .cz-header-outer.elementor-sticky--effects { border-radius: 0 0 16px 16px; box-shadow: 0 3px 7px rgba(57, 255, 20, 0.10), 0 7px 14px rgba(57, 255, 20, 0.065), 0 12px 21px rgba(57, 255, 20, 0.025), 0 6px 16px rgba(0, 0, 0, 0.45); } .cz-header-outer.elementor-sticky--effects::after { filter: blur(12px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .cz-header-outer, .cz-header-outer::after { animation: none !important; transition: none !important; } }/* End custom CSS */