/* =========================================================
   HOME FLOW + TRUST STRIP - V26
   ========================================================= */

/* ---------------------------------------------------------
   1. TRUST STRIP
   Ringkas, tidak mengambil terlalu banyak tinggi halaman.
   --------------------------------------------------------- */
.home-trust-strip{
    width:100%;
    border-bottom:1px solid var(--line);
    background:rgba(255,255,255,.96);
}

.home-trust-strip-inner{
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(30px,5vw,74px);
    padding-top:16px;
    padding-bottom:16px;
}

.home-trust-logo-item{
    min-width:120px;
    max-width:190px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:.78;
    filter:grayscale(1);
    transition:
        opacity .2s ease,
        filter .2s ease,
        transform .2s ease;
}

.home-trust-logo-item:hover{
    opacity:1;
    filter:grayscale(0);
    transform:translateY(-1px);
}

.home-trust-logo-item img{
    display:block;
    max-width:100%;
    max-height:50px;
    width:auto;
    height:auto;
    object-fit:contain;
}

.home-trust-logo-fallback{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    color:#61708f;
    font-family:'JetBrains Mono',monospace;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.04em;
    white-space:nowrap;
}

/* ---------------------------------------------------------
   2. SECTION FLOW
   Kurangi jarak vertikal agar homepage tidak terasa jumping.
   --------------------------------------------------------- */
.home-services-section{
    padding-top:44px !important;
    padding-bottom:18px !important;
}

.home-products-switch-section{
    padding-top:24px !important;
    padding-bottom:28px !important;
}

.home-about-trust-section{
    padding-top:34px !important;
    padding-bottom:28px !important;
}

.home-steps-section{
    padding-top:32px !important;
}

/* ---------------------------------------------------------
   3. ABOUT + METRICS
   Profil dan bukti kepercayaan dibuat sebagai satu cerita.
   --------------------------------------------------------- */
.home-about-trust-panel{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:34px;
    padding:24px;
    border:1px solid var(--line);
    border-radius:20px;
    background:#fff;
}

.home-about-visual{
    min-width:0;
}

.home-about-image-frame{
    height:100%;
    min-height:390px;
    margin:0 !important;
}

.home-about-image-frame img{
    width:100%;
    height:100%;
    min-height:390px;
    object-fit:cover;
}

.home-about-content{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:8px 4px;
}

.home-about-content h2{
    max-width:650px;
    margin-bottom:0;
}

.home-about-prose{
    margin-top:16px;
}

.home-about-feature-points{
    margin-top:20px;
}

.home-about-link{
    width:max-content;
    max-width:100%;
    margin-top:22px;
}

.home-about-metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:14px;
}

.home-about-metric{
    min-height:118px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:18px 20px;
    border:1px solid var(--line);
    border-radius:16px;
    background:
        radial-gradient(circle at 100% 0%, rgba(28,181,219,.08), transparent 40%),
        #fff;
}

.home-about-metric strong{
    display:block;
    margin-bottom:6px;
    color:var(--royal);
    font-size:clamp(1.35rem,2vw,2rem);
    line-height:1.05;
}

.home-about-metric span{
    color:var(--ink-soft);
    font-size:.78rem;
    line-height:1.55;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */
@media(max-width:980px){
    .home-about-trust-panel{
        grid-template-columns:1fr;
    }

    .home-about-image-frame,
    .home-about-image-frame img{
        min-height:330px;
        max-height:430px;
    }
}

@media(max-width:760px){
    .home-trust-strip-inner{
        min-height:78px;
        justify-content:flex-start;
        gap:22px;
        overflow-x:auto;
        padding-top:12px;
        padding-bottom:12px;
        scrollbar-width:none;
    }

    .home-trust-strip-inner::-webkit-scrollbar{
        display:none;
    }

    .home-trust-logo-item{
        min-width:118px;
        height:46px;
        flex:0 0 auto;
    }

    .home-trust-logo-item img{
        max-height:42px;
    }

    .home-services-section{
        padding-top:32px !important;
    }

    .home-products-switch-section{
        padding-top:18px !important;
    }

    .home-about-trust-panel{
        gap:20px;
        padding:16px;
        border-radius:16px;
    }

    .home-about-metrics{
        grid-template-columns:1fr;
    }

    .home-about-metric{
        min-height:auto;
    }
}

@media(max-width:520px){
    .home-about-image-frame,
    .home-about-image-frame img{
        min-height:240px;
        max-height:300px;
    }
}

/* =========================================================
   V27 - COMPACT ABOUT / TRUST SECTION
   Tujuan: section Tentang tidak lagi memenuhi hampir 1 layar.
   ========================================================= */

.home-about-trust-section{
    padding-top:22px !important;
    padding-bottom:18px !important;
}

.home-about-trust-panel{
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    align-items:start;
    gap:22px;
    padding:16px;
    border-radius:16px;
}

.home-about-visual{
    align-self:start;
}

.home-about-image-frame{
    height:330px !important;
    min-height:0 !important;
    max-height:330px !important;
    border-radius:13px !important;
    overflow:hidden;
}

.home-about-image-frame img{
    display:block;
    width:100%;
    height:330px !important;
    min-height:0 !important;
    max-height:330px !important;
    object-fit:cover;
    object-position:center;
}

.home-about-content{
    justify-content:flex-start;
    padding:2px 0 0;
}

.home-about-content .eyebrow{
    margin-bottom:10px;
}

.home-about-content h2{
    max-width:620px;
    margin:0;
    font-size:clamp(1.25rem,1.8vw,1.75rem);
    line-height:1.28;
}

.home-about-prose{
    margin-top:11px;
    font-size:.84rem;
    line-height:1.62;
}

.home-about-prose p{
    margin:0 0 9px !important;
}

.home-about-prose p:last-child{
    margin-bottom:0 !important;
}

.home-about-feature-points{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:13px !important;
}

.home-about-feature-points .feature-point{
    min-height:0 !important;
    padding:9px 11px !important;
    border-radius:10px !important;
}

.home-about-feature-points .feature-point strong{
    display:block;
    margin-bottom:3px;
    font-size:.76rem;
    line-height:1.3;
}

.home-about-feature-points .feature-point span{
    display:block;
    font-size:.67rem;
    line-height:1.42;
}

.home-about-link{
    margin-top:13px;
    font-size:.75rem;
}

.home-about-metrics{
    gap:9px;
    margin-top:9px;
}

.home-about-metric{
    min-height:74px;
    padding:11px 14px;
    border-radius:12px;
}

.home-about-metric strong{
    margin-bottom:4px;
    font-size:clamp(1.08rem,1.6vw,1.45rem);
}

.home-about-metric span{
    font-size:.68rem;
    line-height:1.42;
}

.home-steps-section{
    padding-top:24px !important;
}

@media(max-width:980px){
    .home-about-trust-panel{
        grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
        gap:16px;
    }

    .home-about-image-frame,
    .home-about-image-frame img{
        height:300px !important;
        min-height:0 !important;
        max-height:300px !important;
    }

    .home-about-feature-points{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:760px){
    .home-about-trust-section{
        padding-top:18px !important;
    }

    .home-about-trust-panel{
        grid-template-columns:1fr;
        padding:13px;
    }

    .home-about-image-frame,
    .home-about-image-frame img{
        height:230px !important;
        min-height:0 !important;
        max-height:230px !important;
    }

    .home-about-feature-points{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .home-about-metrics{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .home-about-metric{
        padding:10px;
    }
}

@media(max-width:560px){
    .home-about-feature-points{
        grid-template-columns:1fr !important;
    }

    .home-about-metrics{
        grid-template-columns:1fr !important;
    }

    .home-about-metric{
        min-height:0;
    }
}

/* =========================================================
   V28 - TRUST STRIP OFFICIAL LOGOS
   ========================================================= */

.home-trust-strip{
    background:#fff;
}

.home-trust-strip-inner{
    min-height:82px;
    gap:clamp(30px,4.6vw,68px);
    padding-top:12px;
    padding-bottom:12px;
}

.home-trust-logo-item{
    min-width:130px;
    max-width:205px;
    height:50px;
    opacity:1;
    filter:none;
}

.home-trust-logo-item:hover{
    opacity:1;
    filter:none;
    transform:translateY(-1px);
}

.home-trust-logo-item img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:43px;
    object-fit:contain;
}

/* BI dan PERBARINDO lebih horizontal, beri ruang sedikit lebih lebar. */
.home-trust-logo-item:nth-child(3){
    max-width:225px;
}

.home-trust-logo-item:nth-child(4){
    max-width:210px;
}

/* Fallback hanya dipakai kalau file logo benar-benar hilang. */
.home-trust-logo-fallback{
    color:#79839a;
}

@media(max-width:760px){
    .home-trust-strip-inner{
        min-height:72px;
        gap:26px;
        padding-top:10px;
        padding-bottom:10px;
    }

    .home-trust-logo-item{
        min-width:135px;
        height:46px;
    }

    .home-trust-logo-item img{
        max-height:39px;
    }

    .home-trust-logo-item:nth-child(3){
        min-width:180px;
    }

    .home-trust-logo-item:nth-child(4){
        min-width:175px;
    }
}



/* =========================================================
   V29 - TRUST STRIP LOGO SIZE BALANCING
   ========================================================= */
.home-trust-strip{
    border-top:1px solid #e8edf7;
    border-bottom:1px solid #e8edf7;
}

.home-trust-strip-inner{
    justify-content:center;
    align-items:center;
    gap:clamp(18px,3vw,36px);
    min-height:78px;
}

.home-trust-logo-item{
    display:flex;
    align-items:center;
    justify-content:center;
    width:200px;
    min-width:200px;
    max-width:200px;
    height:48px;
    padding:0 4px;
    box-sizing:border-box;
}

.home-trust-logo-item img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

/* Penyetaraan visual agar besar-kecil logo terasa konsisten */
.home-trust-logo-item--ojk img{
    max-width:118px;
    max-height:46px;
}

.home-trust-logo-item--lps img{
    max-width:112px;
    max-height:42px;
}

.home-trust-logo-item--bank-indonesia img{
    max-width:225px;
    max-height:38px;
}

.home-trust-logo-item--perbarindo img{
    max-width:162px;
    max-height:39px;
}

@media (max-width: 760px){
    .home-trust-strip-inner{
        min-height:70px;
        gap:22px;
        overflow-x:auto;
        justify-content:flex-start;
        padding-inline:8px;
    }

    .home-trust-logo-item{
        width:150px;
        min-width:150px;
        max-width:150px;
        height:40px;
    }

    .home-trust-logo-item--ojk img{
        max-width:98px;
        max-height:38px;
    }

    .home-trust-logo-item--lps img{
        max-width:92px;
        max-height:35px;
    }

    .home-trust-logo-item--bank-indonesia img{
        max-width:148px;
        max-height:28px;
    }

    .home-trust-logo-item--perbarindo img{
        max-width:126px;
        max-height:31px;
    }
}


/* =========================================================
   V30 - ABOUT COMPACT: 3 CARD SATU BARIS
   ========================================================= */
.home-about-trust-section{
    padding-top:22px !important;
    padding-bottom:22px !important;
}

.home-about-v30-panel{
    display:block !important;
    padding:16px !important;
}

.home-about-v30-main{
    display:grid;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    align-items:start;
    gap:22px;
}

.home-about-v30-content{
    padding-top:4px !important;
}

.home-about-v30-content .home-about-prose{
    margin-top:12px;
}

.home-about-v30-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}

.home-about-v30-card{
    min-width:0;
    min-height:82px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 14px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
}

.home-about-v30-card strong{
    flex:0 0 auto;
    color:var(--royal);
    font-size:clamp(1.25rem,1.7vw,1.7rem);
    line-height:1;
    white-space:nowrap;
}

.home-about-v30-card h3{
    margin:0 0 3px;
    color:var(--ink);
    font-size:.76rem;
    line-height:1.3;
}

.home-about-v30-card p{
    margin:0;
    color:var(--ink-soft);
    font-size:.66rem;
    line-height:1.45;
}

.home-about-v30-card-icon{
    flex:0 0 auto;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#edf4ff;
    color:var(--royal);
    font-size:.9rem;
}

.home-about-v30-link{
    margin-top:12px !important;
}

/* Hilangkan struktur lama jika style sebelumnya masih ter-cache/terbaca. */
.home-about-metrics,
.home-about-feature-points{
    display:none !important;
}

@media(max-width:980px){
    .home-about-v30-main{
        grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
        gap:16px;
    }

    .home-about-v30-cards{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:760px){
    .home-about-v30-panel{
        padding:13px !important;
    }

    .home-about-v30-main{
        grid-template-columns:1fr;
        gap:14px;
    }

    .home-about-v30-cards{
        grid-template-columns:1fr;
        gap:8px;
    }

    .home-about-v30-card{
        min-height:72px;
    }
}