/* LED Serwis — Footer Signature 1.4.2 */

.footer-credits{
    margin-top:22px;
    padding-top:20px;
    border-top:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.footer-credits__platform{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border:1px solid rgba(65,230,255,.16);
    border-radius:14px;
    background:
        linear-gradient(180deg,rgba(65,230,255,.035),rgba(39,167,255,.015)),
        rgba(255,255,255,.015);
    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease;
}

.footer-credits__platform:hover{
    transform:translateY(-1px);
    border-color:rgba(65,230,255,.32);
    background:
        linear-gradient(180deg,rgba(65,230,255,.065),rgba(39,167,255,.025)),
        rgba(255,255,255,.02);
}

.footer-credits__spark{
    width:10px;
    height:10px;
    border-radius:50%;
    flex:0 0 auto;
    background:var(--cyan);
    box-shadow:
        0 0 0 4px rgba(65,230,255,.08),
        0 0 20px rgba(65,230,255,.45);
}

.footer-credits__platform-copy{
    display:grid;
    grid-template-columns:auto auto;
    column-gap:7px;
    row-gap:1px;
    align-items:baseline;
}

.footer-credits__platform-copy small{
    grid-column:1 / -1;
    color:var(--muted);
    font-size:.6rem;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.13em;
    font-weight:700;
}

.footer-credits__platform-copy strong{
    color:#fff;
    font-size:.82rem;
    line-height:1.15;
    letter-spacing:.02em;
}

.footer-credits__platform-copy em{
    color:var(--muted);
    font-size:.68rem;
    line-height:1.15;
    font-style:normal;
    font-weight:600;
}

.footer-credits__divider{
    width:1px;
    height:34px;
    background:var(--line);
}

.footer-credits__studio{
    display:flex;
    align-items:baseline;
    gap:7px;
    color:var(--muted);
    font-size:.72rem;
}

.footer-credits__studio > span{
    text-transform:uppercase;
    letter-spacing:.09em;
    font-size:.61rem;
}

.footer-credits__studio a{
    color:#fff;
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.01em;
    transition:color .2s ease;
}

.footer-credits__studio a:hover{
    color:var(--cyan);
}

@media(max-width:680px){
    .footer-credits{
        flex-direction:column;
        gap:12px;
    }

    .footer-credits__divider{
        display:none;
    }

    .footer-credits__studio{
        justify-content:center;
        flex-wrap:wrap;
        text-align:center;
    }
}