.crypto-instant-settlement {
    --cis-accent: #ffb900;
    --cis-bg: #1f232b;
    --cis-text: #ffffff;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--cis-section-bg, #000000);
}

.crypto-instant-settlement__container {
    position: relative;
    width: min(100%, var(--cis-container-width, 1300px));
    margin-inline: auto;
    padding-inline: var(--cis-side-space, 20px);
}

.crypto-instant-settlement__card {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr);
    align-items: center;
    min-height: var(--cis-card-height, 335px);
    overflow: hidden;
    border-radius: var(--cis-radius, 18px);
    background: var(--cis-bg);
    box-shadow: var(--cis-shadow, none);
}

.crypto-instant-settlement__content {
    position: relative;
    z-index: 3;
    padding: 54px 36px 54px 76px;
    text-align: center;
}

.crypto-instant-settlement__title {
    margin: 0 0 22px;
    color: var(--cis-accent);
    font-size: clamp(28px, 2.15vw, 36px);
    line-height: 1.1;
}

.crypto-instant-settlement__description {
    max-width: 520px;
    margin: 0 auto;
    color: var(--cis-text);
    font-size: clamp(17px, 1.25vw, 21px);
    font-weight: 500;
    line-height: 1.5;
}

.crypto-instant-settlement__visual {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    min-width: 0;
    align-self: stretch;
    padding: 34px 54px 34px 18px;
}

.crypto-instant-settlement__image {
    display: block;
    width: min(100%, var(--cis-image-width, 360px));
    height: auto;
    max-height: 285px;
    object-fit: contain;
    filter: var(--cis-image-filter, none);
}

.crypto-instant-settlement__accent {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: 0;
    width: var(--cis-accent-width, 3px);
    height: var(--cis-accent-height, 126px);
    transform: translateY(-50%);
    border-radius: 3px 0 0 3px;
    background: var(--cis-accent);
}

.crypto-instant-settlement__sparkle {
    position: absolute;
    z-index: 4;
    color: var(--cis-sparkle, #f6e8f3);
    font-size: 24px;
    line-height: 1;
    text-shadow: 0 0 10px rgba(255, 255, 255, .32);
    animation: cisTwinkle 3.6s ease-in-out infinite;
}

.crypto-instant-settlement__sparkle--one {
    top: 30%;
    left: 5%;
}

.crypto-instant-settlement__sparkle--two {
    top: 15%;
    left: 67%;
    animation-delay: -1.7s;
}

.crypto-instant-settlement__orb {
    position: absolute;
    z-index: 1;
    width: var(--cis-orb-size, 92px);
    aspect-ratio: 1;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle at 32% 25%, var(--cis-orb-light, #2c3440), var(--cis-orb-dark, #020305) 72%);
    filter: blur(var(--cis-orb-blur, 5px));
    opacity: var(--cis-orb-opacity, .95);
}

.crypto-instant-settlement__orb--one {
    left: 1%;
    bottom: -11%;
}

.crypto-instant-settlement__orb--two {
    top: -13%;
    right: 4%;
}

@keyframes cisTwinkle {
    0%, 100% { transform: scale(.85) rotate(-8deg); opacity: .55; }
    50% { transform: scale(1.13) rotate(8deg); opacity: 1; }
}

@media (max-width: 767px) {
    .crypto-instant-settlement__card {
        grid-template-columns: 1fr;
    }

    .crypto-instant-settlement__content {
        padding: 44px 24px 16px;
    }

    .crypto-instant-settlement__visual {
        min-height: 210px;
        padding: 12px 34px 38px;
    }

    .crypto-instant-settlement__image {
        max-height: 210px;
    }

    .crypto-instant-settlement__accent {
        height: 90px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .crypto-instant-settlement__sparkle {
        animation: none;
    }
}