/* Typewriter Effect Styles */
.hero__subtitle {
    position: relative;
    display: inline-block;
    min-height: 1.6em;
    /* Reserve space to prevent layout shift */
}

/* Cursor Element */
.hero__cursor {
    display: inline-block;
    vertical-align: text-bottom;
    width: 2px;
    height: 1.2em;
    background-color: var(--accent-primary, #4285f4);
    margin-left: 2px;
    animation: cursor-blink 1s step-end infinite;
    /* Ensure cursor doesn't affect line height too strangely */
    margin-bottom: -2px;
}

@keyframes cursor-blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}