/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-tmopy668it] {
    display: flex;
    min-height: 100vh;
}

.sidebar[b-tmopy668it] {
    width: 280px;
    flex-shrink: 0;
}

main[b-tmopy668it] {
    flex: 1;
    overflow-x: auto;
}

.top-row[b-tmopy668it] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.app-sidebar[b-9qkkwgv1yd] {
    width: 280px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--bi-sidebar-bg);
    border-right: 1px solid var(--bi-border);
    color: var(--bi-text);
    position: sticky;
    top: 0;
}

    .app-sidebar a[b-9qkkwgv1yd], .app-sidebar a:hover[b-9qkkwgv1yd] {
        text-decoration: none;
    }

.sidebar-brand[b-9qkkwgv1yd] {
    height: 88px;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 0 1.5rem;
}

.brand-icon[b-9qkkwgv1yd] {
    width: 38px;
    height: 38px;
    border: 1px solid var(--bi-primary);
    border-radius: .65rem;
    display: grid;
    place-items: center;
    font-weight: 700;
    color: var(--bi-text);
    background: var(--bi-primary-soft);
    box-shadow: var(--bi-glow-primary);
    font-size: 1.25rem;
}

.brand-name[b-9qkkwgv1yd] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--bi-text);
}

    .brand-name span[b-9qkkwgv1yd] {
        color: var(--bs-link-color) !important;
        font-weight: 500;
    }

.sidebar-nav[b-9qkkwgv1yd] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .75rem 1.25rem;
}

[b-9qkkwgv1yd] .sidebar-link {
    display: flex;
    align-items: center;
    gap: .9rem;
    min-height: 44px;
    padding: .65rem .9rem;
    color: var(--bi-text-muted);
    text-decoration: none;
    border-radius: .55rem;
    transition: background-color .2s ease,color .2s ease,box-shadow .2s ease;
}

    [b-9qkkwgv1yd] .sidebar-link:hover {
        color: var(--bi-text);
        background: var(--bi-sidebar-hover);
    }

    [b-9qkkwgv1yd] .sidebar-link.active {
        color: #fff;
        background: var(--bi-sidebar-active);
        box-shadow: var(--bi-glow-primary);
    }

.sidebar-icon[b-9qkkwgv1yd] {
    width: 22px;
    height: 22px;
    text-align: center;
    opacity: .9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
}

.sidebar-plan-card[b-9qkkwgv1yd] {
    margin: auto 1.25rem 1.25rem;
    padding: 1rem;
    border: 1px solid var(--bi-border);
    border-radius: .75rem;
    background: var(--bi-card);
    box-shadow: var(--bi-shadow-sm);
}

.plan-title[b-9qkkwgv1yd] {
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.plan-credits[b-9qkkwgv1yd] {
    margin-top: .75rem;
    font-size: .9rem;
}

.sidebar-progress[b-9qkkwgv1yd] {
    height: 6px;
    margin-top: .75rem;
    background: var(--bi-surface-elevated);
}

    .sidebar-progress .progress-bar[b-9qkkwgv1yd] {
        background: var(--bi-gradient-primary);
    }

.plan-reset[b-9qkkwgv1yd] {
    margin-top: .65rem;
    font-size: .8rem;
    color: var(--bi-text-muted);
}

.sidebar-plan-card .btn[b-9qkkwgv1yd] {
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.4rem 0.75rem;
}

    .sidebar-plan-card .btn-primary[b-9qkkwgv1yd] {
        background: var(--bi-gradient-primary);
        border: 0;
    }

        .sidebar-plan-card .btn-primary:hover[b-9qkkwgv1yd] {
            background: var(--bi-gradient-primary);
            filter: brightness(1.1);
        }

.sidebar-footer[b-9qkkwgv1yd] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: 0 1.25rem 1rem;
}

.sidebar-user-container[b-9qkkwgv1yd] {
    position: relative;
}

.sidebar-user[b-9qkkwgv1yd] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--bi-border);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .sidebar-user:hover[b-9qkkwgv1yd] {
        background: var(--bi-sidebar-hover);
    }

.sidebar-user-menu[b-9qkkwgv1yd] {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background: var(--bi-sidebar-bg);
    border-top: 1px solid var(--bi-border);
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .75rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.sidebar-user-container:hover .sidebar-user-menu[b-9qkkwgv1yd] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sidebar-user-container:hover .sidebar-user-button i[b-9qkkwgv1yd] {
    transform: rotate(180deg);
}

.sidebar-avatar[b-9qkkwgv1yd] {
    font-size: 24px;
    color: var(--bi-primary);
}

.sidebar-user-info[b-9qkkwgv1yd] {
    min-width: 0;
    flex: 1;
}

.sidebar-user-name[b-9qkkwgv1yd] {
    font-size: .9rem;
    font-weight: 600;
}

.sidebar-user-email[b-9qkkwgv1yd] {
    font-size: .75rem;
    color: var(--bi-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-user-button[b-9qkkwgv1yd] {
    color: var(--bi-text-muted);
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s ease;
}

    .sidebar-user-button:hover[b-9qkkwgv1yd] {
        color: var(--bi-text);
    }

    .sidebar-user-button i[b-9qkkwgv1yd] {
        transition: transform 0.3s ease;
    }
/* /Layout/PublicLayout.razor.rz.scp.css */
.public-layout[b-58d5q1fmfm] {
    min-height: 100vh;
}

.public-header[b-58d5q1fmfm] {
    z-index: 1030;
}

.public-navbar[b-58d5q1fmfm] {
    padding: 1rem 0;
    background: color-mix(in srgb, var(--bi-navbar-bg) 92%, transparent);
    border-bottom: 1px solid var(--bi-navbar-border);
    backdrop-filter: blur(16px);
}

.public-brand[b-58d5q1fmfm] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    color: var(--bi-text);
    text-decoration: none;
}

.public-brand:hover[b-58d5q1fmfm] {
    color: var(--bi-text);
}

.public-brand-icon[b-58d5q1fmfm] {
    width: 38px;
    height: 38px;
    border: 1px solid var(--bi-primary);
    border-radius: .65rem;
    display: grid;
    place-items: center;
    font-weight: 700;
    color: var(--bi-text);
    background: var(--bi-primary-soft);
    box-shadow: var(--bi-glow-primary);
    font-size: 1.25rem;
}

.public-brand-name[b-58d5q1fmfm] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--bi-text);
}

.public-brand-name span[b-58d5q1fmfm] {
    color: var(--bs-link-color);
    font-weight: 500;
}

.public-navbar-toggler[b-58d5q1fmfm] {
    border-color: var(--bi-border);
    background: var(--bi-card);
}

.public-nav-link[b-58d5q1fmfm] {
    color: var(--bi-text-muted);
    font-weight: 500;
    padding: .65rem .9rem;
}

.public-nav-link:hover[b-58d5q1fmfm],
.public-nav-link.active[b-58d5q1fmfm] {
    color: var(--bi-text);
    background: var(--bi-primary-soft);
}

.public-cta[b-58d5q1fmfm] {
    min-width: 8.5rem;
}

.public-main[b-58d5q1fmfm] {
    min-height: calc(100vh - 74px);
}

@media (max-width: 991.98px) {
    .public-navbar .navbar-collapse[b-58d5q1fmfm] {
        margin-top: 1rem;
        padding: 1rem;
        border: 1px solid var(--bi-border);
        border-radius: 1rem;
        background: var(--bi-card);
        box-shadow: var(--bi-shadow);
    }

    .public-navbar .navbar-nav[b-58d5q1fmfm] {
        align-items: stretch !important;
    }

    .public-cta[b-58d5q1fmfm] {
        width: 100%;
    }
}
/* /Pages/Account.razor.rz.scp.css */
/* Account Page Styles - BrandtInsights */

.account-page[b-uawzxwcw53] {
    background: var(--bi-bg);
    color: var(--bi-text);
    min-height: 100vh;
}

/* ── Header ── */
.account-header h1[b-uawzxwcw53] {
    color: var(--bi-text);
    font-weight: 700;
}

.account-header p[b-uawzxwcw53] {
    color: var(--bi-text-muted);
}

/* ── Loading State ── */
.loading-container[b-uawzxwcw53] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
}

/* ── Account Cards ── */
.account-card[b-uawzxwcw53] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)), var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    box-shadow: var(--bi-shadow);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 100%;
}

.account-card:hover[b-uawzxwcw53] {
    transform: translateY(-2px);
    box-shadow: var(--bi-shadow-lg);
}

.account-card-header[b-uawzxwcw53] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem 1.5rem 1rem;
    border-bottom: 1px solid var(--bi-border);
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.04), transparent);
}

.account-card-header i[b-uawzxwcw53] {
    font-size: 1.5rem;
    color: var(--bi-primary);
}

.account-card-header h3[b-uawzxwcw53] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--bi-text);
}

.account-card-body[b-uawzxwcw53] {
    padding: 1.5rem;
}

/* ── Icon Action Buttons ── */
.btn-icon-action[b-uawzxwcw53] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--bi-border);
    border-radius: 0.5rem;
    color: var(--bi-text-muted);
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
}

.btn-icon-action:hover[b-uawzxwcw53] {
    background: var(--bi-primary-soft);
    border-color: var(--bi-primary);
    color: var(--bi-primary);
    transform: scale(1.05);
}

.btn-icon-action:active[b-uawzxwcw53] {
    transform: scale(0.98);
}

.btn-icon-action i[b-uawzxwcw53] {
    font-size: 0.875rem;
    color: inherit;
}

.btn-icon-danger[b-uawzxwcw53] {
    border-color: rgba(239, 68, 68, 0.3);
}

.btn-icon-danger:hover[b-uawzxwcw53] {
    background: var(--bi-danger-bg);
    border-color: var(--bi-danger);
    color: var(--bi-danger);
}

/* ── Profile Items ── */
.profile-item[b-uawzxwcw53] {
    padding: 1rem 0;
    border-bottom: 1px solid var(--bi-border);
}

.profile-item:last-child[b-uawzxwcw53] {
    border-bottom: none;
    padding-bottom: 0;
}

.profile-item label[b-uawzxwcw53] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--bi-text-muted);
    margin-bottom: 0.375rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.profile-item p[b-uawzxwcw53] {
    margin: 0;
    font-size: 1rem;
    color: var(--bi-text);
    font-weight: 500;
}

/* ── Plan Badge ── */
.plan-badge[b-uawzxwcw53] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.875rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: capitalize;
}

.plan-badge-free[b-uawzxwcw53] {
    background: var(--bi-surface-elevated);
    color: var(--bi-text-muted);
    border: 1px solid var(--bi-border);
}

.plan-badge-pro[b-uawzxwcw53] {
    background: var(--bi-gradient-primary);
    color: white;
    box-shadow: var(--bi-glow-primary);
}

/* ── Status Badge ── */
.status-badge[b-uawzxwcw53] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: capitalize;
}

.status-badge.status-active[b-uawzxwcw53] {
    background: var(--bi-success-bg);
    color: var(--bi-success);
}

.status-badge.status-canceled[b-uawzxwcw53],
.status-badge.status-expired[b-uawzxwcw53] {
    background: var(--bi-danger-bg);
    color: var(--bi-danger);
}

.status-badge.status-pastdue[b-uawzxwcw53] {
    background: var(--bi-warning-bg);
    color: var(--bi-warning);
}

/* ── Credits Display ── */
.credits-display[b-uawzxwcw53] {
    font-size: 1.125rem;
}

.credits-display strong[b-uawzxwcw53] {
    color: var(--bi-primary);
    font-size: 1.5rem;
}

/* ── Usage Stats ── */
.usage-stat[b-uawzxwcw53] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--bi-surface-elevated);
    border: 1px solid var(--bi-border);
    border-radius: 0.75rem;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.usage-stat:hover[b-uawzxwcw53] {
    background: var(--bi-card-hover);
    border-color: var(--bi-primary);
}

.usage-icon[b-uawzxwcw53] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bi-primary-soft);
    border-radius: 0.5rem;
}

.usage-icon i[b-uawzxwcw53] {
    font-size: 1.25rem;
    color: var(--bi-primary);
}

.usage-content[b-uawzxwcw53] {
    flex: 1;
    min-width: 0;
}

.usage-content label[b-uawzxwcw53] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--bi-text-muted);
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.usage-content p[b-uawzxwcw53] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--bi-text);
    line-height: 1.2;
}

.usage-content p .text-muted[b-uawzxwcw53] {
    font-size: 1rem;
    font-weight: 500;
}

/* ── Security Items ── */
.security-item[b-uawzxwcw53] {
    padding: 1rem 0;
    border-bottom: 1px solid var(--bi-border);
}

.security-item:last-child[b-uawzxwcw53] {
    border-bottom: none;
    padding-bottom: 0;
}

.security-item label[b-uawzxwcw53] {
    display: block;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--bi-text);
    margin-bottom: 0.25rem;
}

/* ── Billing Info ── */
.billing-info p[b-uawzxwcw53] {
    font-size: 0.9375rem;
}

/* ── Responsive Adjustments ── */
@media (max-width: 1199px) {
    .usage-content p[b-uawzxwcw53] {
        font-size: 1.25rem;
    }
}

@media (max-width: 767px) {
    .account-card-header[b-uawzxwcw53] {
        padding: 1.25rem 1.25rem 0.875rem;
    }

    .account-card-body[b-uawzxwcw53] {
        padding: 1.25rem;
    }

    .usage-stat[b-uawzxwcw53] {
        padding: 1rem;
    }

    .usage-icon[b-uawzxwcw53] {
        width: 2rem;
        height: 2rem;
    }

    .usage-icon i[b-uawzxwcw53] {
        font-size: 1rem;
    }

    .usage-content p[b-uawzxwcw53] {
        font-size: 1.25rem;
    }

    .credits-display strong[b-uawzxwcw53] {
        font-size: 1.25rem;
    }
}

/* ── Button Overrides ── */
.account-card .btn-primary[b-uawzxwcw53] {
    background: var(--bi-gradient-primary);
    border: none;
    box-shadow: var(--bi-glow-primary);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.account-card .btn-primary:hover[b-uawzxwcw53] {
    transform: translateY(-1px);
    box-shadow: 0 0 30px var(--bi-primary-glow);
}

.account-card .btn-outline-secondary[b-uawzxwcw53] {
    border-color: var(--bi-border);
    color: var(--bi-text-muted);
    transition: all 0.2s ease;
}

.account-card .btn-outline-secondary:hover:not(:disabled)[b-uawzxwcw53] {
    background: var(--bi-surface-elevated);
    border-color: var(--bi-primary);
    color: var(--bi-text);
}

.account-card .btn-outline-danger[b-uawzxwcw53] {
    border-color: var(--bi-danger);
    color: var(--bi-danger);
    /*transition: all 0.2s ease;*/
}

    .account-card .btn-outline-danger i[b-uawzxwcw53] {
        color: var(--bi-danger);
    }

    .account-card .btn-outline-danger:hover:not(:disabled)[b-uawzxwcw53], .btn-outline-danger:hover:not(:disabled) > i[b-uawzxwcw53] {
        background: var(--bi-danger);
        border-color: var(--bi-danger);
        color: white;
    }

/* ── Light Theme Adjustments ── */
[data-bs-theme="light"] .account-card[b-uawzxwcw53] {
    box-shadow: var(--bi-shadow-sm);
}

[data-bs-theme="light"] .account-card:hover[b-uawzxwcw53] {
    box-shadow: var(--bi-shadow);
}

[data-bs-theme="light"] .usage-stat[b-uawzxwcw53] {
    background: var(--bi-surface);
}

[data-bs-theme="light"] .usage-stat:hover[b-uawzxwcw53] {
    background: var(--bi-surface-elevated);
}

/* ── Danger Zone ── */
.account-card-danger[b-uawzxwcw53] {
    border-color: var(--bi-danger);
}

.account-card-danger .account-card-header[b-uawzxwcw53] {
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.08), transparent);
}

.account-card-danger .account-card-header i[b-uawzxwcw53] {
    color: var(--bi-danger);
}

/* ── Modals ── */
.modal[b-uawzxwcw53] {
    display: block;
    background: var(--bi-overlay);
}

.modal-content[b-uawzxwcw53] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    box-shadow: var(--bi-shadow-lg);
    color: var(--bi-text);
}

.modal-header[b-uawzxwcw53] {
    border-bottom: 1px solid var(--bi-border);
}

.modal-title[b-uawzxwcw53] {
    color: var(--bi-text);
    font-weight: 600;
}

.modal-footer[b-uawzxwcw53] {
    border-top: 1px solid var(--bi-border);
}

.modal-header.bg-danger[b-uawzxwcw53] {
    background: var(--bi-danger) !important;
    color: white !important;
}

.modal-header.bg-danger .modal-title[b-uawzxwcw53] {
    color: white !important;
}

.form-label[b-uawzxwcw53] {
    color: var(--bi-text);
    font-weight: 500;
    font-size: 0.9375rem;
    margin-bottom: 0.5rem;
}

.form-control[b-uawzxwcw53] {
    background: var(--bi-input-bg);
    border: 1px solid var(--bi-input-border);
    color: var(--bi-text);
    padding: 0.625rem 1rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

.form-control:focus[b-uawzxwcw53] {
    background: var(--bi-input-bg);
    border-color: var(--bi-primary);
    box-shadow: 0 0 0 3px var(--bi-input-focus);
    color: var(--bi-text);
}

.form-control[b-uawzxwcw53]::placeholder {
    color: var(--bi-text-soft);
}

.form-check-input[b-uawzxwcw53] {
    background-color: var(--bi-input-bg);
    border-color: var(--bi-input-border);
}

.form-check-input:checked[b-uawzxwcw53] {
    background-color: var(--bi-primary);
    border-color: var(--bi-primary);
}

.form-check-label[b-uawzxwcw53] {
    color: var(--bi-text);
}

.btn-close[b-uawzxwcw53] {
    filter: invert(1) grayscale(100%) brightness(200%);
}

[data-bs-theme="light"] .btn-close[b-uawzxwcw53] {
    filter: none;
}

.account-card-header .d-flex[b-uawzxwcw53] {
    width: 100%;
}
/* /Pages/Home.razor.rz.scp.css */
/* Landing Page Styles - BrandtInsights */

.landing-page[b-mlpx6l4j4s] {
    background: var(--bi-bg);
    color: var(--bi-text);
    margin: -1.1rem -1rem 0 -1rem;
    width: calc(100% + 2rem);
}

/* Hero Section */
.hero-section[b-mlpx6l4j4s] {
    min-height: 70vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    background: radial-gradient(ellipse at top, rgba(124, 58, 237, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at bottom right, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
                var(--bi-bg);
    padding: 4rem 1rem;
}

.hero-content[b-mlpx6l4j4s] {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.hero-badges[b-mlpx6l4j4s] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.trust-badge[b-mlpx6l4j4s] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 2rem;
    font-size: 0.875rem;
    color: var(--bi-text-muted);
    backdrop-filter: blur(10px);
}

.trust-badge .bi[b-mlpx6l4j4s] {
    width: 1rem;
    height: 1rem;
    color: var(--bi-primary);
}

.hero-title[b-mlpx6l4j4s] {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, var(--bi-text) 0%, var(--bi-text-muted) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-subtitle[b-mlpx6l4j4s] {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--bi-text-muted);
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto 2.5rem;
}

.hero-cta[b-mlpx6l4j4s] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.hero-cta .btn[b-mlpx6l4j4s] {
    padding: 0.875rem 2rem;
    font-size: 1.125rem;
    font-weight: 600;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
}

.hero-cta .btn-primary[b-mlpx6l4j4s] {
    background: var(--bi-gradient-primary);
    border: none;
    box-shadow: var(--bi-glow-primary);
}

.hero-cta .btn-primary:hover[b-mlpx6l4j4s] {
    transform: translateY(-2px);
    box-shadow: 0 0 40px rgba(124, 58, 237, 0.5);
}

.hero-cta .btn-outline-light[b-mlpx6l4j4s] {
    border: 1px solid var(--bi-border-strong);
    background: var(--bi-card);
    color: var(--bi-text);
    backdrop-filter: blur(10px);
}

.hero-cta .btn-outline-light:hover[b-mlpx6l4j4s] {
    background: var(--bi-card-hover);
    border-color: var(--bi-primary);
    color: var(--bi-text);
}

/* Dashboard Preview Section */
.dashboard-preview[b-mlpx6l4j4s] {
    padding: 6rem 1rem;
    background: var(--bi-surface);
    position: relative;
}

.preview-header[b-mlpx6l4j4s] {
    text-align: center;
    margin-bottom: 2rem;
}

.section-label[b-mlpx6l4j4s] {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: var(--bi-primary-soft);
    color: var(--bi-primary);
    border-radius: 2rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.dashboard-preview h2[b-mlpx6l4j4s],
.section-header h2[b-mlpx6l4j4s] {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--bi-text);
}

.dashboard-preview p[b-mlpx6l4j4s],
.section-header p[b-mlpx6l4j4s] {
    font-size: 1.125rem;
    color: var(--bi-text-muted);
    max-width: 600px;
    margin: 0 auto;
}

.dashboard-mockup[b-mlpx6l4j4s] {
    max-width: 1400px;
    margin: 0 auto;
}

/* Stock Cards */
.stock-card[b-mlpx6l4j4s] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    padding: 1.5rem;
    height: 100%;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.stock-card:hover[b-mlpx6l4j4s] {
    transform: translateY(-4px);
    border-color: var(--bi-primary);
    box-shadow: var(--bi-shadow);
}

.stock-header[b-mlpx6l4j4s] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.stock-symbol[b-mlpx6l4j4s] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--bi-text);
}

.stock-name[b-mlpx6l4j4s] {
    font-size: 0.875rem;
    color: var(--bi-text-muted);
    margin-top: 0.25rem;
}

.stock-change[b-mlpx6l4j4s] {
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.25rem 0.625rem;
    border-radius: 0.5rem;
}

.stock-change.positive[b-mlpx6l4j4s] {
    background: var(--bi-success-bg);
    color: var(--bi-success);
}

.stock-change.negative[b-mlpx6l4j4s] {
    background: var(--bi-danger-bg);
    color: var(--bi-danger);
}

.stock-price[b-mlpx6l4j4s] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--bi-text);
    margin-bottom: 1rem;
}

.stock-sparkline[b-mlpx6l4j4s] {
    height: 40px;
    background: linear-gradient(90deg, 
        var(--bi-primary) 0%, 
        var(--bi-primary-hover) 50%, 
        var(--bi-primary) 100%);
    opacity: 0.2;
    border-radius: 0.5rem;
    position: relative;
    overflow: hidden;
}

.stock-sparkline[b-mlpx6l4j4s]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.3) 50%, 
        transparent 100%);
    animation: shimmer-b-mlpx6l4j4s 2s infinite;
}

@keyframes shimmer-b-mlpx6l4j4s {
    to {
        left: 100%;
    }
}

/* Insight Card */
.insight-card[b-mlpx6l4j4s] {
    background: linear-gradient(135deg, 
        rgba(124, 58, 237, 0.1) 0%, 
        rgba(124, 58, 237, 0.05) 100%);
    border: 1px solid rgba(124, 58, 237, 0.3);
    border-radius: 1rem;
    padding: 2rem;
    height: 100%;
    backdrop-filter: blur(10px);
}

.insight-header[b-mlpx6l4j4s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.insight-icon[b-mlpx6l4j4s] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--bi-primary);
}

.insight-header h3[b-mlpx6l4j4s] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
    color: var(--bi-text);
}

.insight-text[b-mlpx6l4j4s] {
    color: var(--bi-text-muted);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.insight-tags[b-mlpx6l4j4s] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.tag[b-mlpx6l4j4s] {
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
}

.tag-success[b-mlpx6l4j4s] {
    background: var(--bi-success-bg);
    color: var(--bi-success);
}

.tag-info[b-mlpx6l4j4s] {
    background: rgba(59, 130, 246, 0.15);
    color: var(--bi-info);
}

/* Sentiment Card */
.sentiment-card[b-mlpx6l4j4s] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    padding: 1.5rem;
    height: 100%;
    text-align: center;
    backdrop-filter: blur(10px);
}

.sentiment-header[b-mlpx6l4j4s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.sentiment-icon[b-mlpx6l4j4s] {
    width: 2rem;
    height: 2rem;
    color: var(--bi-info);
    font-size: 2rem;
}

.sentiment-header h3[b-mlpx6l4j4s] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    color: var(--bi-text);
}

.sentiment-score[b-mlpx6l4j4s] {
    font-size: 3rem;
    font-weight: 700;
    color: var(--bi-success);
    line-height: 1;
    margin-bottom: 0.5rem;
}

.sentiment-label[b-mlpx6l4j4s] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--bi-success);
    margin-bottom: 1rem;
}

.sentiment-bar[b-mlpx6l4j4s] {
    width: 100%;
    height: 0.5rem;
    background: var(--bi-surface);
    border-radius: 0.25rem;
    overflow: hidden;
    margin-bottom: 1rem;
}

.sentiment-fill[b-mlpx6l4j4s] {
    height: 100%;
    background: var(--bi-gradient-primary);
    border-radius: 0.25rem;
    transition: width 1s ease;
}

.sentiment-sources[b-mlpx6l4j4s] {
    font-size: 0.8125rem;
    color: var(--bi-text-muted);
}

/* Risk Card */
.risk-card[b-mlpx6l4j4s] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    padding: 1.5rem;
    height: 100%;
    backdrop-filter: blur(10px);
}

.risk-header[b-mlpx6l4j4s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.risk-icon[b-mlpx6l4j4s] {
    width: 2rem;
    height: 2rem;
    color: var(--bi-warning);
    font-size: 2rem;
}

.risk-header h3[b-mlpx6l4j4s] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    color: var(--bi-text);
    text-align: center;
}

.risk-level[b-mlpx6l4j4s] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--bi-success);
    text-align: center;
    margin-bottom: 1.5rem;
}

.risk-factors[b-mlpx6l4j4s] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.risk-factor[b-mlpx6l4j4s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: var(--bi-text-muted);
}

.risk-dot[b-mlpx6l4j4s] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
}

.risk-dot.risk-low[b-mlpx6l4j4s] {
    background: var(--bi-success);
}

.risk-dot.risk-medium[b-mlpx6l4j4s] {
    background: var(--bi-warning);
}

.risk-dot.risk-high[b-mlpx6l4j4s] {
    background: var(--bi-danger);
}

/* Problem Section */
.problem-section[b-mlpx6l4j4s] {
    padding: 6rem 1rem;
    background: var(--bi-bg);
}

.problem-card[b-mlpx6l4j4s] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    padding: 2rem;
    height: 100%;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.problem-card:hover[b-mlpx6l4j4s] {
    transform: translateY(-4px);
    border-color: var(--bi-danger);
    box-shadow: var(--bi-shadow);
}

.problem-icon[b-mlpx6l4j4s] {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.5rem;
    color: var(--bi-danger);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.problem-icon svg[b-mlpx6l4j4s] {
    width: 100%;
    height: 100%;
}

.problem-icon .bi[b-mlpx6l4j4s] {
    font-size: 2rem;
}

.problem-card h3[b-mlpx6l4j4s] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--bi-text);
}

.problem-card p[b-mlpx6l4j4s] {
    color: var(--bi-text-muted);
    line-height: 1.6;
    margin: 0;
}

/* Solution Section */
.solution-section[b-mlpx6l4j4s] {
    padding: 6rem 1rem;
    background: var(--bi-surface);
}

.solution-card[b-mlpx6l4j4s] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    padding: 2rem;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.solution-card:hover[b-mlpx6l4j4s] {
    transform: translateY(-4px);
    border-color: var(--bi-primary);
    box-shadow: var(--bi-shadow);
}

.solution-card[b-mlpx6l4j4s]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--bi-gradient-primary);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.solution-card:hover[b-mlpx6l4j4s]::before {
    opacity: 1;
}

.solution-number[b-mlpx6l4j4s] {
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 700;
    background: var(--bi-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1rem;
    line-height: 1;
}

.solution-card h3[b-mlpx6l4j4s] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--bi-text);
}

.solution-card p[b-mlpx6l4j4s] {
    color: var(--bi-text-muted);
    line-height: 1.6;
    margin: 0;
}

/* Features Section */
.features-section[b-mlpx6l4j4s] {
    padding: 6rem 1rem;
    background: var(--bi-bg);
}

.feature-card[b-mlpx6l4j4s] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    padding: 2rem;
    height: 100%;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.feature-card:hover[b-mlpx6l4j4s] {
    transform: translateY(-4px);
    box-shadow: var(--bi-shadow);
}

.feature-icon[b-mlpx6l4j4s] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
    font-size: 1.75rem;
}

.feature-icon .bi[b-mlpx6l4j4s] {
    font-size: 1.75rem;
}

.feature-icon svg[b-mlpx6l4j4s] {
    width: 1.75rem;
    height: 1.75rem;
}

.feature-icon-purple[b-mlpx6l4j4s] {
    background: var(--bi-primary-soft);
    color: var(--bi-primary);
}

.feature-icon-blue[b-mlpx6l4j4s] {
    background: rgba(59, 130, 246, 0.15);
    color: var(--bi-info);
}

.feature-icon-cyan[b-mlpx6l4j4s] {
    background: rgba(6, 182, 212, 0.15);
    color: #06B6D4;
}

.feature-icon-red[b-mlpx6l4j4s] {
    background: var(--bi-danger-bg);
    color: var(--bi-danger);
}

.feature-icon-green[b-mlpx6l4j4s] {
    background: var(--bi-success-bg);
    color: var(--bi-success);
}

.feature-icon-orange[b-mlpx6l4j4s] {
    background: var(--bi-warning-bg);
    color: var(--bi-warning);
}

.feature-card:hover .feature-icon[b-mlpx6l4j4s] {
    transform: scale(1.1);
}

.feature-card h3[b-mlpx6l4j4s] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--bi-text);
}

.feature-card p[b-mlpx6l4j4s] {
    color: var(--bi-text-muted);
    line-height: 1.6;
    margin: 0;
}

/* Pricing Section */
.pricing-section[b-mlpx6l4j4s] {
    padding: 6rem 1rem;
    background: var(--bi-surface);
}

.pricing-card[b-mlpx6l4j4s] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    padding: 2.5rem;
    height: 100%;
    position: relative;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.pricing-card:hover[b-mlpx6l4j4s] {
    transform: translateY(-8px);
    box-shadow: var(--bi-shadow-lg);
}

.pricing-card-featured[b-mlpx6l4j4s] {
    border-color: var(--bi-primary);
    box-shadow: var(--bi-glow-primary);
}

.pricing-badge[b-mlpx6l4j4s] {
    position: absolute;
    top: -1rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bi-gradient-primary);
    color: white;
    padding: 0.5rem 1.25rem;
    border-radius: 2rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.pricing-header[b-mlpx6l4j4s] {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--bi-border);
}

.pricing-header h3[b-mlpx6l4j4s] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--bi-text);
}

.pricing-price[b-mlpx6l4j4s] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 1rem;
}

.price-currency[b-mlpx6l4j4s] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--bi-text-muted);
}

.price-amount[b-mlpx6l4j4s] {
    font-size: 4rem;
    font-weight: 700;
    color: var(--bi-text);
    line-height: 1;
}

.price-period[b-mlpx6l4j4s] {
    font-size: 1.125rem;
    color: var(--bi-text-muted);
    margin-left: 0.5rem;
}

.pricing-header p[b-mlpx6l4j4s] {
    color: var(--bi-text-muted);
    margin: 0;
}

.pricing-features[b-mlpx6l4j4s] {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem 0;
}

.pricing-features li[b-mlpx6l4j4s] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0;
    color: var(--bi-text-muted);
}

.check-icon[b-mlpx6l4j4s] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--bi-success);
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.pricing-footer[b-mlpx6l4j4s] {
    text-align: center;
    margin-top: 3rem;
}

.pricing-link[b-mlpx6l4j4s] {
    color: var(--bi-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.pricing-link:hover[b-mlpx6l4j4s] {
    color: var(--bi-primary-hover);
}

/* Final CTA Section */
.final-cta-section[b-mlpx6l4j4s] {
    padding: 6rem 1rem;
    background: var(--bi-surface);
}

.cta-card[b-mlpx6l4j4s] {
    max-width: 900px;
    margin: 0 auto;
    background: linear-gradient(135deg, 
        rgba(124, 58, 237, 0.2) 0%, 
        rgba(59, 130, 246, 0.1) 100%);
    border: 1px solid rgba(124, 58, 237, 0.3);
    border-radius: 1.5rem;
    padding: 4rem 2rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.cta-card[b-mlpx6l4j4s]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.1) 0%, transparent 70%);
    animation: pulse-b-mlpx6l4j4s 4s ease-in-out infinite;
}

@keyframes pulse-b-mlpx6l4j4s {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}

.cta-content[b-mlpx6l4j4s] {
    position: relative;
    z-index: 1;
}

.cta-content h2[b-mlpx6l4j4s] {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--bi-text);
}

.cta-content > p[b-mlpx6l4j4s] {
    font-size: 1.125rem;
    color: var(--bi-text-muted);
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.cta-buttons[b-mlpx6l4j4s] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.cta-note[b-mlpx6l4j4s] {
    font-size: 0.875rem;
    color: var(--bi-text-soft);
    margin: 0;
}

/* Footer */
.landing-footer[b-mlpx6l4j4s] {
    background: var(--bi-lg);
    border-top: 1px solid var(--bi-border);
    padding: 4rem 1rem 2rem;
}

.footer-brand[b-mlpx6l4j4s] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--bi-text);
    margin-bottom: 1rem;
}

.footer-description[b-mlpx6l4j4s] {
    color: var(--bi-text-muted);
    line-height: 1.6;
    max-width: 300px;
}

.footer-title[b-mlpx6l4j4s] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--bi-text);
    margin-bottom: 1rem;
}

.footer-links[b-mlpx6l4j4s] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li[b-mlpx6l4j4s] {
    margin-bottom: 0.75rem;
}

.footer-links a[b-mlpx6l4j4s] {
    color: var(--bi-text-muted);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-links a:hover[b-mlpx6l4j4s] {
    color: var(--bi-primary);
}

.footer-bottom[b-mlpx6l4j4s] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--bi-border);
    text-align: center;
}

.footer-bottom p[b-mlpx6l4j4s] {
    color: var(--bi-text-soft);
    margin: 0;
    font-size: 0.875rem;
}

/* Responsive Design */
@media (max-width: 991px) {
    .hero-section[b-mlpx6l4j4s] {
        min-height: 80vh;
        padding: 3rem 1rem;
    }

    .hero-title[b-mlpx6l4j4s] {
        font-size: 2.5rem;
    }

    .dashboard-preview[b-mlpx6l4j4s],
    .problem-section[b-mlpx6l4j4s],
    .solution-section[b-mlpx6l4j4s],
    .features-section[b-mlpx6l4j4s],
    .pricing-section[b-mlpx6l4j4s],
    .final-cta-section[b-mlpx6l4j4s] {
        padding: 4rem 1rem;
    }

    .preview-header[b-mlpx6l4j4s],
    .section-header[b-mlpx6l4j4s] {
        margin-bottom: 3rem;
    }
}

@media (max-width: 767px) {
    .hero-cta[b-mlpx6l4j4s] {
        flex-direction: column;
        align-items: stretch;
    }

    .hero-cta .btn[b-mlpx6l4j4s] {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .cta-buttons[b-mlpx6l4j4s] {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-buttons .btn[b-mlpx6l4j4s] {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .cta-card[b-mlpx6l4j4s] {
        padding: 3rem 1.5rem;
    }
}

/* Light Mode Adjustments */
[data-bs-theme="light"] .landing-page[b-mlpx6l4j4s] {
    background: var(--bi-bg);
}

[data-bs-theme="light"] .hero-section[b-mlpx6l4j4s] {
    background: radial-gradient(ellipse at top, rgba(124, 58, 237, 0.08) 0%, transparent 50%),
                radial-gradient(ellipse at bottom right, rgba(59, 130, 246, 0.05) 0%, transparent 50%),
                var(--bi-bg);
}

[data-bs-theme="light"] .stock-card[b-mlpx6l4j4s],
[data-bs-theme="light"] .insight-card[b-mlpx6l4j4s],
[data-bs-theme="light"] .sentiment-card[b-mlpx6l4j4s],
[data-bs-theme="light"] .risk-card[b-mlpx6l4j4s],
[data-bs-theme="light"] .problem-card[b-mlpx6l4j4s],
[data-bs-theme="light"] .solution-card[b-mlpx6l4j4s],
[data-bs-theme="light"] .feature-card[b-mlpx6l4j4s],
[data-bs-theme="light"] .pricing-card[b-mlpx6l4j4s] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

[data-bs-theme="light"] .stock-card:hover[b-mlpx6l4j4s],
[data-bs-theme="light"] .problem-card:hover[b-mlpx6l4j4s],
[data-bs-theme="light"] .solution-card:hover[b-mlpx6l4j4s],
[data-bs-theme="light"] .feature-card:hover[b-mlpx6l4j4s] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

[data-bs-theme="light"] .pricing-card-featured[b-mlpx6l4j4s] {
    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.15);
}
/* /Pages/NotFound.razor.rz.scp.css */
/* NotFound Page Styles - BrandtInsights 404 */

.not-found-container[b-1q9om1z8q5] {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--bi-bg);
    margin: -1.1rem -1rem 0 -1rem;
    padding: 2rem 1rem;
}

/* Animated Background */
.not-found-background[b-1q9om1z8q5] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
}

.gradient-blur[b-1q9om1z8q5] {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.4;
}

.gradient-blur-1[b-1q9om1z8q5] {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.3) 0%, transparent 70%);
    top: -100px;
    right: -100px;
    animation: float-slow-b-1q9om1z8q5 20s ease-in-out infinite;
}

.gradient-blur-2[b-1q9om1z8q5] {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);
    bottom: -150px;
    left: -100px;
    animation: float-slow-reverse-b-1q9om1z8q5 25s ease-in-out infinite;
}

@keyframes float-slow-b-1q9om1z8q5 {
    0%, 100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(30px, -30px);
    }
}

@keyframes float-slow-reverse-b-1q9om1z8q5 {
    0%, 100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-30px, 30px);
    }
}

/* Market Grid Background */
.market-grid[b-1q9om1z8q5] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image:
        linear-gradient(
            90deg,
            transparent 24%,
            rgba(124, 58, 237, 0.05) 25%,
            rgba(124, 58, 237, 0.05) 26%,
            transparent 27%,
            transparent 74%,
            rgba(124, 58, 237, 0.05) 75%,
            rgba(124, 58, 237, 0.05) 76%,
            transparent 77%,
            transparent
        ),
        linear-gradient(
            0deg,
            transparent 24%,
            rgba(124, 58, 237, 0.05) 25%,
            rgba(124, 58, 237, 0.05) 26%,
            transparent 27%,
            transparent 74%,
            rgba(124, 58, 237, 0.05) 75%,
            rgba(124, 58, 237, 0.05) 76%,
            transparent 77%,
            transparent
        );
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
    pointer-events: none;
}

/* Content */
.not-found-content[b-1q9om1z8q5] {
    position: relative;
    z-index: 2;
    max-width: 700px;
    width: 100%;
    text-align: center;
    animation: slide-up-b-1q9om1z8q5 0.8s ease-out;
}

@keyframes slide-up-b-1q9om1z8q5 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Error Status */
.error-status[b-1q9om1z8q5] {
    font-size: clamp(4rem, 12vw, 8rem);
    font-weight: 900;
    line-height: 1;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, var(--bi-primary) 0%, var(--bi-primary-hover) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.02em;
}

/* Error Heading */
.error-heading[b-1q9om1z8q5] {
    font-size: clamp(1.75rem, 5vw, 2.75rem);
    font-weight: 700;
    color: var(--bi-text);
    margin-bottom: 1rem;
    line-height: 1.2;
}

/* Error Description */
.error-description[b-1q9om1z8q5] {
    font-size: 1.125rem;
    color: var(--bi-text-muted);
    margin-bottom: 2.5rem;
    line-height: 1.6;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* Floating Cards */
.floating-cards[b-1q9om1z8q5] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    perspective: 1000px;
}

.floating-card[b-1q9om1z8q5] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    animation: float-up-b-1q9om1z8q5 0.8s ease-out;
    opacity: 0;
}

.floating-card:nth-child(1)[b-1q9om1z8q5] {
    animation-delay: 0.1s;
    animation-fill-mode: forwards;
}

.floating-card:nth-child(2)[b-1q9om1z8q5] {
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
}

.floating-card:nth-child(3)[b-1q9om1z8q5] {
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}

@keyframes float-up-b-1q9om1z8q5 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.floating-card:hover[b-1q9om1z8q5] {
    border-color: var(--bi-primary);
    box-shadow: var(--bi-glow-primary);
    transform: translateY(-4px);
}

.card-icon[b-1q9om1z8q5] {
    font-size: 1.5rem;
    min-width: 1.5rem;
}

.card-ai .card-icon[b-1q9om1z8q5] {
    color: var(--bi-primary);
}

.card-risk .card-icon[b-1q9om1z8q5] {
    color: var(--bi-danger);
}

.card-data .card-icon[b-1q9om1z8q5] {
    color: var(--bi-success);
}

.card-label[b-1q9om1z8q5] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--bi-text-muted);
    white-space: nowrap;
}

.floating-card:hover .card-label[b-1q9om1z8q5] {
    color: var(--bi-text);
}

/* Action Buttons */
.error-actions[b-1q9om1z8q5] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.error-btn-primary[b-1q9om1z8q5],
.error-btn-secondary[b-1q9om1z8q5] {
    padding: 0.875rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    white-space: nowrap;
}

.error-btn-primary[b-1q9om1z8q5] {
    background: var(--bi-gradient-primary);
    border: none;
    color: white;
    box-shadow: var(--bi-glow-primary);
}

.error-btn-primary:hover[b-1q9om1z8q5] {
    transform: translateY(-2px);
    box-shadow: 0 0 40px rgba(124, 58, 237, 0.5);
    color: white;
    text-decoration: none;
}

.error-btn-secondary[b-1q9om1z8q5] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border-strong);
    color: var(--bi-text);
    backdrop-filter: blur(10px);
}

.error-btn-secondary:hover[b-1q9om1z8q5] {
    border-color: var(--bi-primary);
    background: var(--bi-card-hover);
    color: var(--bi-text);
    text-decoration: none;
}

.error-btn-primary i[b-1q9om1z8q5],
.error-btn-secondary i[b-1q9om1z8q5] {
    font-size: 1.125rem;
}

/* Footer Text */
.error-footer[b-1q9om1z8q5] {
    margin-top: 2rem;
}

.error-footer p[b-1q9om1z8q5] {
    font-size: 0.9rem;
    color: var(--bi-text-soft);
    margin: 0;
    letter-spacing: 0.05em;
}

/* Responsive Design */
@media (max-width: 768px) {
    .not-found-container[b-1q9om1z8q5] {
        min-height: calc(100vh - 80px);
        padding: 1.5rem 1rem;
    }

    .error-status[b-1q9om1z8q5] {
        font-size: 3rem;
    }

    .error-heading[b-1q9om1z8q5] {
        font-size: 1.75rem;
    }

    .error-description[b-1q9om1z8q5] {
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    .floating-cards[b-1q9om1z8q5] {
        gap: 1rem;
        margin-bottom: 2rem;
    }

    .floating-card[b-1q9om1z8q5] {
        padding: 1rem 1.25rem;
    }

    .card-label[b-1q9om1z8q5] {
        font-size: 0.85rem;
    }

    .error-actions[b-1q9om1z8q5] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .error-btn-primary[b-1q9om1z8q5],
    .error-btn-secondary[b-1q9om1z8q5] {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .not-found-container[b-1q9om1z8q5] {
        padding: 1rem;
    }

    .error-status[b-1q9om1z8q5] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
    }

    .error-heading[b-1q9om1z8q5] {
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }

    .error-description[b-1q9om1z8q5] {
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
    }

    .floating-cards[b-1q9om1z8q5] {
        gap: 0.75rem;
        margin-bottom: 1.5rem;
    }

    .floating-card[b-1q9om1z8q5] {
        padding: 0.75rem 1rem;
        border-radius: 0.75rem;
    }

    .card-icon[b-1q9om1z8q5] {
        font-size: 1.25rem;
    }

    .card-label[b-1q9om1z8q5] {
        display: none;
    }

    .error-btn-primary[b-1q9om1z8q5],
    .error-btn-secondary[b-1q9om1z8q5] {
        padding: 0.75rem 1.5rem;
        font-size: 0.95rem;
    }
}

/* Light Mode Support */
[data-bs-theme="light"] .not-found-container[b-1q9om1z8q5] {
    background: var(--bi-bg);
}

[data-bs-theme="light"] .floating-card[b-1q9om1z8q5] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

[data-bs-theme="light"] .floating-card:hover[b-1q9om1z8q5] {
    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.15);
}
/* /Pages/Pricing.razor.rz.scp.css */
/* ============================================================
   BrandtInsights Pricing Page
   Uses CSS variables from theme.css. No hardcoded colours.
============================================================ */

/* ── Page wrapper ── */
.pricing-page[b-jbxz7tz7vj] {
    background: var(--bi-bg);
    color: var(--bi-text);
}

/* ── Shared section spacing ── */
.pricing-hero[b-jbxz7tz7vj],
.pricing-cards-section[b-jbxz7tz7vj],
.pricing-comparison-section[b-jbxz7tz7vj],
.pricing-credits-section[b-jbxz7tz7vj],
.pricing-packs-section[b-jbxz7tz7vj] {
    padding: 5rem 1rem;
}

.pricing-comparison-section[b-jbxz7tz7vj],
.pricing-credits-section[b-jbxz7tz7vj] {
    background: var(--bi-surface);
}

/* ============================================================
   HERO
============================================================ */
.pricing-hero[b-jbxz7tz7vj] {
    position: relative;
    background: radial-gradient(ellipse at top center, var(--bi-primary-soft) 0%, transparent 60%),
                var(--bi-bg);
    text-align: center;
}

.pricing-hero-content[b-jbxz7tz7vj] {
    max-width: 680px;
    margin: 0 auto;
}

.pricing-label[b-jbxz7tz7vj] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 1rem;
    border-radius: 2rem;
    background: var(--bi-primary-soft);
    color: var(--bi-primary);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: 1px solid var(--bi-border);
    margin-bottom: 1.25rem;
}

.pricing-title[b-jbxz7tz7vj] {
    font-size: clamp(2.25rem, 5vw, 3.5rem);
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 1rem;
    color: var(--bi-text);
}

.pricing-subtitle[b-jbxz7tz7vj] {
    font-size: clamp(1rem, 2vw, 1.2rem);
    color: var(--bi-text-muted);
    line-height: 1.65;
    max-width: 600px;
    margin: 0 auto;
}

.pricing-trust-badge[b-jbxz7tz7vj] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.4rem 0.9rem;
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 2rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--bi-text-muted);
    transition: border-color 0.2s ease, color 0.2s ease;
}

.pricing-trust-badge:hover[b-jbxz7tz7vj] {
    border-color: var(--bi-primary);
    color: var(--bi-text);
}

/* ============================================================
   PRICING CARDS
============================================================ */
.pricing-cards-section[b-jbxz7tz7vj] {
    background: var(--bi-bg);
}

/* Base card */
.pricing-card[b-jbxz7tz7vj] {
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)), var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1.25rem;
    box-shadow: var(--bi-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.pricing-card:hover[b-jbxz7tz7vj] {
    transform: translateY(-4px);
    box-shadow: var(--bi-shadow-lg);
}

.pricing-card-inner[b-jbxz7tz7vj] {
    padding: 2rem;
}

/* Pro card — elevated + gradient border */
.pricing-card-pro[b-jbxz7tz7vj] {
    border-color: var(--bi-primary);
    box-shadow: var(--bi-shadow-lg), var(--bi-glow-primary);
    transform: translateY(-6px);
    background: linear-gradient(180deg, rgba(124,58,237,.07), rgba(124,58,237,.02)), var(--bi-card);
}

.pricing-card-pro:hover[b-jbxz7tz7vj] {
    transform: translateY(-10px);
    box-shadow: var(--bi-shadow-lg), 0 0 50px var(--bi-primary-glow);
}

.pricing-plan-name[b-jbxz7tz7vj] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--bi-text);
    margin: 0 0 0.5rem;
}

.pricing-plan-desc[b-jbxz7tz7vj] {
    color: var(--bi-text-muted);
    font-size: 0.9375rem;
    margin-bottom: 1.25rem;
}

.pricing-amount[b-jbxz7tz7vj] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 0.25rem;
}

.pricing-currency[b-jbxz7tz7vj] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--bi-text);
    align-self: flex-start;
    margin-top: 0.5rem;
}

.pricing-price[b-jbxz7tz7vj] {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    color: var(--bi-text);
    letter-spacing: -0.02em;
}

.pricing-period[b-jbxz7tz7vj] {
    font-size: 0.9375rem;
    color: var(--bi-text-muted);
    font-weight: 400;
}

.pricing-popular-badge[b-jbxz7tz7vj] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    background: var(--bi-gradient-primary);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 2rem;
    white-space: nowrap;
}

.pricing-features[b-jbxz7tz7vj] {
    color: var(--bi-text-muted);
    font-size: 0.9375rem;
}

.pricing-features li[b-jbxz7tz7vj] {
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
}

.pricing-features .bi-check-circle-fill[b-jbxz7tz7vj] {
    color: var(--bi-success);
    flex-shrink: 0;
    margin-top: 0.15rem;
}

.pricing-btn[b-jbxz7tz7vj] {
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border-radius: 0.75rem;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.pricing-btn-pro[b-jbxz7tz7vj] {
    background: var(--bi-gradient-primary);
    border: none;
    box-shadow: var(--bi-glow-primary);
}

.pricing-btn-pro:hover[b-jbxz7tz7vj] {
    transform: translateY(-2px);
    box-shadow: 0 0 40px var(--bi-primary-glow);
}

/* ============================================================
   COMPARISON TABLE
============================================================ */
.pricing-section-title[b-jbxz7tz7vj] {
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: var(--bi-text);
    margin-bottom: 0.75rem;
}

.pricing-section-subtitle[b-jbxz7tz7vj] {
    font-size: 1.0625rem;
    color: var(--bi-text-muted);
    max-width: 580px;
    margin: 0 auto;
    line-height: 1.65;
}

.pricing-table-wrapper[b-jbxz7tz7vj] {
    border: 1px solid var(--bi-border);
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: var(--bi-shadow);
}

.pricing-table[b-jbxz7tz7vj] {
    margin: 0;
    color: var(--bi-text);
}

.pricing-table thead th[b-jbxz7tz7vj] {
    background: var(--bi-surface-elevated);
    color: var(--bi-text-muted);
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--bi-border);
}

.pricing-table tbody tr td[b-jbxz7tz7vj] {
    padding: 0.875rem 1.25rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--bi-border);
    font-size: 0.9375rem;
    background: transparent;
    color: var(--bi-text);
}

.pricing-table tbody tr:last-child td[b-jbxz7tz7vj] {
    border-bottom: none;
}

    .pricing-table tbody tr:hover td[b-jbxz7tz7vj] {
        background: var(--bi-hover-bg);
        border-bottom: 1px solid var(--bi-success)
    }

.pricing-table-feature-col[b-jbxz7tz7vj] {
    width: 40%;
}

.pricing-table-pro-col[b-jbxz7tz7vj] {
    background: var(--bi-primary-soft) !important;
    border-left: 1px solid var(--bi-border) !important;
}

.pricing-popular-badge-sm[b-jbxz7tz7vj] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    background: var(--bi-gradient-primary);
    color: #fff;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 2rem;
}

.comparison-yes[b-jbxz7tz7vj] {
    color: var(--bi-success);
    font-size: 1.1rem;
}

.comparison-no[b-jbxz7tz7vj] {
    color: var(--bi-text-soft);
    font-size: 1.1rem;
}

/* Mobile comparison */
.pricing-compare-mobile-row[b-jbxz7tz7vj] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    padding: 1rem 1.25rem;
}

.pricing-compare-feature[b-jbxz7tz7vj] {
    font-weight: 500;
    font-size: 0.9375rem;
    color: var(--bi-text);
}

.pricing-compare-plan-val[b-jbxz7tz7vj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: var(--bi-text-muted);
    background: var(--bi-surface-elevated);
    border: 1px solid var(--bi-border);
    border-radius: 0.75rem;
    padding: 0.6rem 0.75rem;
}

.pricing-compare-pro-val[b-jbxz7tz7vj] {
    background: var(--bi-primary-soft);
    border-color: var(--bi-primary);
    color: var(--bi-text);
}

.pricing-compare-plan-label[b-jbxz7tz7vj] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--bi-text-soft);
}

/* ============================================================
   CREDITS SECTION
============================================================ */
.credits-info-card[b-jbxz7tz7vj] {
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)), var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1.25rem;
    padding: 2rem;
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.credits-info-card:hover[b-jbxz7tz7vj] {
    transform: translateY(-4px);
    box-shadow: var(--bi-shadow);
    border-color: var(--bi-border-strong);
}

.credits-icon-wrap[b-jbxz7tz7vj] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    background: var(--bi-primary-soft);
    border: 1px solid var(--bi-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--bi-primary);
}

.credits-icon-featured[b-jbxz7tz7vj] {
    background: var(--bi-gradient-primary);
    border-color: transparent;
    color: #fff;
    box-shadow: var(--bi-glow-primary);
}

.credits-icon-featured .bi[b-jbxz7tz7vj] {
    color: #fff;
}

.credits-action-name[b-jbxz7tz7vj] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--bi-text);
    margin-bottom: 0.5rem;
}

.credits-cost[b-jbxz7tz7vj] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--bi-text-muted);
    margin-bottom: 0.75rem;
    letter-spacing: -0.02em;
}

.credits-cost-featured[b-jbxz7tz7vj] {
    color: var(--bi-primary);
}

.credits-action-desc[b-jbxz7tz7vj] {
    font-size: 0.875rem;
    color: var(--bi-text-muted);
    line-height: 1.55;
    margin: 0;
}

/* Credits Pro callout box */
.credits-pro-callout[b-jbxz7tz7vj] {
    background: linear-gradient(135deg, rgba(124,58,237,.1), rgba(124,58,237,.04));
    border: 1px solid rgba(124,58,237,.3);
    border-radius: 1.25rem;
    padding: 2rem 2.25rem;
    box-shadow: var(--bi-shadow-sm);
}

.credits-callout-icon[b-jbxz7tz7vj] {
    width: 3rem;
    height: 3rem;
    border-radius: 0.875rem;
    background: var(--bi-gradient-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.375rem;
    color: #fff;
    box-shadow: var(--bi-glow-primary);
    flex-shrink: 0;
}

.credits-callout-label[b-jbxz7tz7vj] {
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--bi-text-muted);
}

.credits-callout-value[b-jbxz7tz7vj] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--bi-text);
}

.credits-example-card[b-jbxz7tz7vj] {
    background: var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1rem;
    padding: 1.25rem 1rem;
}

.credits-example-number[b-jbxz7tz7vj] {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--bi-primary);
    line-height: 1;
    margin-bottom: 0.5rem;
    letter-spacing: -0.03em;
}

.credits-example-desc[b-jbxz7tz7vj] {
    font-size: 0.8125rem;
    color: var(--bi-text-muted);
    line-height: 1.4;
}

.credits-example-or[b-jbxz7tz7vj] {
    background: transparent;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.credits-example-or-label[b-jbxz7tz7vj] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--bi-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* ============================================================
   CREDIT PACKS
============================================================ */
.pricing-packs-section[b-jbxz7tz7vj] {
    background: var(--bi-bg);
}

.pack-card[b-jbxz7tz7vj] {
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)), var(--bi-card);
    border: 1px solid var(--bi-border);
    border-radius: 1.25rem;
    padding: 2rem;
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.pack-card:hover[b-jbxz7tz7vj] {
    transform: translateY(-4px);
    box-shadow: var(--bi-shadow);
    border-color: var(--bi-border-strong);
}

.pack-card-featured[b-jbxz7tz7vj] {
    border-color: var(--bi-primary);
    box-shadow: var(--bi-shadow), var(--bi-glow-primary);
    background: linear-gradient(180deg, rgba(124,58,237,.07), rgba(124,58,237,.02)), var(--bi-card);
}

.pack-card-featured:hover[b-jbxz7tz7vj] {
    transform: translateY(-6px);
    box-shadow: var(--bi-shadow-lg), 0 0 50px var(--bi-primary-glow);
}

.pack-badge[b-jbxz7tz7vj] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    background: var(--bi-gradient-primary);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    border-radius: 2rem;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
}

.pack-credits[b-jbxz7tz7vj] {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--bi-text);
    margin-bottom: 0.5rem;
}

.pack-credits .bi[b-jbxz7tz7vj] {
    color: var(--bi-warning);
}

.pack-price[b-jbxz7tz7vj] {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--bi-text);
    line-height: 1.1;
    letter-spacing: -0.03em;
    margin-bottom: 0.75rem;
}

.pack-desc[b-jbxz7tz7vj] {
    font-size: 0.9375rem;
    color: var(--bi-text-muted);
    margin-bottom: 1.5rem;
}

.pack-btn[b-jbxz7tz7vj] {
    padding: 0.7rem 1.25rem;
    font-weight: 600;
    border-radius: 0.75rem;
    font-size: 0.9375rem;
    transition: all 0.2s ease;
}

/* ============================================================
   FADE IN ON SCROLL (CSS-only via animation-timeline when supported,
   fallback graceful for unsupported browsers)
============================================================ */
@media (prefers-reduced-motion: no-preference) {
    .pricing-card[b-jbxz7tz7vj],
    .credits-info-card[b-jbxz7tz7vj],
    .pack-card[b-jbxz7tz7vj],
    .pricing-compare-mobile-row[b-jbxz7tz7vj],
    .credits-pro-callout[b-jbxz7tz7vj] {
        animation: fadeInUp-b-jbxz7tz7vj 0.55s ease both;
    }

    .pricing-cards-section .col-lg-5:nth-child(2) .pricing-card[b-jbxz7tz7vj] {
        animation-delay: 0.12s;
    }

    .credits-info-card:nth-child(2)[b-jbxz7tz7vj] {
        animation-delay: 0.1s;
    }

    .credits-info-card:nth-child(3)[b-jbxz7tz7vj] {
        animation-delay: 0.2s;
    }

    .pack-card:nth-child(2)[b-jbxz7tz7vj] {
        animation-delay: 0.1s;
    }

    .pack-card:nth-child(3)[b-jbxz7tz7vj] {
        animation-delay: 0.2s;
    }
}

@keyframes fadeInUp-b-jbxz7tz7vj {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================================
   RESPONSIVE
============================================================ */
@media (max-width: 991.98px) {
    .pricing-hero[b-jbxz7tz7vj],
    .pricing-cards-section[b-jbxz7tz7vj],
    .pricing-comparison-section[b-jbxz7tz7vj],
    .pricing-credits-section[b-jbxz7tz7vj],
    .pricing-packs-section[b-jbxz7tz7vj] {
        padding: 3.5rem 1rem;
    }

    .pricing-card-pro[b-jbxz7tz7vj] {
        transform: translateY(0);
    }

    .pricing-card-pro:hover[b-jbxz7tz7vj] {
        transform: translateY(-4px);
    }
}

@media (max-width: 575.98px) {
    .credits-pro-callout[b-jbxz7tz7vj] {
        padding: 1.5rem;
    }

    .credits-example-or[b-jbxz7tz7vj] {
        padding: 0;
    }
}