/* guide banner — pale text panel beside tall photo with rotated accent badge */
.guide-banner__frame {
    min-height: 18rem;
}

.guide-banner__img.guide-banner__img {
    object-fit: cover;
    object-position: center;
}

.guide-banner__badge {
    width: 8rem;
    height: 8rem;
    flex: none;
    top: 1.5rem;
    left: -2.5rem;
    transform: rotate(-8deg);
}

.guide-banner__badge-text {
    display: block;
    text-align: center;
    line-height: 1.2;
    padding: 0 0.5rem;
}

@media (max-width: 1023px) {
    .guide-banner__badge {
        width: 6rem;
        height: 6rem;
        left: -1.5rem;
        top: -1rem;
    }
}

@media (max-width: 767px) {
    .guide-banner__badge {
        width: 5.5rem;
        height: 5.5rem;
        left: 0.75rem;
        top: 0.75rem;
        transform: rotate(-6deg);
    }
}

.cta-promo__panel {
    max-width: 64rem;
    margin-inline: auto;
}

.cta-promo__badge {
    width: 4rem;
    height: 4rem;
    flex: none;
}

.cta-promo__desc {
    max-width: 52rem;
}

/* comparison-twin — two equal dark panels, approaches comparison (no colors) */
.comparison-twin__dot {
    width: 0.4rem;
    height: 0.4rem;
    flex: none;
    margin-top: 0.5rem;
    font-size: 0.4rem;
    line-height: 1;
}

.comparison-twin__panel {
    transition: transform 200ms ease;
}

.comparison-twin__cta {
    width: fit-content;
}