/* PHP 7.4 compatible. This file deliberately uses strong scoped selectors
   so older cached CSS cannot change the target section. */

.exact-feature-section{
    margin-top:28px !important;
    margin-bottom:28px !important;
}

.exact-heading{
    max-width:850px !important;
    margin:0 auto 16px !important;
    text-align:center !important;
}
.exact-heading h2{
    margin:0 0 7px !important;
    color:#0b2f68 !important;
    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:22px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:-0.25px !important;
}
.exact-heading p{
    margin:0 !important;
    color:#607895 !important;
    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.45 !important;
}

.exact-feature-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.exact-feature-card{
    min-width:0 !important;
    min-height:118px !important;
    padding:17px 17px 15px !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    column-gap:14px !important;
    align-items:start !important;
    background:#fff !important;
    border:1px solid #e1eaf4 !important;
    border-radius:15px !important;
    box-shadow:0 5px 16px rgba(31,58,94,.07) !important;
    overflow:hidden !important;
}

.exact-feature-card .exact-icon{
    width:44px !important;
    height:44px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#edf5ff !important;
    color:#2160df !important;
}
.exact-feature-card.exact-green .exact-icon{
    background:#eaf8f3 !important;
    color:#149b83 !important;
}
.exact-feature-card.exact-teal .exact-icon{
    background:#e8f7f8 !important;
    color:#1282a3 !important;
}
.exact-feature-card .exact-icon .icon{
    width:24px !important;
    height:24px !important;
    margin:0 !important;
    padding:0 !important;
    color:inherit !important;
}

.exact-feature-text{
    min-width:0 !important;
    padding-top:1px !important;
}
.exact-feature-text h3{
    margin:0 0 5px !important;
    color:#153869 !important;
    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    letter-spacing:-.1px !important;
}
.exact-feature-text p{
    margin:0 !important;
    color:#607895 !important;
    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:11.5px !important;
    font-weight:400 !important;
    line-height:1.45 !important;
}
.exact-feature-text a{
    margin-top:11px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    color:#1b66e3 !important;
    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:11.5px !important;
    font-weight:600 !important;
    line-height:1 !important;
}
.exact-feature-card.exact-green .exact-feature-text a{
    color:#159d86 !important;
}
.exact-feature-text a b{
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1 !important;
}

.exact-trust-strip{
    width:100% !important;
    min-height:66px !important;
    margin:16px 0 0 !important;
    padding:12px 16px !important;
    display:grid !important;
    grid-template-columns:82px minmax(270px,1.55fr) repeat(3,minmax(145px,1fr)) !important;
    align-items:center !important;
    gap:16px !important;
    background:#fff !important;
    border:1px solid #e1eaf4 !important;
    border-radius:15px !important;
    box-shadow:0 4px 14px rgba(31,58,94,.055) !important;
}

.exact-avatar-group{
    height:38px !important;
    display:flex !important;
    align-items:center !important;
    padding-left:2px !important;
    overflow:visible !important;
}
.exact-avatar-group img{
    width:34px !important;
    height:34px !important;
    margin-left:-8px !important;
    display:block !important;
    border-radius:50% !important;
    border:2px solid #fff !important;
    box-shadow:0 2px 7px rgba(31,58,94,.16) !important;
}
.exact-avatar-group img:first-child{
    margin-left:0 !important;
}

.exact-trust-copy{
    margin:0 !important;
    color:#416181 !important;
    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:11.5px !important;
    font-weight:500 !important;
    line-height:1.45 !important;
}

.exact-trust-item{
    min-height:42px !important;
    padding-left:16px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    border-left:1px solid #e6edf5 !important;
    color:#34547b !important;
    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:11.5px !important;
    font-weight:500 !important;
    line-height:1.3 !important;
}
.exact-trust-icon{
    width:29px !important;
    height:29px !important;
    display:grid !important;
    place-items:center !important;
    color:#2c5dc9 !important;
    flex:0 0 auto !important;
}
.exact-trust-icon .icon{
    width:27px !important;
    height:27px !important;
    margin:0 !important;
    padding:0 !important;
    color:inherit !important;
}

/* Remove the earlier oversized area if an older file is still cached. */
.lower-grid,
.trust-strip:not(.exact-trust-strip),
.features:not(.exact-feature-grid){
    display:none !important;
}

@media(max-width:1080px){
    .exact-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .exact-trust-strip{
        grid-template-columns:82px minmax(0,1fr) !important;
    }
    .exact-trust-item{
        padding:10px 0 0 !important;
        border-left:0 !important;
        border-top:1px solid #e6edf5 !important;
    }
}
@media(max-width:680px){
    .exact-heading h2{
        font-size:20px !important;
    }
    .exact-heading p{
        font-size:12.5px !important;
    }
    .exact-feature-grid{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
    .exact-feature-card{
        min-height:auto !important;
        padding:15px !important;
        grid-template-columns:42px minmax(0,1fr) !important;
        column-gap:12px !important;
    }
    .exact-feature-card .exact-icon{
        width:40px !important;
        height:40px !important;
    }
    .exact-trust-strip{
        grid-template-columns:1fr !important;
        gap:10px !important;
        padding:13px !important;
    }
    .exact-trust-item{
        padding-top:10px !important;
    }
}


/* PATCH V2: ikon tetap di kiri dan sejajar vertikal di tengah blok teks */
.exact-feature-card{
    align-items:center !important;
}

.exact-feature-card .exact-icon{
    align-self:center !important;
}

.exact-feature-text{
    align-self:center !important;
}