/* --- Social proof tagline --- */
            .aict-cro-social-proof {
                text-align: center;
                padding: 0 1.5rem;
                margin: 0;
            }
            .aict-cro-social-proof p {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                font-size: 0.9375rem;
                font-weight: 500;
                color: #475569; /* 7.0:1 on the pink social-proof pill (was #94a3b8 = 2.31:1) */
                letter-spacing: 0.02em;
                margin: 0;
                padding: 0.75rem 1.5rem;
                background: rgba(255, 107, 53, 0.06);
                /* [2026-08-27] Was 9999px. This container was designed as a
                   single-line pill holding one short sentence, where a huge radius
                   correctly resolves to height/2. The content has since become three
                   self-contained badges with flex-wrap, so on a phone it wraps to
                   three lines — and 9999px on a tall block is not a pill, it is an
                   ellipse. The badges appeared to sit inside a giant orange oval that
                   clipped them at the corners.
                   24px reads as a pill at one line (height ~42px) and as a correctly
                   rounded rectangle when wrapped, so it is right at every width
                   instead of only the one it was authored for. */
                border-radius: 24px;
                border: 1px solid rgba(255, 107, 53, 0.12);
            }
            .aict-cro-social-proof svg {
                flex-shrink: 0;
            }

            /* --- Annual savings badge --- */
            .aict-cro-annual-badge {
                display: inline-block;
                background: #047857;
                color: #fff;
                font-size: 0.6875rem;
                font-weight: 700;
                padding: 0.2rem 0.625rem;
                border-radius: 9999px;
                text-transform: uppercase;
                letter-spacing: 0.04em;
                margin-left: 0.5rem;
                vertical-align: middle;
                line-height: 1.5;
                animation: aict-badge-pulse 2s ease-in-out infinite;
            }
            @keyframes aict-badge-pulse {
                0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
                50% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
            }

            /* [2026-08-26] Phone layout for the annual badge.
             *
             * The badge is authored as a one-line pill (font-size .6875rem,
             * border-radius 9999px). Measured on a 378px viewport it computed to
             * 16px — a mobile minimum-font rule outranks the declaration above —
             * and the Czech string is six characters longer than the English one
             * ("UŠETŘETE 17% — 2 MĚSÍCE ZDARMA" vs "SAVE 17% — 2 MONTHS FREE").
             * At 16px it wrapped to four lines inside a 126x102 box, and a
             * 9999px radius on a box that tall renders as an ellipse, not a pill.
             *
             * Its parent #aict-toggle-annual is display:flex; flex-wrap:nowrap and
             * holds "Ročně" as a bare text node, so the ballooning badge also
             * squeezed the label down to ~53px against the switch.
             *
             * Selectors are element+class and id+class so they outrank whatever
             * sets the 16px minimum without reaching for !important.
             */
            @media (max-width: 560px) {
                span#aict-toggle-annual,
                #aict-toggle-annual {
                    flex-wrap: wrap;
                    justify-content: center;
                    row-gap: 0.25rem;
                }
                span.aict-cro-annual-badge,
                #aict-toggle-annual span.aict-cro-annual-badge {
                    font-size: 0.625rem;
                    line-height: 1.3;
                    padding: 0.15rem 0.5rem;
                    /* Rectangle, so a wrapped badge stays a badge. */
                    border-radius: 8px;
                    margin-left: 0.35rem;
                    max-width: 10.5rem;
                    white-space: normal;
                    /* The pulse ring reads as noise at this size next to a switch. */
                    animation: none;
                }
            }

            /* --- Trust badges below CTAs --- */
            .aict-cro-trust-badges {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 1.25rem;
                padding: 1.5rem 1.5rem 0;
                margin-top: 1.25rem;
                border-top: 1px solid #334155;
            }
            .pricing-card:not(.featured) .aict-cro-trust-badges {
                border-top-color: #e2e8f0;
            }
            .aict-cro-trust-badge {
                display: inline-flex;
                align-items: center;
                gap: 0.375rem;
                font-size: 0.75rem;
                font-weight: 500;
                color: #94a3b8;
            }
            .pricing-card:not(.featured) .aict-cro-trust-badge {
                color: #64748b;
            }
            .aict-cro-trust-badge svg {
                flex-shrink: 0;
                width: 14px;
                height: 14px;
            }

            /* --- Money-back guarantee near CTA --- */
            .aict-cro-guarantee {
                text-align: center;
                margin-top: 0.75rem;
                font-size: 0.75rem;
                font-weight: 500;
                color: #10b981;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0.375rem;
            }
            .aict-cro-guarantee svg {
                flex-shrink: 0;
                width: 14px;
                height: 14px;
            }

            /* --- FAQ section --- */
            .aict-cro-faq-section {
                padding: 4rem 1.5rem;
                background: #0f172a;
            }
            .aict-cro-faq-section h2 {
                font-size: 2rem;
                font-weight: 700;
                color: #fff;
                text-align: center;
                margin: 0 0 2.5rem;
            }
            .aict-cro-faq-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                gap: 1.25rem;
                max-width: 900px;
                margin: 0 auto;
            }
            .aict-cro-faq-item {
                background: rgba(255, 255, 255, 0.04);
                border: 1px solid #334155;
                border-radius: 12px;
                padding: 1.5rem;
                transition: border-color var(--aict-transition-fast);
            }
            .aict-cro-faq-item:hover {
                border-color: #5c5fe6;
            }
            .aict-cro-faq-item h3 {
                font-size: 0.9375rem;
                font-weight: 600;
                color: #fff;
                margin: 0 0 0.625rem;
                line-height: 1.4;
            }
            .aict-cro-faq-item p {
                font-size: 0.875rem;
                color: #94a3b8;
                line-height: 1.6;
                margin: 0;
            }

            @media (max-width: 768px) {
                .aict-cro-trust-badges {
                    gap: 0.75rem;
                }
                .aict-cro-faq-grid {
                    grid-template-columns: 1fr;
                }
            }

            /* [2026-06-26] OS-dark: the JS-injected social-proof chips use a light
               inline style (#eef2ff bg / #3730a3 text); a global dark rule darkens
               the chip bg but not the text → dark-on-dark. Force a proper dark chip. */
            [data-theme="dark"] .aict-cro-social-proof span {
                background: #312e81 !important; color: #c7d2fe !important; border-color: #4338ca !important;
            }
            @media (prefers-color-scheme: dark) {
                html:not([data-theme="light"]) .aict-cro-social-proof span {
                    background: #312e81 !important; color: #c7d2fe !important; border-color: #4338ca !important;
                }
            }

            /* --- Guest checkout email modal --- */
            .aict-email-modal-overlay {
                position: fixed;
                inset: 0;
                background: rgba(0,0,0,.6);
                backdrop-filter: blur(4px);
                z-index: var(--aict-z-modal); /* [v4.16.80hm +z-canonical-migration 2026-05-09 Q3-batch-62.5] was 99999 — guest checkout email modal */
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 0;
                transition: opacity var(--aict-transition-fast);
            }
            .aict-email-modal-overlay.aict-email-modal-visible {
                opacity: 1;
            }
            .aict-email-modal {
                background: #fff;
                border-radius: 16px;
                padding: 2.5rem 2rem;
                max-width: 420px;
                width: 90vw;
                position: relative;
                box-shadow: 0 24px 48px rgba(0,0,0,.2);
                text-align: center;
                transform: translateY(20px);
                transition: transform var(--aict-transition-fast);
            }
            .aict-email-modal-visible .aict-email-modal {
                transform: translateY(0);
            }
            .aict-email-modal-close {
                position: absolute;
                top: 12px;
                right: 14px;
                background: none;
                border: none;
                font-size: 1.5rem;
                color: #94a3b8;
                cursor: pointer;
                line-height: 1;
                padding: 4px;
            }
            .aict-email-modal-close:hover {
                color: var(--aict-midnight-2);
            }
            .aict-email-modal-icon {
                margin-bottom: 1rem;
            }
            .aict-email-modal h3 {
                font-size: 1.5rem;
                font-weight: 700;
                color: var(--aict-midnight-2);
                margin: 0 0 0.5rem;
            }
            .aict-email-modal-desc {
                font-size: 0.9375rem;
                color: #64748b;
                margin: 0 0 1rem;
                line-height: 1.5;
            }
            .aict-email-modal-plan {
                display: inline-block;
                background: #f0fdf4;
                color: #15803d;
                font-size: 0.8125rem;
                font-weight: 600;
                padding: 0.375rem 0.875rem;
                border-radius: 9999px;
                border: 1px solid #bbf7d0;
                margin-bottom: 1.25rem;
            }
            .aict-email-modal-form {
                display: flex;
                flex-direction: column;
                gap: 0.75rem;
            }
            .aict-email-modal-input {
                width: 100%;
                padding: 0.875rem 1rem;
                font-size: 1rem;
                border: 2px solid #e2e8f0;
                border-radius: 10px;
                outline: none;
                transition: border-color var(--aict-transition-fast);
                box-sizing: border-box;
                color: var(--aict-midnight-2);
            }
            .aict-email-modal-input:focus {
                border-color: #5c5fe6;
                box-shadow: 0 0 0 3px rgba(99,102,241,.12);
            }
            .aict-email-modal-error {
                background: #fef2f2;
                color: #b91c1c; /* red-700, ~5.9:1 on #fef2f2 (was #dc2626 = 4.41:1) */
                font-size: 0.8125rem;
                padding: 0.5rem 0.75rem;
                border-radius: 8px;
                border: 1px solid #fecaca;
                text-align: left;
            }
            .aict-email-modal-submit {
                width: 100%;
                padding: 0.875rem;
                font-size: 1rem;
                font-weight: 600;
                color: #fff;
                background: #4f46e5;
                border: none;
                border-radius: 10px;
                cursor: pointer;
                transition: background var(--aict-transition-fast);
            }
            .aict-email-modal-submit:hover {
                background: #4f46e5;
            }
            .aict-email-modal-submit:disabled {
                background: #94a3b8;
                cursor: not-allowed;
            }
            .aict-email-modal-note {
                font-size: 0.75rem;
                color: #94a3b8;
                margin: 0.75rem 0 0;
            }
            .aict-email-modal-signin {
                font-size: 0.8125rem;
                color: #64748b;
                margin: 0.5rem 0 0;
            }
            .aict-email-modal-signin a {
                color: #5c5fe6;
                text-decoration: none;
                font-weight: 500;
            }
            .aict-email-modal-signin a:hover {
                text-decoration: underline;
            }