/* The comparison presents declared benefits. Billing stays in the existing plan cards. */
.cz-pricing-page #crezova-pricing-options { scroll-margin-block-start: 92px; }
.cz-plan-comparison {
    --cz-cmp-ink: #20172D;
    --cz-cmp-muted: #655D70;
    --cz-cmp-paper: #FFF;
    --cz-cmp-soft: #F7F4FB;
    --cz-cmp-line: #E6E0ED;
    --cz-cmp-accent: #6330B5;
    --cz-cmp-accent-soft: #F1EAFB;
    --cz-cmp-excluded: #9D2445;
    inline-size: calc(100% - 2 * var(--cz-site-gutter, 20px));
    margin: clamp(64px, 7vw, 104px) auto 0;
    color: var(--cz-cmp-ink);
    font-family: Figtree, sans-serif;
    scroll-margin-block-start: 92px;
}
.dark .cz-plan-comparison {
    --cz-cmp-ink: #F4EFF9;
    --cz-cmp-muted: #CEC2DC;
    --cz-cmp-paper: #20172D;
    --cz-cmp-soft: #2B203A;
    --cz-cmp-line: #493856;
    --cz-cmp-accent: #D0B2FC;
    --cz-cmp-accent-soft: #38264F;
    --cz-cmp-excluded: #F5A2BC;
}
.cz-plan-comparison *, .cz-plan-comparison *::before, .cz-plan-comparison *::after { box-sizing: border-box; }
.cz-plan-comparison p, .cz-plan-comparison h2, .cz-plan-comparison ul { margin: 0; }
.cz-compare-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.cz-compare-eyebrow { color: var(--cz-cmp-accent); font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.cz-plan-comparison h2 { margin-block-start: 7px; font-size: clamp(28px, 2.8vw, 38px); line-height: 1.18; font-weight: 750; letter-spacing: -.035em; text-wrap: balance; }
.cz-compare-intro { margin-block-start: 10px !important; color: var(--cz-cmp-muted); font-size: 16px; line-height: 1.6; }
.cz-compare-plans-link { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; min-block-size: 44px; padding-block: 8px; color: var(--cz-cmp-accent); font-size: 14px; line-height: 1.4; font-weight: 650; text-decoration: underline; text-underline-offset: 4px; }
.cz-compare-plans-link svg { inline-size: 18px; block-size: 18px; flex-shrink: 0; }
.cz-compare-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-block: 24px 14px; }
.cz-compare-legend { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 0; list-style: none; color: var(--cz-cmp-muted); font-size: 12px; line-height: 1.5; }
.cz-compare-legend li { display: flex; align-items: center; gap: 6px; }
.cz-compare-legend-check { color: var(--cz-cmp-accent); font-size: 16px; font-weight: 700; }
.cz-compare-legend-cross { color: var(--cz-cmp-excluded); font-size: 19px; line-height: 1; }
.cz-compare-legend-dot, .cz-compare-soon-dot { display: inline-block; inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--cz-cmp-accent); flex-shrink: 0; }
.cz-compare-mobile-choice, .cz-compare-scroll-hint { display: none; }
.cz-compare-scroll { overflow: auto; max-block-size: min(76vh, 760px); border: 1px solid var(--cz-cmp-line); border-radius: 18px; background: var(--cz-cmp-paper); scrollbar-width: thin; scrollbar-color: #A992CA var(--cz-cmp-soft); overscroll-behavior-inline: contain; }
.cz-compare-table { inline-size: 100%; min-inline-size: calc(20rem + var(--cz-compare-plan-count) * 13rem); table-layout: fixed; border-collapse: separate; border-spacing: 0; text-align: start; }
.cz-compare-table th, .cz-compare-table td { vertical-align: middle; overflow-wrap: anywhere; }
.cz-compare-table thead th { position: sticky; inset-block-start: 0; z-index: 3; padding: 25px 18px; background: var(--cz-cmp-paper); border-block-end: 1px solid var(--cz-cmp-line); text-align: center; }
.cz-compare-table thead .cz-compare-feature-head { inline-size: 34%; inset-inline-start: 0; z-index: 4; text-align: start; color: var(--cz-cmp-muted); font-size: 13px; font-weight: 600; }
.cz-compare-plan-name { display: block; font-size: 20px; font-weight: 750; line-height: 1.35; letter-spacing: -.025em; }
.cz-compare-period { display:block; margin-block-start:5px; color:var(--cz-cmp-accent); font-size:11px; font-weight:550; }
.cz-compare-table thead th:last-child { background: var(--cz-cmp-accent-soft); color: var(--cz-cmp-accent); }
.cz-compare-group th { padding: 11px 22px; background: var(--cz-cmp-soft); border-block-end: 1px solid var(--cz-cmp-line); text-align: start; font-size: 11px; font-weight: 750; line-height: 1.5; letter-spacing: .075em; text-transform: uppercase; }
.cz-compare-feature-row > th { position: sticky; inset-inline-start: 0; z-index: 1; padding: 14px 22px; background: var(--cz-cmp-paper); font-size: 14px; font-weight: 550; line-height: 1.5; text-align: start; }
.cz-compare-feature-row > td { padding: 12px 16px; background: var(--cz-cmp-paper); text-align: center; }
.cz-compare-feature-row > * { border-block-end: 1px solid var(--cz-cmp-line); }
.cz-compare-feature-row:hover > * { background: var(--cz-cmp-soft); }
.cz-compare-table tbody:last-child tr:last-child > * { border-block-end: 0; }
.cz-compare-status { display: inline-flex; align-items: center; justify-content: center; gap: 7px; max-inline-size: 100%; font-size: 13px; line-height: 1.5; }
.cz-compare-status--included { color: var(--cz-cmp-accent); font-weight: 600; }
.cz-compare-check { inline-size: 22px; block-size: 22px; flex-shrink: 0; border-radius: 50%; background: var(--cz-cmp-accent-soft); }
.cz-compare-status--value { color: var(--cz-cmp-ink); font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.cz-compare-status--not_listed, .cz-compare-status--unavailable { color: var(--cz-cmp-muted); font-size: 12px; }
.cz-compare-status--excluded { color: var(--cz-cmp-excluded); font-size: 12px; }
.cz-compare-cross { font-size: 20px; line-height: 1; }
.cz-compare-status--coming_soon { padding: 4px 9px; border-radius: 6px; background: var(--cz-cmp-accent-soft); color: var(--cz-cmp-accent); font-size: 11px; font-weight: 650; }
.cz-compare-note { display: flex; justify-content: space-between; align-items: start; gap: 12px 28px; margin-block-start: 12px; color: var(--cz-cmp-muted); font-size: 12px; line-height: 1.6; }
.cz-compare-note a { flex-shrink: 0; min-block-size: 44px; color: var(--cz-cmp-muted); text-decoration: underline; text-underline-offset: 3px; }
.cz-compare-note p { padding-block-start: 6px; }
.cz-plan-comparison :is(a, select, [tabindex]):focus-visible { outline: 3px solid var(--cz-cmp-accent); outline-offset: 4px; border-radius: 6px; }
.cz-compare-sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 767px) {
    .cz-plan-comparison { margin-block-start: 64px; }
    .cz-compare-heading { display: block; }
    .cz-compare-plans-link { margin-block-start: 10px; }
    .cz-compare-intro { font-size: 14px; }
    .cz-compare-toolbar { display: block; margin-block: 16px 12px; }
    .is-enhanced .cz-compare-mobile-choice { display: grid; gap: 7px; margin-block-end: 15px; }
    .cz-compare-mobile-choice label { color: var(--cz-cmp-muted); font-size: 12px; font-weight: 650; }
    .cz-compare-mobile-choice select { visibility: visible; appearance: auto; inline-size: 100%; min-block-size: 46px; border: 1px solid var(--cz-cmp-line); border-radius: 9px; padding: 10px 12px; background: var(--cz-cmp-paper); color: var(--cz-cmp-ink); font: inherit; font-size: 15px; font-weight: 650; }
    .cz-compare-legend { gap: 6px 15px; font-size: 11px; }
    .cz-compare-scroll-hint { display: block; margin-block-end: 8px !important; color: var(--cz-cmp-muted); font-size: 12px; }
    .is-enhanced .cz-compare-scroll-hint { display: none; }
    .cz-compare-scroll { max-block-size: 62vh; border-radius: 12px; }
    .is-enhanced .cz-compare-table { min-inline-size: 0; }
    .is-enhanced .cz-compare-plan-col:not(.is-selected) { display: none; }
    .is-enhanced .cz-compare-table thead .cz-compare-feature-head { inline-size: 57%; }
    .cz-compare-table thead th { padding: 17px 12px; }
    .cz-compare-plan-name { font-size: 17px; }
    .cz-compare-table thead .cz-compare-feature-head { font-size: 12px; }
    .cz-compare-group th { padding: 10px 12px; font-size: 10px; }
    .cz-compare-feature-row > th { padding: 12px; font-size: 13px; }
    .cz-compare-feature-row > td { padding: 10px 8px; }
    .cz-compare-status { gap: 4px; font-size: 12px; }
    .cz-compare-status--not_listed, .cz-compare-status--excluded { font-size: 11px; }
    .cz-compare-status--coming_soon { font-size: 10px; }
    .cz-compare-note { display: block; font-size: 11px; }
    .cz-compare-note a { display: inline-flex; align-items: center; gap: 5px; }
    /* Existing plan-card tooltips must also stay inside the narrow page. */
    .cz-pricing-page .plan-parent .group > .absolute { left: auto; right: auto; inset-inline-end: 0; transform: none; }
}
@media (forced-colors: active) {
    .cz-compare-scroll, .cz-compare-mobile-choice select { border-color: CanvasText; }
    .cz-compare-status--coming_soon { border: 1px solid CanvasText; }
}