/* Container: Padding ko 0 aur margin ko bhi zero kar diya */
.axon-hero-container {
    width: 100%;
    padding: 0;      /* Upar aur niche ki space khatam */
    margin: 0;       /* Bahar ki extra space bhi khatam */
    text-align: center;
    background: transparent;
    overflow: hidden;
    line-height: 0.8; /* Isse text ke upar/niche ki default gap khatam ho jati hai */
}

/* AXON Text: Margin aur Line-height ko control kiya */
.axon-ultra-text {
    font-size: clamp(20px, 10vw, 40px); 
    font-weight: 800; 
    margin: 5px;       /* Text ka apna margin zero */
    padding: 10px;      /* Text ki apni padding zero */
    text-transform: uppercase;
    letter-spacing: clamp(5px, 2vw, 15px);
    line-height: 1;  /* Standard height for minimum gap */
    
    /* Animated Gradient Effect */
    background: linear-gradient(90deg, #0f172a, #00d2be, #1af2ee, #0f172a);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    /* Animations */
    animation: 
        textShine 4s linear infinite, 
        textFloat 3s ease-in-out infinite;
    
    filter: drop-shadow(0 5px 10px rgba(0, 210, 186, 0.2));
    position: relative;
    display: inline-block;
}

/* 'ON' Highlight */
.axon-ultra-text span {
    color: #00d2be;
    text-shadow: 0 0 20px rgba(0, 210, 186, 0.4);
}

/* --- KEYFRAMES --- */
@keyframes textShine {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

@keyframes textFloat {
    0%, 100% { 
        transform: translateY(0); 
    }
    50% { 
        /* Float height mazeed kam kar di taaki movement se space na bane */
        transform: translateY(-3px); 
    }
}