/* ================================================================
 * Block: Checklist with pricing — checklist_pricing
 * Design: Figma "GS - LP Design - Service" §12 DELIVERABLES + PRICE FLOOR
 * Tokens: assets/css/tokens.css only (gaps listed in build report).
 * ================================================================ */

.block-checklist-pricing {
    /* Block-local tokens (values from Figma; gaps listed in build report) */
    --eyebrow-line-w: 33px;
    --eyebrow-line-h: 2px;
    --eyebrow-fs: 20px;
    --eyebrow-lh: 24px;
    --check-grid-gap: 64px;
    --check-card-w: 455px;
    --check-card-pad: 32px;
    --check-divider: 1px solid rgba(255, 255, 255, 0.15);
    --fs-check-item: 16px;
    --fs-price: 34px;
    --lh-price: 1.3;
    --fs-cta: 20px;
    --check-icon: 18px;

    background-color: var(--color-cultured);
}

.block-checklist-pricing__container {
    max-width: calc(var(--container-service) + 2 * var(--container-pad));
    margin-inline: auto;
    padding-inline: var(--container-pad);
}

.block-checklist-pricing__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
}

.block-checklist-pricing__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-15);
}

.block-checklist-pricing__eyebrow {
    display: flex;
    align-items: center;
    gap: var(--space-10);
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--eyebrow-fs);
    font-weight: var(--fw-light);
    line-height: var(--eyebrow-lh);
    text-transform: uppercase;
    color: var(--color-whimsical-blue);
}

.block-checklist-pricing__eyebrow::before {
    content: '';
    flex-shrink: 0;
    width: var(--eyebrow-line-w);
    height: var(--eyebrow-line-h);
    background-color: var(--color-whimsical-blue);
}

.block-checklist-pricing__heading {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--fs-display-50);
    font-weight: var(--fw-heading);
    line-height: var(--lh-heading);
    color: var(--color-yankees-blue);
}

.block-checklist-pricing__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
    margin: 0;
    margin-top: var(--space-4);
    padding: 0;
    list-style: none;
}

.block-checklist-pricing__item {
    display: flex;
    align-items: flex-start;
    gap: var(--space-10);
}

.block-checklist-pricing__icon {
    flex-shrink: 0;
    width: var(--check-icon);
    height: var(--check-icon);
    margin-top: var(--space-1);
    color: var(--color-whimsical-blue);
}

.block-checklist-pricing__icon-img {
    flex-shrink: 0;
    width: var(--icon-18);
    height: var(--icon-18);
    object-fit: contain;
    margin-top: var(--space-1);
}

.block-checklist-pricing__item-text {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--fs-check-item);
    font-weight: var(--fw-light);
    line-height: var(--lh-relaxed);
    color: var(--color-yankees-blue);
}

.block-checklist-pricing__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--check-card-pad);
    background-color: var(--color-yankees-blue);
    border-radius: var(--radius-lg);
}

.block-checklist-pricing__price-heading {
    margin: 0;
    margin-bottom: var(--space-2);
    font-family: var(--font-body);
    font-size: var(--eyebrow-fs);
    font-weight: var(--fw-light);
    line-height: var(--eyebrow-lh);
    text-transform: uppercase;
    color: var(--color-whimsical-blue);
}

.block-checklist-pricing__price-text {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--fs-price);
    font-weight: var(--fw-semibold);
    line-height: var(--lh-price);
    color: var(--color-white);
}

.block-checklist-pricing__price-text p {
    margin: 0;
}

.block-checklist-pricing__price-note {
    margin: 0;
    margin-bottom: var(--space-2);
    font-family: var(--font-body);
    font-size: var(--fs-check-item);
    font-weight: var(--fw-light);
    line-height: var(--lh-relaxed);
    color: var(--color-white-80);
}

.block-checklist-pricing__divider {
    width: 100%;
    margin-top: var(--space-4);
    border-top: var(--check-divider);
}

.block-checklist-pricing__price-footer {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--fs-check-item);
    font-weight: var(--fw-medium);
    line-height: var(--lh-stat-label);
    color: var(--color-white-80);
}

.block-checklist-pricing__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    background-color: var(--color-white);
    border-radius: var(--radius-pill);
    font-family: var(--font-display);
    font-size: var(--fs-cta);
    font-weight: var(--fw-semibold);
    line-height: var(--lh-body);
    color: var(--color-yankees-blue);
    text-decoration: none;
}

@media (min-width: 900px) {
    .block-checklist-pricing__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, var(--check-card-w));
        align-items: center;
        gap: var(--check-grid-gap);
    }
}