/* intro — ledger rail: photo-left stack with bar chart */
.intro-ledger__eyebrow {
    letter-spacing: 0.12em;
}

.intro-ledger__title {
    letter-spacing: -0.03em;
}

.intro-ledger__mark {
    height: 0.2em;
    margin-top: 0.15em;
}

.intro-ledger__stack {
    padding-left: 0.75rem;
}

.intro-ledger__avatar {
    width: 2.75rem;
    height: 2.75rem;
    margin-left: -0.7rem;
    line-height: 1;
}

.intro-ledger__rule {
    height: 0;
    border-top-style: solid !important;
}

.intro-ledger__photo {
    min-height: 22rem;
}

.intro-ledger__photo-img {
    object-fit: cover;
}

.intro-ledger__card {
    padding: 1.25rem;
}

.intro-ledger__caption {
    font-size: 0.75rem;
    line-height: 1rem;
}

.intro-ledger__bars {
    height: 5.5rem;
}

.intro-ledger__bar {
    transform-origin: center bottom;
    animation: intro-ledger-bar 3.6s ease-in-out infinite;
}

.intro-ledger__bar--b1 { height: 45%; }
.intro-ledger__bar--b2 { animation-delay: 0.2s; height: 55%; }
.intro-ledger__bar--b3 { animation-delay: 0.4s; height: 85%; }
.intro-ledger__bar--b4 { animation-delay: 0.6s; height: 40%; }
.intro-ledger__bar--b5 { animation-delay: 0.8s; height: 70%; }

@keyframes intro-ledger-bar {
    0%, 100% {
        transform: scaleY(0.55);
        opacity: 0.55;
    }
    50% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@media (min-width: 1024px) {
    .intro-ledger__photo {
        min-height: 36rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .intro-ledger__bar {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

/* short stat captions sit in narrow columns on phones: long words break instead of spilling over */
.intro-ledger__caption { min-width: 0; overflow-wrap: anywhere; }

.intro-cta-hover {
    transition: transform 0.3s ease;
}

.intro-cta-hover:hover {
    transform: scale(1.05);
}

.intro-star-offset {
    top: -0.5rem;
    right: -0.5rem;
}

.intro-bulb-offset {
    bottom: -0.5rem;
    left: -0.5rem;
}

.intro-sq-8  { width: 2rem;    height: 2rem;    flex-shrink: 0; }
.intro-sq-10 { width: 2.5rem;  height: 2.5rem;  flex-shrink: 0; }
.intro-sq-12 { width: 3rem;    height: 3rem;    flex-shrink: 0; }
.intro-sq-20 { width: 5rem;    height: 5rem;    flex-shrink: 0; }


.signup-conversion__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.signup-conversion__slate--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

.signup-conversion__action--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

.signup-conversion__cards-bs {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

.signup-conversion__cards-bs > .signup-conversion__slate--lift {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .signup-conversion__cards-bs > .signup-conversion__slate--lift {
        flex: 1 1 calc((100% - 2rem) / 2);
        max-width: calc((100% - 2rem) / 2);
    }
}

@media (min-width: 992px) {
    .signup-conversion__cards-bs > .signup-conversion__slate--lift {
        flex: 1 1 calc((100% - 4rem) / 3);
        max-width: calc((100% - 4rem) / 3);
    }
}