.elementor-kit-657{--e-global-color-primary:#3B82F6;--e-global-color-secondary:#8B5CF6;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-kadence1:#3296ff;--e-global-color-kadence2:#003174;--e-global-color-kadence3:#ffffff;--e-global-color-kadence4:#f7fafc;--e-global-color-kadence5:#edf2f7;--e-global-color-kadence6:#cbd2d9;--e-global-color-kadence7:#2d3748;--e-global-color-kadence8:#0F172A;--e-global-color-kadence9:#1a202c;--e-global-color-db04a19:#06B6D4;--e-global-color-6ccd75f:#0F172A;--e-global-color-451beb4:#94A3B8;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#0F172A;}.elementor-kit-657.el-is-editing{--global-palette1:#3296ff;--global-palette2:#003174;--global-palette3:#ffffff;--global-palette4:#f7fafc;--global-palette5:#edf2f7;--global-palette6:#cbd2d9;--global-palette7:#2d3748;--global-palette8:#0F172A;--global-palette9:#1a202c;}.elementor-kit-657 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.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 *//* === TANLYTICS GLOBAL STYLES === */

/* Ensure the canvas doesn't block interactions with buttons */
#particleCanvas {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Gradient Text */
.gradient-text { 
    background: linear-gradient(135deg, #3b82f6, #06b6d4, #8b5cf6); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    background-clip: text; 
}

/* Hero Section Stacking */
.hero { 
    position: relative; 
    min-height: 100vh; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    overflow: hidden; 
    z-index: 1; /* Creates the stacking context */
}

.hero-bg { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 0; /* Sits behind content but above body */
}

/* Glass Cards - Enhanced for Elementor Widgets */
.glass-card { 
    background: rgba(255, 255, 255, 0.03); 
    border: 1px solid rgba(255, 255, 255, 0.05); 
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px);
    border-radius: 16px; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}

.glass-card:hover { 
    transform: translateY(-5px); 
    background: rgba(255, 255, 255, 0.05); 
    border-color: rgba(59, 130, 246, 0.3); /* Brand primary glow */
}
/* Create the blue arrow using a pseudo-element */ .glass-card ul.service-list li::before { content: '→'; 
/* The arrow character */ position: absolute; left: 0; color: #3b82f6; /* Your brand blue */ font-weight: bold; transition: transform 0.3s ease; } 
/* Hover Effect: Arrow grows and text slides */ .glass-card ul.service-list li:hover { color: #ffffff; 
/* Brightens text on hover */ transform: translateX(5px); } .glass-card ul.service-list li:hover::before { transform: scale(1.4); /* Makes the arrow grow */ } 

/* Rest of your existing animations (ticker, float, pulse) go here... *//* End custom CSS */