/* =========================================================
   STACK CARDS — sticky scroll-stacking cards
   ========================================================= */
.stack-cards {
    position: relative;
}

.stack-cards-item {
    min-height: 56vh;
    display: flex;
    align-items: flex-start;
}

.stack-cards-item:last-child {
    min-height: auto;
}

.stack-cards-card {
    position: sticky;
    top: 110px;
    width: 100%;
    /* max-width: 760px; */
    padding: 44px 48px;
    border-radius: 18px;
    background: radial-gradient(circle at 18% 25%, rgba(255, 255, 255, 0.9), transparent 34%),
        radial-gradient(circle at 82% 10%, rgba(207, 220, 255, 0.72), transparent 32%),
        linear-gradient(90deg, #f5f7fc 0%, #f3f6fd 52%, #dbe6ff 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff;
    box-shadow: 0 24px 50px -28px rgba(4, 10, 26, 0.55);
    transform-origin: top center;
    will-change: transform, opacity;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.stack-cards-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.stack-cards-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--sc-accent, #7fd4ff) 45%, transparent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--sc-accent, #7fd4ff);
    flex: 0 0 auto;
}

.stack-cards-rule {
    flex: 1 1 auto;
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
}

.stack-cards-card h3 {
    margin: 0 0 12px;
    font-size: clamp(1.2rem, 2vw, 1.45rem);
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #150d7e;
}

.stack-cards-card p {
    margin: 0;
    /* max-width: 58ch; */
    font-size: 0.98rem;
    line-height: 1.7;
    color: rgb(0, 0, 0);
}

@media (max-width: 720px) {
    .stack-cards-card {
        padding: 32px;
        top: 88px;
    }

    .stack-cards-item {
        min-height: 42vh;
    }
}
