.elementor-kit-12{--e-global-color-primary:#00CCB3;--e-global-color-secondary:#667EEA;--e-global-color-text:#F7FAFC;--e-global-color-accent:#7C3AED;--e-global-color-6c3e59b:#0D1117;--e-global-color-629997c:#00000000;--e-global-color-706ed4c:#FFFFFF;--e-global-color-bf59160:#0D1117F2;--e-global-color-7d000e3:#161B22;--e-global-color-d081153:#7D8590;--e-global-color-cf2fccc:#21262D;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:58px;--e-global-typography-primary-letter-spacing:-1.05px;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-line-height:31px;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:normal;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:18px;--e-global-typography-accent-font-family:"Readex Pro";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:normal;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-line-height:24px;--e-global-typography-0640fa2-font-family:"Outfit";--e-global-typography-0640fa2-font-size:90px;--e-global-typography-0640fa2-font-weight:900;--e-global-typography-0640fa2-text-transform:capitalize;--e-global-typography-0640fa2-font-style:normal;--e-global-typography-0640fa2-line-height:96px;--e-global-typography-0640fa2-letter-spacing:0.7px;--e-global-typography-2bbbe0c-font-family:"Outfit";--e-global-typography-2bbbe0c-font-size:58px;--e-global-typography-2bbbe0c-font-weight:700;--e-global-typography-2bbbe0c-text-transform:capitalize;--e-global-typography-2bbbe0c-font-style:normal;--e-global-typography-2bbbe0c-line-height:60px;--e-global-typography-2bbbe0c-letter-spacing:0.7px;--e-global-typography-0975f6d-font-family:"Open Sans";--e-global-typography-0975f6d-font-size:18px;--e-global-typography-0975f6d-font-weight:600;--e-global-typography-0975f6d-text-transform:none;--e-global-typography-0975f6d-font-style:normal;--e-global-typography-0975f6d-line-height:24px;--e-global-typography-099ec02-font-family:"Readex Pro";--e-global-typography-099ec02-font-size:18px;--e-global-typography-099ec02-font-weight:500;--e-global-typography-099ec02-text-transform:capitalize;--e-global-typography-099ec02-font-style:normal;--e-global-typography-099ec02-line-height:24px;background-color:var( --e-global-color-6c3e59b );color:var( --e-global-color-text );}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{color:var( --e-global-color-706ed4c );}.elementor-kit-12 h1{color:#00CCB3;}.elementor-kit-12 h2{color:var( --e-global-color-706ed4c );}.elementor-kit-12 h5{color:#00CCB3;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-12{--e-global-typography-primary-font-size:50px;--e-global-typography-2bbbe0c-font-size:43px;--e-global-typography-2bbbe0c-line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{--e-global-typography-primary-font-size:30px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-accent-font-size:17px;--e-global-typography-0640fa2-font-size:60px;--e-global-typography-0640fa2-line-height:1.1em;--e-global-typography-2bbbe0c-font-size:35px;--e-global-typography-2bbbe0c-line-height:1.2em;--e-global-typography-0975f6d-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================
   SCANNER BACKGROUNDS - Working with Full Width
   ============================================ */

/* Purple Scanner */
.scanner-purple {
    position: relative;
    background-color: #16102B;
    z-index: 1;
    overflow: hidden; /* Required for animations */
}

.scanner-purple::before,
.scanner-purple::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

.scanner-purple::before {
    background-image:
        linear-gradient(rgba(124, 58, 237, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 58, 237, 0.1) 1px, transparent 1px);
    background-size: 50px 50px;
}

.scanner-purple::after {
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(124, 58, 237, 0.25) 50%,
        transparent 100%
    );
    animation: scanner-sweep 7s linear infinite;
}

/* Green Scanner */
.scanner-green {
    position: relative;
    background-color: #002B26;
    z-index: 1;
    overflow: hidden; /* Required for animations */
}

.scanner-green::before,
.scanner-green::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

.scanner-green::before {
    background-image:
        linear-gradient(rgba(0, 204, 179, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 204, 179, 0.1) 1px, transparent 1px);
    background-size: 50px 50px;
}

.scanner-green::after {
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(0, 204, 179, 0.25) 50%,
        transparent 100%
    );
    animation: scanner-sweep 7s linear infinite;
}

/* Blue/Grid Scanner */
.scanner-grid-bg {
    position: relative;
    background-color: #0d1a24;
    z-index: 1;
    overflow: hidden; /* Required for animations */
}

.scanner-grid-bg::before,
.scanner-grid-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

.scanner-grid-bg::before {
    background-image:
        linear-gradient(rgba(0, 212, 255, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 212, 255, 0.1) 1px, transparent 1px);
    background-size: 50px 50px;
}

.scanner-grid-bg::after {
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(0, 212, 255, 0.2) 50%,
        transparent 100%
    );
    animation: scanner-sweep 7s linear infinite;
}

/* Scanner Animation */
@keyframes scanner-sweep {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* ============================================
   FULL WIDTH FIX FOR ELEMENTOR SECTIONS
   ============================================ */

/* Make scanner sections full width while keeping effects */
.elementor-section.scanner-purple,
.elementor-section.scanner-green,
.elementor-section.scanner-grid-bg,
.elementor-top-section.scanner-purple,
.elementor-top-section.scanner-green,
.elementor-top-section.scanner-grid-bg {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
}

/* Container inside scanner sections */
.scanner-purple > .elementor-container,
.scanner-green > .elementor-container,
.scanner-grid-bg > .elementor-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 2;
}

/* ============================================
   HOME PAGE BOXED LAYOUT FIX
   ============================================ */

/* Remove margins from all possible containers on home page */
.home,
.home body,
.home #page,
.home .site,
.home .site-content,
.home .content-area,
.home .site-main,
.home .elementor,
.home .elementor-section-wrap {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Override theme boxed layout */
.home .site-inner,
.home .wrap,
.home .container,
.home .wrapper {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Force Elementor full width */
.home .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
}

/* ============================================
   IMMERSIVE PRICING CARDS
   ============================================ */

.immersive-pricing-card .elementor-price-table {
    background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.immersive-pricing-card .elementor-price-table:hover {
    transform: translateY(-10px);
    border-color: rgba(102,126,234,0.5);
    box-shadow: 
        0 0 30px rgba(102,126,234,0.3),
        0 20px 40px rgba(0,0,0,0.3),
        inset 0 0 60px rgba(102,126,234,0.1);
}

/* Animated Price Gradient */
.immersive-pricing-card .elementor-price-table__price {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #667eea 100%);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientMove 3s ease infinite;
}

@keyframes gradientMove {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Button Shine Effect */
.immersive-pricing-card .elementor-price-table__button {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.immersive-pricing-card .elementor-price-table__button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.5s;
    z-index: -1;
}

.immersive-pricing-card .elementor-price-table__button:hover::before {
    left: 100%;
}

/* Feature List Interactive Effects */
.immersive-pricing-card .elementor-price-table__feature-inner {
    transition: transform 0.3s ease, color 0.3s ease;
    position: relative;
    padding-left: 30px;
}

.immersive-pricing-card .elementor-price-table__feature-inner:hover {
    transform: translateX(10px);
    color: #667eea;
}

/* Feature List Custom Bullet Points */
.immersive-pricing-card .elementor-price-table__feature-inner::before,
.immersive-pricing-card .elementor-price-table__feature-inner::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.immersive-pricing-card .elementor-price-table__feature-inner::before {
    width: 16px;
    height: 16px;
    border: 2px solid #667eea;
}

.immersive-pricing-card .elementor-price-table__feature-inner::after {
    left: 4px;
    width: 8px;
    height: 8px;
    background: #667eea;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.immersive-pricing-card .elementor-price-table__feature-inner:hover::after {
    opacity: 1;
}

/* ============================================
   HEADER GREEN FLASH EFFECT
   ============================================ */

.header-green-flash {
    background-color: #111;
    animation: green-flash-pulse 4s linear infinite;
    z-index: 99;
    position: relative;
}

@keyframes green-flash-pulse {
    0%, 100% {
        box-shadow: inset 0 0 10px 0 rgba(0, 204, 179, 0);
    }
    50% {
        box-shadow: inset 0 0 15px 5px rgba(0, 204, 179, 0.7);
    }
}

/* ============================================
   MOBILE OPTIMIZATIONS
   ============================================ */

@media (max-width: 768px) {
    /* Faster animations on mobile */
    .scanner-purple::after,
    .scanner-green::after,
    .scanner-grid-bg::after {
        animation-duration: 5s;
    }
    
    /* Smaller grid on mobile */
    .scanner-purple::before,
    .scanner-green::before,
    .scanner-grid-bg::before {
        background-size: 30px 30px;
    }
}

/* ============================================
   PERFORMANCE OPTIMIZATIONS
   ============================================ */

/* GPU acceleration */
.scanner-purple::after,
.scanner-green::after,
.scanner-grid-bg::after,
.immersive-pricing-card .elementor-price-table,
.immersive-pricing-card .elementor-price-table__button::before {
    will-change: transform;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .scanner-purple::after,
    .scanner-green::after,
    .scanner-grid-bg::after,
    .header-green-flash,
    .immersive-pricing-card .elementor-price-table__price {
        animation: none;
    }
    
    .immersive-pricing-card .elementor-price-table:hover {
        transform: none;
    }
}/* End custom CSS */