.intro-icon-benefits__icon-box {
    width: 4rem;
    height: 4rem;
}

.intro-icon-benefits__decor-top {
    width: 5rem;
    height: 5rem;
    top: 2.5rem;
    left: 2.5rem;
}

.intro-icon-benefits__decor-bottom {
    width: 8rem;
    height: 8rem;
    bottom: 2.5rem;
    right: 2.5rem;
}

.intro-icon-benefits__decor-mid {
    width: 4rem;
    height: 4rem;
    top: 50%;
    left: 25%;
}

.insight-orb-one {
    top: 0;
    right: 0;
    width: 24rem;
    height: 24rem;
    filter: blur(3rem);
}

.insight-orb-two {
    bottom: 0;
    left: 0;
    width: 20rem;
    height: 20rem;
    filter: blur(3rem);
}

.insight-orb-three {
    top: 50%;
    left: 50%;
    width: 18rem;
    height: 18rem;
    transform: translate(-50%, -50%);
    filter: blur(2rem);
}

.insight-block-one {
    top: 5rem;
    right: 2.5rem;
    width: 6rem;
    height: 6rem;
    transform: rotate(12deg);
}

.insight-block-two {
    top: 10rem;
    left: 2.5rem;
    width: 4rem;
    height: 4rem;
    transform: rotate(-12deg);
}

.insight-block-three {
    right: 5rem;
    bottom: 8rem;
    width: 5rem;
    height: 5rem;
    transform: rotate(45deg);
}

.insight-block-four {
    bottom: 5rem;
    left: 5rem;
    width: 7rem;
    height: 7rem;
    transform: rotate(-6deg);
}

.insight-block-five {
    top: 33.333333%;
    right: 25%;
    width: 3rem;
    height: 3rem;
    transform: rotate(12deg);
}

.insight-title-block-one {
    top: -1rem;
    left: -2rem;
    width: 2rem;
    height: 2rem;
    transform: rotate(12deg);
}

.insight-title-block-two {
    top: -0.5rem;
    right: -2.5rem;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(-12deg);
}

.insight-title-block-three {
    bottom: -1rem;
    left: 25%;
    width: 2.5rem;
    height: 2.5rem;
    transform: rotate(45deg);
}

.insight-title-block-four {
    right: 25%;
    bottom: -0.5rem;
    width: 2rem;
    height: 2rem;
    transform: rotate(-6deg);
}

.insight-title-accent {
    bottom: 0;
    left: 50%;
    width: 8rem;
    height: 0.5rem;
    transform: translateX(-50%);
}

.insight-section-knot {
    top: 50%;
    left: -1.5rem;
    width: 1rem;
    height: 1rem;
    transform: translateY(-50%) rotate(12deg);
}

.insight-section-underline {
    bottom: -0.5rem;
    left: 0;
    width: 5rem;
    height: 0.375rem;
}

/* Bootstrap flex-md-row: cap thumb width (parity with Tailwind md:w-80) */
.content-v41-thumb-wrap {
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .content-v41-thumb-wrap {
        width: 20rem;
        max-width: 20rem;
    }
}

.spread-chapter__visual--rise:hover { transform: scale(1.05); transition: transform .2s ease; }

.spread-chapter__jump--rise:hover { transform: scale(1.05); transition: transform .2s ease; }

.content-col-grow {
    flex: 1 1 0%;
    min-width: 0;
}

.content-grid-gap {
    gap: 2rem;
}

.content-img-expands {
    display: block;
    width: 100%;
    height: 18rem;
    min-height: 18rem;
    flex-shrink: 0;
    object-fit: cover;
}
@media (min-width: 768px) {
    .content-img-expands {
        height: 24rem;
        min-height: 24rem;
    }
}

/* Decor geometry (layout only; colors stay in Blade / @sem) */
.leaflet-document__decor-1 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 0;
    left: 0;
    transform: translate(-4rem, -4rem);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__decor-2 {
    position: absolute;
    width: 12rem;
    height: 12rem;
    bottom: 0;
    right: 0;
    transform: translate(6rem, 6rem);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__decor-3 {
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 50%;
    right: 0;
    transform: translate(3rem, -50%);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__decor-4 {
    position: absolute;
    width: 4rem;
    height: 4rem;
    left: 25%;
    bottom: 25%;
    transform: translate(-50%, 50%);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__divider-bar {
    height: 0.25rem;
}

.leaflet-document__title-trail { margin-bottom: 2rem; }

.leaflet-document__rule-trail { margin-bottom: 3rem; }

.leaflet-document__wrapper-section-pad {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.content-prose-measure {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.content-heading-gap {
    margin-bottom: 2rem;
}

.ribbon-corner-card__tile {
    min-width: 260px;
    max-width: 380px;
}

.ribbon-corner-card__fold {
    width: 84px;
    height: 84px;
}

.ribbon-corner-card__stamp {
    width: 116px;
    padding: 5px 0;
    top: 20px;
    right: -30px;
    transform: rotate(45deg);
    letter-spacing: 0.05em;
    white-space: nowrap;
    overflow: hidden;
}

.ribbon-corner-card__media {
    height: 12rem;
}

.ribbon-corner-card__img {
    object-fit: cover;
}
.ribbon-corner-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.perks-minimal-line__thumb {
    width: 3rem;
    height: 3rem;
}

.perks-minimal-line__badge {
    width: 2rem;
    height: 2rem;
}

@media (min-width: 640px) {
    .perks-minimal-line__group:hover .perks-minimal-line__card {
        transform: scale(1.02);
    }
}

.perks-minimal-line__card {
    transition: transform 0.3s ease;
}

.perks-minimal-line__rule {
    height: 2px;
    transition: opacity 0.3s ease;
}

.perks-minimal-line__group:hover .perks-minimal-line__rule {
    opacity: 1;
}

.signup-hero-stack__center {
    max-width: 56rem;
}

.signup-hero-stack__mark {
    width: 5rem;
    height: 5rem;
}

.google-map-with-trust-badge-overlay-and-centered-title__iframe { width: 100%; min-height: 400px; }
@media (min-width: 768px) { .google-map-with-trust-badge-overlay-and-centered-title__iframe { min-height: 600px; } }

/* iframe-normalized */
.google-map-with-trust-badge-overlay-and-centered-title__iframe {
    width: 100%;
    max-width: 100%;
    height: 400px;
    min-height: 400px;
    display: block;
    border: 0;
    box-sizing: border-box;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    .google-map-with-trust-badge-overlay-and-centered-title__iframe {
        height: 600px;
        min-height: 600px;
    }
}


