.flex-bar-wrapper {
    position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    width:96%;
    max-width:980px;
    z-index:2147483647;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    transition:opacity 0.3s ease,transform 0.3s ease
}
.flex-bar-wrapper.flex-bar-hiding {
    opacity:0;
    transform:translateX(-50%) translateY(20px)
}
.flex-bar-glass {
    background:#fff;
    border:1px solid #e2e8f0;
    box-shadow:0 25px 70px rgb(0 0 0 / .3),0 10px 25px rgb(0 0 0 / .2);
    border-radius:14px;
    padding:14px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    position:relative;
    min-height:66px
}
.flex-section-trust {
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
    min-width:200px
}
.flex-icon-box {
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    background:#ecfdf5;
    border-radius:10px;
    flex-shrink:0
}
.flex-icon-box svg {
    width:24px;
    height:24px
}
.flex-trust-text {
    display:flex;
    flex-direction:column;
    line-height:1.25
}
.flex-label {
    font-size:11px;
    text-transform:uppercase;
    color:#64748b;
    font-weight:600;
    letter-spacing:.5px
}
.flex-status {
    font-size:14px;
    font-weight:700;
    color:#0f172a;
    margin-top:1px
}
.flex-section-action {
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:nowrap;
    flex-shrink:0
}
.flex-code-box {
    display:flex;
    flex-direction:row;
    gap:8px;
    cursor:pointer;
    position:relative;
    flex-shrink:0;
    align-items:center
}
.flex-code-label {
    font-size:9px;
    color:#166534;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:0;
    letter-spacing:.3px;
    white-space:nowrap
}
.flex-code-row {
    display:flex;
    align-items:center;
    gap:8px;
    background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);
    padding:8px 14px;
    border-radius:8px;
    border:1.5px solid #cbd5e1;
    transition:all 0.2s ease;
    height:38px;
    box-shadow:0 2px 4px rgb(0 0 0 / .05)
}
.flex-code-box:hover .flex-code-row {
    background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);
    border-color:#94a3b8;
    box-shadow:0 3px 8px rgb(0 0 0 / .1)
}
.flex-code-val {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    font-size:15px;
    font-weight:700;
    color:#1e293b
}
.flex-code-off {
    font-size:13px;
    font-weight:800;
    color:#fff;
    background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);
    padding:3px 7px;
    border-radius:5px;
    box-shadow:0 2px 4px rgb(220 38 38 / .3)
}
.flex-copy-icon {
    width:14px;
    height:14px;
    color:#64748b;
    opacity:.7;
    transition:opacity 0.2s
}
.flex-code-box:hover .flex-copy-icon {
    opacity:1
}
.flex-tooltip {
    display:none;
    position:absolute;
    top:-34px;
    left:50%;
    transform:translateX(-50%);
    background:#1e293b;
    color:#fff;
    font-size:11px;
    padding:5px 10px;
    border-radius:6px;
    font-weight:600;
    white-space:nowrap
}
.flex-code-box.copied .flex-tooltip {
    display:block
}
.flex-cta-button {
    background: linear-gradient(135deg,#d7394e 0%,#d7394c 100%);
    color:#fff!important;
    text-decoration:none;
    padding:0 24px;
    border-radius:10px;
    font-weight:600;
    font-size:14px;
    height:42px;
    display:flex;
    align-items:center;
    white-space:nowrap;
    box-shadow:0 4px 14px rgb(37 99 235 / .3);
    transition:all 0.2s ease;
    flex-shrink:0
}
.flex-cta-button:hover {
    transform:translateY(-1px);
    box-shadow:0 6px 20px rgb(37 99 235 / .4)
}
.flex-close-desk {
    background:none;
    border:none;
    font-size:24px;
    color:#cbd5e1;
    cursor:pointer;
    padding:0;
    margin-left:4px;
    line-height:1;
    transition:color 0.2s;
    flex-shrink:0;
    width:24px;
    height:24px
}
.flex-close-desk:hover {
    color:#64748b
}
.flex-close-mob {
    display:none
}
@media (max-width:768px) {
    .flex-bar-wrapper {
        bottom:0;
        width:100%;
        max-width:100%;
        left:0;
        transform:none;
        transition:opacity 0.3s ease,transform 0.3s ease
    }
    .flex-bar-wrapper.flex-bar-hiding {
        opacity:0;
        transform:translateY(20px)
    }
    .flex-bar-glass {
        flex-direction:column;
        padding:12px 16px 24px 16px;
        border-radius:16px 16px 0 0;
        gap:0;
        border:none;
        border-top:1px solid #e2e8f0;
        box-shadow:0 -4px 20px rgb(0 0 0 / .1);
        min-height:auto
    }
    .flex-section-trust,
    .flex-close-desk {
        display:none
    }
    .flex-close-mob {
        display:flex;
        align-items:center;
        justify-content:center;
        position:absolute;
        top:-46px;
        right:14px;
        width:34px;
        height:34px;
        background:#fff;
        border:1px solid #e2e8f0;
        border-radius:50%;
        font-size:22px;
        color:#64748b;
        line-height:1;
        box-shadow:0 4px 12px rgb(0 0 0 / .15);
        z-index:2147483647;
        cursor:pointer;
        padding:0;
        transition:all 0.2s ease
    }
    .flex-close-mob:active {
        transform:scale(.95)
    }
    .flex-section-action {
        width:100%;
        flex-direction:column;
        gap:0;
        align-items:stretch
    }
    .flex-code-box {
        flex-direction:column;
        width:100%;
        align-items:center;
        margin-bottom:4px;
        gap:0
    }
    .flex-code-label {
        display:block;
        font-size:9px;
        text-align:center;
        margin-bottom:3px;
        color:#166534;
        line-height:1
    }
    .flex-code-row {
        width:auto;
        justify-content:center;
        padding:4px 12px;
        height:auto;
        min-height:26px;
        gap:6px;
        background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);
        border:1.5px solid #cbd5e1;
        box-shadow:0 2px 4px rgb(0 0 0 / .05)
    }
    .flex-code-val {
        font-size:13px;
        font-family:-apple-system,BlinkMacSystemFont,sans-serif
    }
    .flex-code-off {
        font-size:12px;
        padding:2px 6px;
        background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);
        color:#fff;
        font-weight:800
    }
    .flex-copy-icon {
        width:12px;
        height:12px
    }
    .flex-cta-button {
        width:100%;
        justify-content:center;
        height:48px;
        font-size:15px;
        padding:0 20px;
        margin-top:8px
    }
}
@media (max-width:380px) {
    .flex-code-val {
        font-size:14px
    }
    .flex-code-off {
        font-size:12px;
        padding:2px 4px
    }
    .flex-copy-icon {
        width:12px;
        height:12px
    }
}