.hero-diag-panel {
    width: 60%;
    clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
}

.hero-v29-kicker {
    letter-spacing: 0.2em;
}

.hero-v29-meta {
    letter-spacing: 0.08em;
}

.hero-v29-figure {
    max-width: 20rem;
}

/* -- Button hover states -- */
.hero-btn-primary {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.hero-btn-primary:hover,
.hero-btn-primary:focus {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.hero-btn-outline-secondary {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-secondary:hover,
.hero-btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border-color: var(--bs-secondary) !important;
    transform: translateY(-1px);
}

.hero-btn-outline-primary-light {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-primary-light:hover,
.hero-btn-outline-primary-light:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
    transform: translateY(-1px);
}
.sidebar-dot-card-timeline__line {
    width: 2px;
    left: 1rem;
}

@media (min-width: 768px) {
    .sidebar-dot-card-timeline__line {
        left: 2rem;
    }
}

.sidebar-dot-card-timeline__dot {
    width: 1rem;
    height: 1rem;
    left: 0.5rem;
    margin-top: 0.5rem;
}

@media (min-width: 768px) {
    .sidebar-dot-card-timeline__dot {
        left: 1.5rem;
        transform: translateX(-0.5rem);
    }
}

.sidebar-dot-card-timeline__card {
    margin-left: 0;
}

@media (min-width: 768px) {
    .sidebar-dot-card-timeline__card {
        margin-left: 4rem;
    }
}

.values-card-strip__item {
    max-width: 24rem;
}

.values-card-strip__thumb {
    width: 5rem;
    height: 5rem;
}

.values-card-strip__panel {
    max-width: 48rem;
}

.stacked-shadow-deck__portrait {
    width: 6rem;
    height: 6rem;
}

.stacked-shadow-deck__beacon {
    width: 1.5rem;
    height: 1.5rem;
    bottom: -0.125rem;
    right: -0.125rem;
}

.stacked-shadow-deck__beacon-dot {
    width: 0.5rem;
    height: 0.5rem;
}

.stacked-shadow-deck__shadow--far {
    transform: translate(0.5rem, 0.5rem);
}

.stacked-shadow-deck__shadow--near {
    transform: translate(0.25rem, 0.25rem);
}

.stacked-shadow-deck__corner {
    width: 3rem;
    height: 3rem;
}

.stacked-shadow-deck__min-shrink {
    min-width: 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);
    }
}