/* =========================
   FAQ + TRUST TEXT FIX
   ========================= */

/* FAQ Question */
.zp-faq .accordion-button {
    color: #0f172a !important;
}

/* FAQ Active Question */
.zp-faq .accordion-button:not(.collapsed) {
    color: #0284c7 !important;
}

/* FAQ Answer */
.zp-faq .accordion-body {
    color: #64748b !important;
    background: transparent !important;
}

/* Trust Heading */
.zp-trust-panel h3 {
    color: #0f172a !important;
}

.zp-trust-panel h3 span {
    color: #0284c7 !important;
}

/* Trust Description */
.zp-trust-panel > p {
    color: #64748b !important;
}

/* Trust Items */
.trust-item strong {
    color: #334155 !important;
}

.trust-item small {
    color: #94a3b8 !important;
}

/* Bottom text */
.trust-bottom small {
    color: #94a3b8 !important;
}

.trust-bottom strong {
    color: #334155 !important;
}

/* =========================================================
   WHY PAYTEK PREMIUM
   ========================================================= */

.zp-why-premium {
    padding-top: 90px;
    padding-bottom: 90px;
}


/* HEADER */

.zp-why-premium .zp-section-heading {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 45px;
}

.zp-why-premium .zp-section-heading h2 {
    margin: 14px 0 12px;
    color: #0f172a;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: -1.8px;
    font-weight: 850;
}

.zp-why-premium .zp-section-heading h2 span {
    background: linear-gradient(
        90deg,
        #2563eb,
        #7c3aed,
        #9333ea
    );

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

.zp-why-premium .zp-section-heading p {
    max-width: 600px;
    margin: auto;
    color: #64748b;
    font-size: 13px;
    line-height: 1.8;
}


/* MAIN GRID */

.zp-why-premium-grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 24px;
    align-items: stretch;
}


/* BENEFITS */

.zp-why-benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 13px;
}

.zp-why-benefit {
    position: relative;

    display: flex;
    align-items: flex-start;
    gap: 13px;

    padding: 22px 19px;

    min-height: 175px;

    border-radius: 19px;

    background: rgba(255,255,255,.78);

    border: 1px solid rgba(15,23,42,.065);

    box-shadow:
        0 10px 32px rgba(15,23,42,.035);

    transition:
        transform .35s cubic-bezier(.22,1,.36,1),
        box-shadow .35s ease,
        border-color .35s ease;
}

.zp-why-benefit:hover {
    transform: translateY(-6px);

    border-color: rgba(14,165,233,.2);

    box-shadow:
        0 22px 45px rgba(15,23,42,.075);
}


.zp-why-benefit-icon {
    flex-shrink: 0;

    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #e0f2fe;

    color: #0284c7;

    font-size: 17px;

    transition:
        transform .3s ease;
}

.zp-why-benefit:hover .zp-why-benefit-icon {
    transform: scale(1.08) rotate(-4deg);
}


.zp-why-benefit strong {
    display: block;

    margin-top: 2px;

    color: #0f172a;

    font-size: 12px;
    font-weight: 800;
}

.zp-why-benefit p {
    margin: 7px 0 0;

    color: #64748b;

    font-size: 9px;

    line-height: 1.7;
}


.zp-why-check {
    position: absolute;

    right: 14px;
    bottom: 14px;

    width: 20px;
    height: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ecfdf5;

    color: #059669;

    font-size: 9px;
}


/* ECOSYSTEM */

.zp-why-ecosystem {
    position: relative;

    min-height: 365px;

    overflow: hidden;

    border-radius: 25px;

    background:
        linear-gradient(
            145deg,
            #f8fdff,
            #eef8fc
        );

    border: 1px solid rgba(14,165,233,.10);

    box-shadow:
        0 20px 55px rgba(15,23,42,.06);
}


.zp-ecosystem-glow {
    position: absolute;

    width: 250px;
    height: 250px;

    left: 50%;
    top: 48%;

    transform: translate(-50%,-50%);

    border-radius: 50%;

    background: rgba(14,165,233,.12);

    filter: blur(35px);

    animation: zpEcoGlow 4s ease-in-out infinite;
}

@keyframes zpEcoGlow {

    0%,100% {
        transform: translate(-50%,-50%) scale(1);
        opacity: .7;
    }

    50% {
        transform: translate(-50%,-50%) scale(1.15);
        opacity: 1;
    }

}


/* LABEL */

.zp-ecosystem-label {
    position: absolute;

    top: 18px;
    left: 20px;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 7px 10px;

    border-radius: 50px;

    background: rgba(255,255,255,.8);

    border: 1px solid rgba(15,23,42,.06);

    color: #64748b;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: .3px;
}

.zp-ecosystem-label i {
    color: #0284c7;
}


/* CENTER */

.zp-ecosystem-center {
    position: absolute;

    left: 50%;
    top: 48%;

    transform: translate(-50%,-50%);

    width: 145px;
    height: 145px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,.92);

    border: 1px solid rgba(14,165,233,.14);

    box-shadow:
        0 15px 40px rgba(14,165,233,.12);

    z-index: 5;
}


.zp-ecosystem-logo {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 7px;

    border-radius: 13px;

    background: #e0f2fe;

    color: #0284c7;

    overflow: hidden;
}

.zp-ecosystem-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.zp-ecosystem-center strong {
    color: #0f172a;

    font-size: 11px;
    font-weight: 850;
}

.zp-ecosystem-center span {
    margin-top: 3px;

    color: #94a3b8;

    font-size: 7px;
}


/* NODES */

.zp-ecosystem-node {
    position: absolute;

    width: 75px;
    height: 75px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 5px;

    border-radius: 18px;

    background: rgba(255,255,255,.88);

    border: 1px solid rgba(15,23,42,.065);

    box-shadow:
        0 10px 25px rgba(15,23,42,.06);

    z-index: 6;

    animation:
        zpEcoFloat 4s ease-in-out infinite;
}

.zp-ecosystem-node i {
    color: #0284c7;

    font-size: 17px;
}

.zp-ecosystem-node span {
    color: #475569;

    font-size: 8px;
    font-weight: 800;
}


.zp-eco-1 {
    top: 82px;
    left: 48px;
}

.zp-eco-2 {
    top: 82px;
    right: 48px;

    animation-delay: .8s;
}

.zp-eco-3 {
    bottom: 65px;
    left: 75px;

    animation-delay: 1.5s;
}

.zp-eco-4 {
    bottom: 65px;
    right: 75px;

    animation-delay: 2.2s;
}


@keyframes zpEcoFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }

}


/* CONNECTION LINES */

.zp-eco-line {
    position: absolute;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(14,165,233,.35),
            transparent
        );

    transform-origin: left center;

    z-index: 2;
}


.zp-eco-line-1 {
    width: 145px;

    left: 120px;
    top: 130px;

    transform: rotate(20deg);
}

.zp-eco-line-2 {
    width: 145px;

    right: 120px;
    top: 130px;

    transform: rotate(160deg);
}

.zp-eco-line-3 {
    width: 145px;

    left: 140px;
    bottom: 125px;

    transform: rotate(-20deg);
}

.zp-eco-line-4 {
    width: 145px;

    right: 140px;
    bottom: 125px;

    transform: rotate(200deg);
}


/* FOOTER STATS */

.zp-ecosystem-footer {
    position: absolute;

    left: 20px;
    right: 20px;
    bottom: 17px;

    display: flex;
    justify-content: center;

    gap: 40px;

    padding-top: 14px;

    border-top: 1px solid rgba(15,23,42,.06);

    z-index: 8;
}

.zp-ecosystem-footer div {
    text-align: center;
}

.zp-ecosystem-footer strong {
    display: block;

    color: #0284c7;

    font-size: 15px;
    font-weight: 850;
}

.zp-ecosystem-footer span {
    display: block;

    margin-top: 2px;

    color: #94a3b8;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .4px;
}


/* TRUST STRIP */

.zp-why-trust-strip {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    margin-top: 18px;

    border-radius: 16px;

    background: rgba(255,255,255,.72);

    border: 1px solid rgba(15,23,42,.06);

    box-shadow:
        0 8px 28px rgba(15,23,42,.035);

    overflow: hidden;
}

.zp-why-trust-strip > div {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 50px;

    color: #64748b;

    font-size: 8px;
    font-weight: 700;

    border-right: 1px solid rgba(15,23,42,.05);
}

.zp-why-trust-strip > div:last-child {
    border-right: 0;
}

.zp-why-trust-strip i {
    color: #0284c7;

    font-size: 13px;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .zp-why-premium-grid {
        grid-template-columns: 1fr;
    }

    .zp-why-ecosystem {
        min-height: 380px;
    }

}


@media (max-width: 650px) {

    .zp-why-benefits {
        grid-template-columns: 1fr;
    }

    .zp-why-trust-strip {
        grid-template-columns: 1fr 1fr;
    }

    .zp-why-trust-strip > div:nth-child(2) {
        border-right: 0;
    }

    .zp-why-trust-strip > div:nth-child(-n+2) {
        border-bottom: 1px solid rgba(15,23,42,.05);
    }

}


@media (max-width: 480px) {

    .zp-why-premium {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .zp-why-ecosystem {
        min-height: 350px;
    }

    .zp-eco-1 {
        left: 20px;
    }

    .zp-eco-2 {
        right: 20px;
    }

    .zp-eco-3 {
        left: 30px;
    }

    .zp-eco-4 {
        right: 30px;
    }

    .zp-ecosystem-footer {
        gap: 20px;
    }

    .zp-why-trust-strip {
        grid-template-columns: 1fr;
    }

    .zp-why-trust-strip > div {
        border-right: 0;
        border-bottom: 1px solid rgba(15,23,42,.05);
    }

    .zp-why-trust-strip > div:last-child {
        border-bottom: 0;
    }

}

/* =========================================================
   ECOSYSTEM — MORE VISIBLE PREMIUM COLORS
   ========================================================= */

.zp-why-ecosystem {
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(124,58,237,.20),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #f1efff 0%,
            #eef4ff 55%,
            #e8f6ff 100%
        );

    border: 1px solid rgba(124,58,237,.18);

    box-shadow:
        0 22px 55px rgba(76,29,149,.12),
        inset 0 1px 0 rgba(255,255,255,.9);
}


/* Glow */

.zp-ecosystem-glow {
    background: rgba(124,58,237,.22);
    filter: blur(32px);
}


/* Label */

.zp-ecosystem-label {
    background: rgba(255,255,255,.94);
    border-color: rgba(124,58,237,.12);
    color: #475569;
}

.zp-ecosystem-label i {
    color: #7c3aed;
}


/* Center Circle */

.zp-ecosystem-center {
    background: rgba(255,255,255,.97);

    border: 2px solid rgba(124,58,237,.16);

    box-shadow:
        0 18px 45px rgba(76,29,149,.16),
        0 0 0 9px rgba(124,58,237,.045);
}


/* Center Logo */

.zp-ecosystem-logo {
    background: linear-gradient(
        135deg,
        #e0e7ff,
        #f3e8ff
    );

    color: #6d28d9;
}


/* Center Text */

.zp-ecosystem-center strong {
    color: #172554;
}

.zp-ecosystem-center span {
    color: #64748b;
}


/* Service Nodes */

.zp-ecosystem-node {
    background: rgba(255,255,255,.97);

    border: 1px solid rgba(124,58,237,.13);

    box-shadow:
        0 12px 30px rgba(49,46,129,.12);
}

.zp-ecosystem-node i {
    color: #6d28d9;
}

.zp-ecosystem-node span {
    color: #334155;
}


/* Connection Lines */

.zp-eco-line {
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(124,58,237,.55),
            rgba(37,99,235,.40),
            transparent
        );
}


/* Bottom Stats */

.zp-ecosystem-footer {
    border-top-color: rgba(76,29,149,.12);
}

.zp-ecosystem-footer strong {
    color: #6d28d9;
}

.zp-ecosystem-footer span {
    color: #64748b;
}