.banner{
    position:relative;
    min-height:80vh;
    padding:120px 20px 60px;
    background:
        linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),
        url('/imagens/software-servicos/varejo.png') center center/cover no-repeat,
        linear-gradient(90deg,#041A3B 0%,#021636 100%);
        background-size: 70%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    overflow:hidden;
}

.banner-content{
    position:relative;
    z-index:2;
    max-width:800px;
    animation:fadeUp 1s ease-out;
}

.banner h1{
    font-size:3.5rem;
    font-weight:800;
    margin-bottom:1rem;
}

.banner h3{
    font-size:1.6rem;
    font-weight:500;
    margin-bottom:2rem;
    opacity:.95;
}

.btn-primary2{
    display:inline-block;
    background:var(--brand-orange);
    color:#fff;
    padding:14px 32px;
    border-radius:50px;
    font-weight:600;
    text-decoration:none;
    box-shadow:0 8px 20px rgba(0,0,0,.3);
    transition:.3s;
    animation:pulse 2s infinite;
}

.btnbanner{
    text-align:left;
}

@media (max-width:768px){
    .banner{
        padding:140px 20px 80px;
        text-align:center;
    }

    .banner-content{
        max-width:100%;
    }

    .banner h1{
        font-size:2.2rem;
        line-height:1.2;
    }

    .banner h3{
        font-size:1.2rem;
    }

    .btnbanner{
        text-align:center;
    }
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(30px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes pulse{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.05);
    }
}

.feature-card ul{
    text-align:start;
    list-style:none;
    padding:0;
    margin:0;
}

.feature-card ul li{
    font-size:.9rem;
    color:#334155;
    margin-bottom:8px;
    padding-left:18px;
    position:relative;
}

.feature-card ul li::before{
    content:"";
    width:6px;
    height:6px;
    background:#2563eb;
    border-radius:50%;
    position:absolute;
    left:0;
    top:7px;
}

.feature-card p{
    text-align:left;
    padding-left:2%;
}

.blue{
    background:linear-gradient(135deg,#3b82f6,#2563eb);
}

.green{
    background:linear-gradient(135deg,#22c55e,#16a34a);
}

.purple{
    background:linear-gradient(135deg,#a855f7,#7e22ce);
}