/* ==========================================================================
   resources/views/home/pages/pricing.blade.php — moved verbatim from the view's <style> block(s) (2026-09-11)
   ========================================================================== */
            .pr-faq-a a {
                color: var(--rv-primary);
                text-decoration: underline;
                text-decoration-color: rgba(109, 92, 230, .35);
                text-underline-offset: 2px;
                font-weight: 500;
                transition: color .15s, text-decoration-color .15s;
            }

            .pr-page * {
                box-sizing: border-box;
            }

            /* ── Hero ────────────────────────────────────────────────────────────── */
            .pr-hero {
                text-align: center;
                padding: 76px 24px 0;
            }

            .pr-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                background: var(--rv-surface-4);
                border: 1px solid var(--rv-primary-pale);
                color: var(--rv-primary);
                font-size: .7rem;
                font-weight: 700;
                letter-spacing: .1em;
                text-transform: uppercase;
                padding: 5px 14px;
                border-radius: 99px;
                margin-bottom: 24px;
            }

            .pr-eyebrow svg {
                width: 11px;
                height: 11px;
            }

            .pr-hero h1 {
                font-size: clamp(2rem, 4.5vw, 3.2rem);
                font-weight: 800;
                color: var(--rv-ink);
                line-height: 1.12;
                letter-spacing: -.03em;
            }

            .pr-hero h1 em {
                font-style: normal;
                background: linear-gradient(135deg, var(--rv-primary) 30%, var(--rv-primary-bright) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

            .pr-hero-sub {
                font-size: 1.05rem;
                color: var(--rv-muted);
                max-width: 440px;
                margin: 0 auto 40px;
                line-height: 1.65;
                font-weight: 400;
            }

            /* ── Billing toggle ──────────────────────────────────────────────────── */
            .pr-toggle-wrap {
                display: flex;
                justify-content: center;
                margin-bottom: 52px;
            }

            .pr-toggle {
                display: inline-flex;
                background: var(--rv-surface-2);
                border: 1px solid var(--rv-border);
                border-radius: 99px;
                padding: 4px;
                gap: 3px;
            }

            .pr-tab {
                background: transparent;
                border: none;
                padding: 10px 28px;
                font-size: .875rem;
                font-weight: 600;
                color: var(--rv-muted);
                cursor: pointer;
                border-radius: 99px;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                transition: all .22s ease;
                font-family: inherit;
                line-height: 1;
            }

            .pr-tab.is-active {
                background: var(--rv-primary);
                color: #fff;
                box-shadow: 0 2px 10px rgba(109, 92, 230, .38);
            }

            .pr-save-pill {
                font-size: .62rem;
                font-weight: 700;
                letter-spacing: .07em;
                background: var(--rv-warning);
                color: #422006;
                padding: 3px 8px;
                border-radius: 99px;
                line-height: 1;
            }

            /* ── Grid ────────────────────────────────────────────────────────────── */
            .pr-section {
                padding: 0 24px 80px;
            }

            .pr-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 18px;
                max-width: 1020px;
                margin: 0 auto;
                align-items: center;
            }

            /* ── Card base ───────────────────────────────────────────────────────── */
            .pr-card {
                background: #fff;
                border: 1px solid var(--rv-border);
                border-radius: 22px;
                padding: 30px 26px 26px;
                display: flex;
                flex-direction: column;
                position: relative;
                transition: box-shadow .25s ease, transform .25s ease;
            }

            .pr-card:hover {
                box-shadow: 0 12px 36px rgba(22, 22, 29, .09);
                transform: translateY(-3px);
            }

            /* ── Featured (Pro) card ─────────────────────────────────────────────── */
            .pr-card.is-pro {
                background: linear-gradient(155deg, var(--rv-ink-panel) 0%, #1e3a8a 55%, var(--rv-primary) 100%);
                border-color: transparent;
                box-shadow: 0 8px 32px rgba(109, 92, 230, .3), 0 2px 8px rgba(22, 22, 29, .18);
                transform: translateY(-8px);
                padding: 36px 28px 28px;
            }

            .pr-card.is-pro:hover {
                box-shadow: 0 20px 52px rgba(109, 92, 230, .4), 0 4px 12px rgba(22, 22, 29, .2);
                transform: translateY(-12px);
            }

            /* ── Popular badge ───────────────────────────────────────────────────── */
            .pr-badge {
                position: absolute;
                top: -13px;
                left: 50%;
                transform: translateX(-50%);
                background: linear-gradient(90deg, var(--rv-primary), var(--rv-primary-bright));
                color: #fff;
                font-size: .66rem;
                font-weight: 700;
                padding: 4px 14px;
                border-radius: 99px;
                letter-spacing: .09em;
                text-transform: uppercase;
                white-space: nowrap;
                box-shadow: 0 3px 12px rgba(109, 92, 230, .4);
            }

            /* ── Plan meta ───────────────────────────────────────────────────────── */
            .pr-plan-name {
                font-size: 1rem;
                font-weight: 700;
                color: var(--rv-ink);
                margin: 0 0 3px;
                letter-spacing: -.01em;
            }

            .pr-card.is-pro .pr-plan-name {
                color: #fff;
            }

            .pr-plan-tag {
                font-size: .78rem;
                color: var(--rv-muted);
                margin: 0 0 22px;
                line-height: 1.45;
            }

            .pr-card.is-pro .pr-plan-tag {
                color: rgba(255, 255, 255, .55);
            }

            /* ── Price ───────────────────────────────────────────────────────────── */
            .pr-price-wrap {
                margin-bottom: 22px;
            }

            .pr-price-row {
                display: flex;
                align-items: flex-end;
                gap: 2px;
                line-height: 1;
                margin-bottom: 5px;
            }

            .pr-currency {
                font-size: 1.25rem;
                font-weight: 700;
                color: var(--rv-body);
                padding-bottom: 7px;
            }

            .pr-card.is-pro .pr-currency {
                color: rgba(255, 255, 255, .8);
            }

            .pr-amount {
                font-size: 3.2rem;
                font-weight: 800;
                color: var(--rv-ink);
                letter-spacing: -.04em;
                line-height: 1;
            }

            .pr-card.is-pro .pr-amount {
                color: #fff;
            }

            .pr-period {
                font-size: .8rem;
                color: var(--rv-muted);
                padding-bottom: 9px;
                margin-left: 2px;
            }

            .pr-card.is-pro .pr-period {
                color: rgba(255, 255, 255, .5);
            }

            .pr-price-sub {
                font-size: .98rem;
                font-weight: 600;
                color: var(--rv-ink);
                line-height: 1.45;
                margin-top: 2px;
            }

            .pr-price-sub strong {
                color: var(--rv-success-deep);
                font-weight: 800;
                font-size: 1.12em;
            }

            .pr-card.is-pro .pr-price-sub {
                color: rgba(255, 255, 255, .88);
            }

            .pr-card.is-pro .pr-price-sub strong {
                color: #86efac;
            }

            /* ── Divider ─────────────────────────────────────────────────────────── */
            .pr-sep {
                height: 1px;
                background: var(--rv-surface-2);
                margin: 0 0 20px;
            }

            .pr-card.is-pro .pr-sep {
                background: rgba(255, 255, 255, .1);
            }

            /* ── Feature list ────────────────────────────────────────────────────── */
            .pr-feats {
                list-style: none;
                padding: 0;
                margin: 0 0 26px;
                flex: 1;
                display: flex;
                flex-direction: column;
                gap: 10px;
            }

            .pr-feat {
                display: flex;
                align-items: center;
                gap: 10px;
                font-size: .845rem;
                color: var(--rv-body);
                line-height: 1.4;
            }

            .pr-card.is-pro .pr-feat {
                color: rgba(255, 255, 255, .8);
            }

            .pr-check {
                flex-shrink: 0;
                width: 18px;
                height: 18px;
                border-radius: 50%;
                background: var(--rv-surface-4);
                display: grid;
                place-items: center;
            }

            .pr-check svg {
                width: 10px;
                height: 10px;
                color: var(--rv-primary);
            }

            .pr-card.is-pro .pr-check {
                background: rgba(255, 255, 255, .15);
            }

            .pr-card.is-pro .pr-check svg {
                color: var(--rv-primary-soft);
            }

            /* ── CTA button ──────────────────────────────────────────────────────── */
            .pr-cta {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 7px;
                padding: 13px 20px;
                border-radius: 12px;
                font-size: .875rem;
                font-weight: 700;
                text-decoration: none;
                border: none;
                cursor: pointer;
                transition: all .18s ease;
                width: 100%;
                font-family: inherit;
                letter-spacing: -.01em;
            }

            .pr-cta svg {
                width: 15px;
                height: 15px;
                flex-shrink: 0;
            }

            .pr-cta:active {
                transform: scale(.97);
            }

            .pr-cta-outline {
                background: transparent;
                color: var(--rv-primary);
                border: 1.5px solid var(--rv-primary-pale);
            }

            .pr-cta-outline:hover {
                background: var(--rv-surface-4);
                border-color: var(--rv-primary-soft);
                text-decoration: none;
                color: var(--rv-primary);
            }

            .pr-cta-primary {
                background: linear-gradient(135deg, var(--rv-primary), var(--rv-primary));
                color: #fff;
                box-shadow: 0 4px 14px rgba(109, 92, 230, .28);
            }

            .pr-cta-primary:hover {
                background: linear-gradient(135deg, var(--rv-primary-deep), #4338ca);
                box-shadow: 0 6px 20px rgba(109, 92, 230, .4);
                text-decoration: none;
                color: #fff;
            }

            .pr-cta-white {
                background: #fff;
                color: #1e3a8a;
                box-shadow: 0 2px 10px rgba(22, 22, 29, .22);
            }

            .pr-cta-white:hover {
                background: #f0f9ff;
                text-decoration: none;
                color: #1e3a8a;
                box-shadow: 0 4px 14px rgba(22, 22, 29, .28);
            }

            .pr-cta-current {
                background: var(--rv-success-wash);
                color: var(--rv-success-deep);
                border: 1.5px solid var(--rv-success-pale);
                cursor: default;
                pointer-events: none;
            }

            /* ── Trust bar ───────────────────────────────────────────────────────── */
            .pr-trust {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 30px;
                flex-wrap: wrap;
                padding: 0 24px 72px;
                max-width: 820px;
                margin: 0 auto;
            }

            .pr-trust-item {
                display: flex;
                align-items: center;
                gap: 7px;
                font-size: .8rem;
                color: var(--rv-muted);
                font-weight: 500;
            }

            .pr-trust-item svg {
                width: 14px;
                height: 14px;
                color: var(--rv-primary);
                flex-shrink: 0;
            }

            /* ── FAQ ─────────────────────────────────────────────────────────────── */
            .pr-faq {
                max-width: 680px;
                margin: 0 auto;
                padding: 0 24px 100px;
            }

            .pr-faq-head {
                text-align: center;
                margin-bottom: 40px;
            }

            .pr-faq-head h2 {
                font-size: clamp(1.4rem, 2.5vw, 1.85rem);
                font-weight: 800;
                color: var(--rv-ink);
                letter-spacing: -.03em;
                margin: 0 0 8px;
            }

            .pr-faq-head p {
                font-size: .875rem;
                color: var(--rv-muted);
                margin: 0;
            }

            .pr-faq-item {
                border-bottom: 1px solid var(--rv-surface-2);
            }

            .pr-faq-item:first-of-type {
                border-top: 1px solid var(--rv-surface-2);
            }

            .pr-faq-q {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 16px;
                font-weight: 600;
                font-size: .9rem;
                color: var(--rv-ink);
                padding: 19px 0;
                cursor: pointer;
                user-select: none;
            }

            .pr-faq-icon {
                flex-shrink: 0;
                width: 28px;
                height: 28px;
                border-radius: 8px;
                background: var(--rv-surface-2);
                border: 1px solid var(--rv-border);
                display: grid;
                place-items: center;
                transition: all .2s;
            }

            .pr-faq-icon svg {
                width: 13px;
                height: 13px;
                color: var(--rv-muted);
                transition: transform .2s, color .2s;
            }

            .pr-faq-item.open .pr-faq-icon {
                background: var(--rv-surface-4);
                border-color: var(--rv-primary-pale);
            }

            .pr-faq-item.open .pr-faq-icon svg {
                transform: rotate(180deg);
                color: var(--rv-primary);
            }

            .pr-faq-a {
                font-size: .855rem;
                color: var(--rv-muted);
                padding-bottom: 19px;
                line-height: 1.72;
                display: none;
            }

            .pr-faq-item.open .pr-faq-a {
                display: block;
            }

            /* ── Inline auth modal ──────────────────────────────────────────────── */
            #pa-modal-overlay {
                display: none;
                position: fixed;
                inset: 0;
                background: rgba(22, 22, 29, .55);
                backdrop-filter: blur(4px);
                z-index: 9999;
                align-items: center;
                justify-content: center;
                padding: 20px;
            }

            #pa-modal-overlay.pa-open {
                display: flex;
            }

            #pa-modal-box {
                background: #fff;
                border-radius: 20px;
                padding: 36px 32px 32px;
                width: 100%;
                max-width: 420px;
                box-shadow: 0 24px 60px rgba(22, 22, 29, .18);
                position: relative;
                animation: pqSlideIn .22s ease;
            }

            #pa-modal-close {
                position: absolute;
                top: 16px;
                right: 16px;
                width: 32px;
                height: 32px;
                border: none;
                background: var(--rv-surface-2);
                border-radius: 8px;
                cursor: pointer;
                display: grid;
                place-items: center;
                color: var(--rv-muted);
                transition: background .15s;
            }

            #pa-modal-close:hover {
                background: var(--rv-border);
            }

            #pa-modal-close svg {
                width: 15px;
                height: 15px;
            }

            .pa-modal-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                background: var(--rv-surface-4);
                border: 1px solid var(--rv-primary-pale);
                color: var(--rv-primary);
                font-size: .68rem;
                font-weight: 700;
                letter-spacing: .1em;
                text-transform: uppercase;
                padding: 4px 12px;
                border-radius: 99px;
                margin-bottom: 14px;
            }

            #pa-modal-box h3 {
                font-size: 1.2rem;
                font-weight: 800;
                color: var(--rv-ink);
                margin: 0 0 4px;
                letter-spacing: -.02em;
            }

            .pa-sub {
                font-size: .84rem;
                color: var(--rv-muted);
                margin: 0 0 20px;
                line-height: 1.5;
            }

            .pa-tabs {
                display: flex;
                background: var(--rv-surface-2);
                border-radius: 10px;
                padding: 3px;
                gap: 3px;
                margin-bottom: 18px;
            }

            .pa-tab {
                flex: 1;
                background: transparent;
                border: none;
                padding: 9px 0;
                font-size: .82rem;
                font-weight: 700;
                color: var(--rv-muted);
                cursor: pointer;
                border-radius: 8px;
                font-family: inherit;
                transition: all .18s ease;
            }

            .pa-tab.is-active {
                background: #fff;
                color: var(--rv-primary);
                box-shadow: 0 1px 4px rgba(22, 22, 29, .12);
            }

            .pa-google-btn {
                display: flex;
                justify-content: center;
                min-height: 40px;
                margin-bottom: 16px;
            }

            .pa-or {
                display: flex;
                align-items: center;
                text-align: center;
                color: var(--rv-muted);
                font-size: .74rem;
                font-weight: 600;
                margin: 0 0 16px;
            }

            .pa-or::before,
            .pa-or::after {
                content: '';
                flex: 1;
                height: 1px;
                background: var(--rv-border);
            }

            .pa-or span {
                padding: 0 10px;
            }

            .pa-form {
                display: flex;
                flex-direction: column;
            }

            .pa-submit-btn {
                width: 100%;
                padding: 13px;
                background: linear-gradient(135deg, var(--rv-primary), var(--rv-primary));
                color: #fff;
                border: none;
                border-radius: 12px;
                font-size: .9rem;
                font-weight: 700;
                cursor: pointer;
                font-family: inherit;
                margin-top: 6px;
                transition: opacity .15s;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
            }

            .pa-submit-btn:disabled {
                opacity: .6;
                cursor: not-allowed;
            }

            .pa-submit-btn svg {
                width: 16px;
                height: 16px;
            }

            .pa-switch {
                text-align: center;
                font-size: .8rem;
                color: var(--rv-muted);
                margin: 16px 0 0;
            }

            .pa-switch a {
                color: var(--rv-primary);
                font-weight: 600;
                text-decoration: none;
            }

            .pa-switch a:hover {
                text-decoration: underline;
            }

            .pa-error {
                color: var(--rv-danger);
                font-size: .8rem;
                margin-bottom: 4px;
                display: none;
            }

            .pa-error.pa-visible {
                display: block;
                margin-bottom: 12px;
            }

            [data-theme="dark"] #pa-modal-box {
                background: var(--rv-surface);
                border: 1px solid var(--rv-border);
            }

            [data-theme="dark"] #pa-modal-close {
                background: var(--rv-surface-3);
                color: var(--rv-muted);
            }

            [data-theme="dark"] #pa-modal-close:hover {
                background: var(--rv-border);
            }

            [data-theme="dark"] #pa-modal-box h3 {
                color: var(--rv-ink);
            }

            [data-theme="dark"] .pa-sub,
            [data-theme="dark"] .pa-switch {
                color: var(--rv-muted);
            }

            [data-theme="dark"] .pa-tabs {
                background: var(--rv-surface-2);
            }

            [data-theme="dark"] .pa-tab {
                color: var(--rv-muted);
            }

            [data-theme="dark"] .pa-tab.is-active {
                background: var(--rv-surface-3);
                color: var(--rv-primary);
            }

            [data-theme="dark"] .pa-or::before,
            [data-theme="dark"] .pa-or::after {
                background: var(--rv-border);
            }

            /* ── Enquiry modal ───────────────────────────────────────────────────── */
            #pq-modal-overlay {
                display: none;
                position: fixed;
                inset: 0;
                background: rgba(22, 22, 29, .55);
                backdrop-filter: blur(4px);
                z-index: 9999;
                align-items: center;
                justify-content: center;
                padding: 20px;
            }

            #pq-modal-overlay.pq-open {
                display: flex;
            }

            #pq-modal-box {
                background: #fff;
                border-radius: 20px;
                padding: 36px 32px 32px;
                width: 100%;
                max-width: 480px;
                box-shadow: 0 24px 60px rgba(22, 22, 29, .18);
                position: relative;
                animation: pqSlideIn .22s ease;
            }

            @keyframes pqSlideIn {
                from {
                    opacity: 0;
                    transform: translateY(18px) scale(.97);
                }

                to {
                    opacity: 1;
                    transform: none;
                }
            }

            #pq-modal-close {
                position: absolute;
                top: 16px;
                right: 16px;
                width: 32px;
                height: 32px;
                border: none;
                background: var(--rv-surface-2);
                border-radius: 8px;
                cursor: pointer;
                display: grid;
                place-items: center;
                color: var(--rv-muted);
                transition: background .15s;
            }

            #pq-modal-close:hover {
                background: var(--rv-border);
            }

            #pq-modal-close svg {
                width: 15px;
                height: 15px;
            }

            .pq-modal-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                background: var(--rv-surface-4);
                border: 1px solid var(--rv-primary-pale);
                color: var(--rv-primary);
                font-size: .68rem;
                font-weight: 700;
                letter-spacing: .1em;
                text-transform: uppercase;
                padding: 4px 12px;
                border-radius: 99px;
                margin-bottom: 14px;
            }

            #pq-modal-box h3 {
                font-size: 1.25rem;
                font-weight: 800;
                color: var(--rv-ink);
                margin: 0 0 4px;
                letter-spacing: -.02em;
            }

            #pq-modal-box p.pq-sub {
                font-size: .84rem;
                color: var(--rv-muted);
                margin: 0 0 24px;
            }

            .pq-field {
                margin-bottom: 16px;
            }

            .pq-field label {
                display: block;
                font-size: .78rem;
                font-weight: 600;
                color: var(--rv-body);
                margin-bottom: 6px;
            }

            .pq-field label span {
                color: var(--rv-danger);
                margin-left: 2px;
            }

            .pq-field input,
            .pq-field textarea,
            .pq-field select {
                width: 100%;
                padding: 10px 14px;
                border: 1.5px solid var(--rv-border);
                border-radius: 10px;
                font-size: .875rem;
                color: var(--rv-ink);
                font-family: inherit;
                background: var(--rv-surface-2);
                transition: border-color .15s, box-shadow .15s;
                outline: none;
                box-sizing: border-box;
            }

            .pq-field input:focus,
            .pq-field textarea:focus,
            .pq-field select:focus {
                border-color: var(--rv-primary);
                box-shadow: 0 0 0 3px rgba(109, 92, 230, .1);
                background: #fff;
            }

            .pq-field textarea {
                resize: vertical;
                min-height: 88px;
            }

            .pq-field-row {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 14px;
            }

            #pq-submit-btn {
                width: 100%;
                padding: 13px;
                background: linear-gradient(135deg, var(--rv-primary), var(--rv-primary));
                color: #fff;
                border: none;
                border-radius: 12px;
                font-size: .9rem;
                font-weight: 700;
                cursor: pointer;
                font-family: inherit;
                margin-top: 8px;
                transition: opacity .15s;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
            }

            #pq-submit-btn:disabled {
                opacity: .6;
                cursor: not-allowed;
            }

            #pq-submit-btn svg {
                width: 16px;
                height: 16px;
            }

            .pq-error {
                color: var(--rv-danger);
                font-size: .78rem;
                margin-top: 4px;
            }

            #pq-success-msg {
                display: none;
                text-align: center;
                padding: 8px 0 4px;
            }

            #pq-success-msg svg {
                width: 52px;
                height: 52px;
                color: var(--rv-success-deep);
                margin-bottom: 14px;
            }

            #pq-success-msg h4 {
                font-size: 1.1rem;
                font-weight: 800;
                color: var(--rv-ink);
                margin: 0 0 8px;
            }

            #pq-success-msg p {
                font-size: .875rem;
                color: var(--rv-muted);
                margin: 0;
            }

            [data-theme="dark"] #pq-modal-box {
                background: var(--rv-surface);
                border: 1px solid var(--rv-border);
            }

            [data-theme="dark"] #pq-modal-close {
                background: var(--rv-surface-3);
                color: var(--rv-muted);
            }

            [data-theme="dark"] #pq-modal-close:hover {
                background: var(--rv-border);
            }

            [data-theme="dark"] #pq-modal-box h3,
            [data-theme="dark"] #pq-success-msg h4 {
                color: var(--rv-ink);
            }

            [data-theme="dark"] .pq-field label {
                color: var(--rv-body);
            }

            [data-theme="dark"] .pq-field input,
            [data-theme="dark"] .pq-field textarea,
            [data-theme="dark"] .pq-field select {
                background: var(--rv-surface-2);
                border-color: var(--rv-border);
                color: var(--rv-ink);
            }

            [data-theme="dark"] .pq-field input:focus,
            [data-theme="dark"] .pq-field textarea:focus,
            [data-theme="dark"] .pq-field select:focus {
                border-color: var(--rv-primary);
                box-shadow: 0 0 0 3px rgba(109, 92, 230, .12);
                background: var(--rv-surface-2);
            }

            /* ── Responsive ──────────────────────────────────────────────────────── */
            @media (max-width: 860px) {
                .pr-grid {
                    grid-template-columns: 1fr;
                    max-width: 400px;
                }

                .pr-card.is-pro {
                    transform: none;
                }

                .pr-card.is-pro:hover {
                    transform: translateY(-3px);
                }
            }

            @media (max-width: 600px) {
                .pr-hero {
                    padding: 56px 20px 0;
                }

                .pr-section {
                    padding: 0 16px 64px;
                }

                .pr-trust {
                    gap: 16px;
                    padding-bottom: 56px;
                }

                .pr-faq {
                    padding: 0 16px 80px;
                }
            }

            /* ── Visibility (tab switching) ──────────────────────────────────────── */
            .pr-card[data-period="monthly"],
            .pr-card[data-period="free"] {
                display: none;
            }

            /* ════════════ DARK MODE ════════════ */
            [data-theme="dark"] .pr-page {
                background: var(--rv-page);
            }

            [data-theme="dark"] .pr-hero h1,
            [data-theme="dark"] .pr-faq-head h2,
            [data-theme="dark"] .pr-faq-q {
                color: var(--rv-ink);
            }

            [data-theme="dark"] .pr-hero-sub,
            [data-theme="dark"] .pr-faq-head p,
            [data-theme="dark"] .pr-faq-a,
            [data-theme="dark"] .pr-trust-item {
                color: var(--rv-muted);
            }

            [data-theme="dark"] .pr-toggle {
                background: var(--rv-surface-3);
                border-color: var(--rv-border);
            }

            [data-theme="dark"] .pr-tab {
                color: var(--rv-muted);
            }

            [data-theme="dark"] .pr-eyebrow {
                background: var(--rv-surface-2);
                border-color: var(--rv-primary-pale);
                color: var(--rv-primary);
            }

            [data-theme="dark"] .pr-card:not(.is-pro) {
                background: var(--rv-surface);
                border-color: var(--rv-border);
            }

            [data-theme="dark"] .pr-card:not(.is-pro):hover {
                box-shadow: 0 12px 36px rgba(0, 0, 0, .5);
            }

            [data-theme="dark"] .pr-plan-name {
                color: var(--rv-ink);
            }

            [data-theme="dark"] .pr-plan-tag,
            [data-theme="dark"] .pr-period,
            [data-theme="dark"] .pr-price-sub {
                color: var(--rv-ink);
            }

            [data-theme="dark"] .pr-currency,
            [data-theme="dark"] .pr-amount {
                color: var(--rv-ink);
            }

            [data-theme="dark"] .pr-sep {
                background: var(--rv-border);
            }

            [data-theme="dark"] .pr-feat {
                color: var(--rv-body);
            }

            [data-theme="dark"] .pr-check {
                background: var(--rv-surface-2);
            }

            [data-theme="dark"] .pr-cta-outline {
                color: var(--rv-primary);
                border-color: var(--rv-primary-pale);
            }

            [data-theme="dark"] .pr-cta-outline:hover {
                background: var(--rv-surface-2);
                border-color: var(--rv-primary);
                color: var(--rv-primary);
            }

            [data-theme="dark"] .pr-faq-item {
                border-bottom-color: var(--rv-surface-3);
            }

            [data-theme="dark"] .pr-faq-item:first-of-type {
                border-top-color: var(--rv-surface-3);
            }

            [data-theme="dark"] .pr-faq-icon {
                background: var(--rv-surface-3);
                border-color: var(--rv-border);
            }

            [data-theme="dark"] .pr-faq-icon svg {
                color: var(--rv-muted);
            }

            [data-theme="dark"] .pr-faq-item.open .pr-faq-icon {
                background: var(--rv-surface-2);
                border-color: var(--rv-primary-pale);
            }

            /* ── Standard slider + 3-plan grid (2026-09-10) ── */
            .pr-hero-note { margin: 10px auto 0; max-width: 560px; font-size: .92rem; color: var(--rv-muted); line-height: 1.6; }
            .pr-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; margin-top: 34px; }
            @media (max-width: 980px) { .pr-grid--three { grid-template-columns: 1fr; } }
            .pr-slider { margin: 14px 0 6px; }
            .pr-slider input[type=range] { width: 100%; accent-color: var(--rv-primary); cursor: pointer; }
            .pr-amount--text { font-size: 2rem; }
            .pr-cta[disabled] { cursor: default; }
        
        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }
    

            /* ── TEMPORARY: payment provider outage banner (owner, 2026-09-23) ──
               Paired with the .pr-notice block in pricing.blade.php — delete
               both when payments are back. Deliberately loud: people are about
               to spend money on a checkout that cannot complete. */
            .pr-notice {
                display: flex;
                align-items: center;
                gap: 16px;
                max-width: 1000px;
                margin: 26px auto 0;
                padding: 18px 22px;
                border-radius: 18px;
                background: linear-gradient(120deg, #b42318, #d92d20 60%, #dc6803);
                border: 1px solid rgba(255, 255, 255, .18);
                box-shadow: 0 10px 30px -12px rgba(180, 35, 24, .55);
                color: #fff;
            }

            .pr-notice__ico {
                display: inline-flex;
                flex-shrink: 0;
                width: 44px;
                height: 44px;
                border-radius: 14px;
                align-items: center;
                justify-content: center;
                background: rgba(255, 255, 255, .16);
                animation: pr-notice-pulse 1.8s ease-in-out infinite;
            }

            .pr-notice__ico svg {
                width: 24px;
                height: 24px;
            }

            @keyframes pr-notice-pulse {
                50% { background: rgba(255, 255, 255, .34); }
            }

            .pr-notice__text {
                display: flex;
                flex-direction: column;
                gap: 3px;
                flex: 1;
                min-width: 0;
            }

            .pr-notice__lead {
                font-size: 1.12rem;
                font-weight: 800;
                letter-spacing: -.01em;
                line-height: 1.25;
            }

            .pr-notice__sub {
                font-size: .92rem;
                line-height: 1.45;
                color: rgba(255, 255, 255, .88);
            }

            a.pr-notice__cta {
                flex-shrink: 0;
                display: inline-flex;
                align-items: center;
                gap: 7px;
                padding: 12px 20px;
                border-radius: 999px;
                background: #fff;
                color: #b42318;
                font-size: .95rem;
                font-weight: 800;
                text-decoration: none;
                white-space: nowrap;
                box-shadow: 0 4px 14px -6px rgba(0, 0, 0, .45);
            }

            a.pr-notice__cta:hover {
                color: #8a1b12;
                text-decoration: none;
                transform: translateY(-1px);
            }

            [data-theme="dark"] .pr-notice {
                border-color: rgba(255, 255, 255, .14);
            }

            @media (max-width: 720px) {
                .pr-notice {
                    margin: 16px 14px 0;
                    padding: 16px;
                    flex-wrap: wrap;
                    gap: 12px;
                }

                .pr-notice__text {
                    flex: 1 1 calc(100% - 60px);
                }

                .pr-notice__lead {
                    font-size: 1.02rem;
                }

                a.pr-notice__cta {
                    width: 100%;
                    justify-content: center;
                }
            }