.section-brand {
    background: linear-gradient(
        135deg,
        #e0f2fe 0%,  
        #dbeafe 40%,  
        #f0f9ff 100%
    );
    color: #0c4a6e;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.section-brand .container {
    position: relative;
    z-index: 1;
}

.gradient-text {
    background: linear-gradient(to right, #0c4a6e, #9999fe);

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;             
}

#dynamic {
    font-weight: 400;
    color: #000;

    display: inline-block;
    min-height: 1.2em;
    line-height: 1.2;
    vertical-align: middle;
}

.cursor {
    display: inline-block;
    width: 2px;
    height: clamp(2rem, 4.5vw, 4rem);
    background: #3a3a3a;
    margin-left: 4px;
    border-radius: 2px;
    vertical-align: middle;
    animation: blink 0.7s step-end infinite;
    flex-shrink: 0;
    box-shadow: 0 0 12px #e0ff4f88;
}

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

.poly-highlight {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.poly-highlight::before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: 2px;
    height: 45%;
    
    background: #ffe341;
    
    clip-path: polygon(0% 20%, 100% 0%, 98% 100%, 2% 80%);
    
    z-index: -1;
}

.underlined {
    position: relative;
    margin-right: 1rem;
}
.underlined:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 7px;
    width: 100%;
    border: solid 2px #cb1829;
    border-color: #cb1829 transparent transparent transparent;
    border-radius: 50%;
}

.feature-card {        
    padding: 40px 40px 0px 40px;
}