.elementor-kit-5{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#2A66FF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#0B0E11;--e-global-color-3a6c6eb:#FFFFFF;--e-global-color-648a1e3:#0B0E11;--e-global-color-62ea2e7:#2A66FF;--e-global-color-5ebd5fc:#1D4ED8;--e-global-color-6e3fabb:#2A66FF33;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:2px;background-color:var( --e-global-color-primary );color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#2A66FF;}.elementor-kit-5 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-5 h3{color:#2A66FF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══════════════════════════════════════════════════════════
   SAINTCLAIR — GLOBAL SITE CSS
   Includes: Matrix background, horizontal scroll prevention
═══════════════════════════════════════════════════════════ */

:root {
    --sc-deep-bg: #000;
    --sc-matrix-color: rgba(59, 130, 246, 0.04);
    --sc-grid-color: rgba(255, 255, 255, 0.02);
}

/* ═══════════════════════════════════════════════════════════
   HORIZONTAL SCROLL PREVENTION
   Targeted approach - only on html/body, not child elements
═══════════════════════════════════════════════════════════ */
html {
    overflow-x: hidden;
    overscroll-behavior-x: none;
}

body {
    overflow-x: hidden;
    overscroll-behavior-x: none;
    width: 100%;
    min-width: 100%;
    position: relative;
}

/* Only clip the main wrapper, not every element */
.elementor {
    max-width: 100vw;
}

/* ═══════════════════════════════════════════════════════════
   GLOBAL MATRIX INTELLIGENCE FLOW
   Continuous background across entire site
═══════════════════════════════════════════════════════════ */
html, body {
    background-color: var(--sc-deep-bg) !important;
    margin: 0;
    padding: 0;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    pointer-events: none;
    
    background-image: 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='180' viewBox='0 0 100 180'%3E%3Ctext x='5' y='20' fill='rgba(59, 130, 246, 0.15)' font-family='monospace' font-size='11'%3E01001%3C/text%3E%3Ctext x='60' y='50' fill='rgba(59, 130, 246, 0.12)' font-family='monospace' font-size='10'%3E110%3C/text%3E%3Ctext x='20' y='90' fill='rgba(59, 130, 246, 0.18)' font-family='monospace' font-size='12'%3E0%3C/text%3E%3Ctext x='75' y='120' fill='rgba(59, 130, 246, 0.1)' font-family='monospace' font-size='9'%3E1010%3C/text%3E%3Ctext x='10' y='150' fill='rgba(59, 130, 246, 0.14)' font-family='monospace' font-size='10'%3E01%3C/text%3E%3Ctext x='50' y='170' fill='rgba(59, 130, 246, 0.11)' font-family='monospace' font-size='8'%3E110%3C/text%3E%3C/svg%3E"),
        linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);
    
    background-size: 100px 180px, 40px 40px, 40px 40px;
    animation: globalMatrixRain 45s linear infinite;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: radial-gradient(ellipse at 50% 40%, transparent 0%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.6) 100%);
    pointer-events: none;
}

@keyframes globalMatrixRain {
    from { background-position: 0 0, 0 0, 0 0; }
    to { background-position: 0 900px, 0 0, 0 0; }
}

/* ═══════════════════════════════════════════════════════════
   TRANSPARENT SECTIONS (Background shows through)
═══════════════════════════════════════════════════════════ */
.elementor-section, 
.elementor-container, 
.elementor-column-wrap, 
.elementor-widget-wrap {
    background-color: transparent !important;
    background: none !important;
}

/* Ensure glows/auras still work */
.hero-auras, .sc-hero, .sch {
    isolation: isolate;
}

/* ═══════════════════════════════════════════════════════════
   SMOOTH SCROLLING
═══════════════════════════════════════════════════════════ */
html {
    scroll-behavior: smooth;
}

/* Disable smooth scroll for anchor jumps on iOS to prevent jank */
@media (pointer: coarse) {
    html {
        scroll-behavior: auto;
    }
}

/* ═══════════════════════════════════════════════════════════
   SELECTION COLOR (Brand blue)
═══════════════════════════════════════════════════════════ */
::selection {
    background: rgba(59, 130, 246, 0.3);
    color: #fff;
}

::-moz-selection {
    background: rgba(59, 130, 246, 0.3);
    color: #fff;
}

/* ═══════════════════════════════════════════════════════════
   SCROLLBAR STYLING (Subtle dark scrollbar)
═══════════════════════════════════════════════════════════ */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #444;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #333 #0a0a0a;
}/* End custom CSS */