.integration-section{
    background:linear-gradient(180deg,#081634 0%,#0f2451 100%);
    color:#fff;
    padding:72px 0;
    position:relative;
    overflow:hidden;
}

.integration-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,transparent 16.5%,rgba(255,255,255,.08) 17%,transparent 17.4%),
        linear-gradient(90deg,transparent 33.1%,rgba(255,255,255,.08) 33.4%,transparent 33.8%),
        linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.08) 50%,transparent 50.3%),
        linear-gradient(90deg,transparent 66.4%,rgba(255,255,255,.08) 66.7%,transparent 67.1%),
        linear-gradient(90deg,transparent 83.1%,rgba(255,255,255,.08) 83.4%,transparent 83.8%);
    opacity:.55;
}

.integration-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 42px;
    position:relative;
    z-index:1;
}

.integration-heading .eyebrow{
    color:#8bc0ff;
}

.integration-heading h2{
    color:#fff;
    font-size:clamp(1.7rem,2.6vw,2.3rem);
    line-height:1.15;
}

.integration-heading h2 span{
    color:#5ea0ff;
}

.integration-benefits{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:0;
    border-top:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}

.integration-benefit{
    padding:28px 22px 24px;
    text-align:center;
    border-right:1px solid rgba(255,255,255,.08);
}

.integration-benefit:last-child{
    border-right:0;
}

.integration-icon{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    margin:0 auto 16px;
    border-radius:18px;
    background:linear-gradient(180deg,#16396f,#0a1839);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
    color:#68adff;
    font-size:28px;
}

.integration-benefit h3{
    color:#fff;
    font-size:.98rem;
    margin-bottom:12px;
}

.integration-benefit p{
    color:#c2d4f5;
    font-size:.86rem;
    line-height:1.6;
}

@media(max-width:1200px){
    .integration-benefits{
        grid-template-columns:repeat(3,1fr);
    }

    .integration-benefit:nth-child(3n){
        border-right:0;
    }
}

@media(max-width:768px){
    .integration-benefits{
        grid-template-columns:1fr 1fr;
    }

    .integration-benefit{
        border-right:1px solid rgba(255,255,255,.08);
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .integration-benefit:nth-child(2n){
        border-right:0;
    }
}

@media(max-width:576px){
    .integration-benefits{
        grid-template-columns:1fr;
    }

    .integration-benefit{
        border-right:0;
    }
}