.aes-typewriter-text {
    position: relative;
    color: #fff;
}

.aes-typewriter-text::after {
    content: '|';
    position: relative;
    display: inline-block;
    margin-left: 2px;
    animation: aes-blink 1s infinite;
    font-weight: 300;
}

@keyframes aes-blink {
    0%, 100% { 
        opacity: 1; 
    }
    50% { 
        opacity: 0; 
    }
}

/* Mobile - Keep it simple, just adjust font size */
@media (max-width: 768px) {
    .aes-animated-heading {
        font-size: clamp(24px, 5vw, 36px);
    }
}

@media (max-width: 480px) {
    .aes-animated-heading {
        font-size: clamp(20px, 6vw, 28px);
    }
}