.elementor-1584 .elementor-element.elementor-element-9e36a7d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:0px;}.elementor-1584 .elementor-element.elementor-element-9e36a7d:not(.elementor-motion-effects-element-type-background), .elementor-1584 .elementor-element.elementor-element-9e36a7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1584 .elementor-element.elementor-element-8e6f171.elementor-element{--align-self:flex-start;}.elementor-1584 .elementor-element.elementor-element-8e6f171{text-align:start;}.elementor-1584 .elementor-element.elementor-element-8e6f171 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:500;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1584 .elementor-element.elementor-element-00ffca0{width:var( --container-widget-width, 672px );max-width:672px;--container-widget-width:672px;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;}.elementor-1584 .elementor-element.elementor-element-00ffca0.elementor-element{--align-self:flex-start;}body.elementor-page-1584:not(.elementor-motion-effects-element-type-background), body.elementor-page-1584 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1584 .elementor-element.elementor-element-9e36a7d{--padding-top:50px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-1584 .elementor-element.elementor-element-9e36a7d{--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-1584 .elementor-element.elementor-element-8e6f171 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for container, class: .elementor-element-9e36a7d *//* 1. Ensure the container hides overflow and sets positioning */
.elementor-1584 .elementor-element.elementor-element-9e36a7d {
    position: relative;
    overflow: hidden;
}

/* 2. The Fading Grid Overlay */
.elementor-1584 .elementor-element.elementor-element-9e36a7d::before {
    content: '';
    position: absolute;
    inset: 0; /* Stretches to fill container */
    /* Creates the intersecting lines */
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 150px), 
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 4rem 4rem; /* 64px x 64px grid squares */
    
    /* Fades the grid out at the edges just like your Tailwind code */
    -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, #000 70%, transparent 100%);
    mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, #000 70%, transparent 100%);
    
    pointer-events: none; /* Prevents the grid from blocking clicks */
    z-index: 1;
}

/* 3. The Top Glowing Orb */
.elementor-1584 .elementor-element.elementor-element-9e36a7d::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 896px; /* Matches Tailwind max-w-4xl */
    height: 300px;
    background-color: rgba(255, 255, 255, 0.05);
    filter: blur(100px);
    border-radius: 9999px;
    pointer-events: none;
    z-index: 1;
}

/* 4. Push the content (Text, Badges, Buttons) ABOVE the grid */
.elementor-1584 .elementor-element.elementor-element-9e36a7d > * {
    z-index: 10;
    position: relative;
}/* End custom CSS */