/* /Components/Layout/AppLayout.razor.rz.scp.css */
.app-shell[b-34cpar8mhx] {
    background-color: var(--color-surface);
    color: var(--color-on-background);
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    min-height: 100vh;
}

.app-shell__main[b-34cpar8mhx] {
    padding-top: var(--app-content-padding-top);
    padding-right: 2rem;
    padding-bottom: 5rem;
    padding-left: 2rem;
    transition: margin-left 0.2s ease;
}

@media (min-width: 768px) {
    .app-shell__main[b-34cpar8mhx] {
        margin-left: var(--app-sidebar-width);
    }
}

.app-shell__content[b-34cpar8mhx] {
    max-width: var(--maxw-app);
    margin: 0 auto;
}

.app-shell__scrim[b-34cpar8mhx] {
    position: fixed;
    inset: var(--app-header-height) 0 0 0;
    z-index: 30;
    background-color: rgb(0 0 0 / 0.5);
    border: none;
    padding: 0;
    cursor: pointer;
}

@media (min-width: 768px) {
    .app-shell__scrim[b-34cpar8mhx] {
        display: none;
    }
}
/* /Components/Layout/MarketingLayout.razor.rz.scp.css */
.marketing-shell[b-seeu3seo9t] {
    background-color: var(--color-surface);
    color: var(--color-on-background);
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.marketing-shell[b-seeu3seo9t]  main {
    flex: 1 0 auto;
}
/* /Components/Layout/PreReleaseLayout.razor.rz.scp.css */
.prerelease-shell[b-i1alvb8x31] {
    background-color: var(--color-surface);
    color: var(--color-on-background);
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.prerelease-shell[b-i1alvb8x31]  main {
    flex: 1 0 auto;
}

.prerelease-header[b-i1alvb8x31] {
    position: sticky;
    top: 0;
    z-index: 50;
    width: 100%;
    height: var(--app-header-height);
    display: flex;
    align-items: center;
    background-color: rgb(6 14 32 / 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--color-slate-800);
}

.prerelease-header__inner[b-i1alvb8x31] {
    width: 100%;
    max-width: var(--maxw-content);
    margin: 0 auto;
    padding: 0 var(--space-gutter);
    display: flex;
    align-items: center;
}

.prerelease-header__brand[b-i1alvb8x31] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-slate-50);
    text-decoration: none;
}

.prerelease-header__logo[b-i1alvb8x31] {
    width: 1.75rem;
    height: 1.75rem;
}

.prerelease-header__wordmark[b-i1alvb8x31] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--color-slate-50);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-vfoq7cwp9t],
.components-reconnect-repeated-attempt-visible[b-vfoq7cwp9t],
.components-reconnect-failed-visible[b-vfoq7cwp9t],
.components-pause-visible[b-vfoq7cwp9t],
.components-resume-failed-visible[b-vfoq7cwp9t],
.components-rejoining-animation[b-vfoq7cwp9t] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-vfoq7cwp9t],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-vfoq7cwp9t],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-vfoq7cwp9t],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-vfoq7cwp9t],
#components-reconnect-modal.components-reconnect-retrying[b-vfoq7cwp9t],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-vfoq7cwp9t],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-vfoq7cwp9t],
#components-reconnect-modal.components-reconnect-failed[b-vfoq7cwp9t],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-vfoq7cwp9t] {
    display: block;
}


#components-reconnect-modal[b-vfoq7cwp9t] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-vfoq7cwp9t 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-vfoq7cwp9t 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-vfoq7cwp9t 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-vfoq7cwp9t]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-vfoq7cwp9t 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-vfoq7cwp9t {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-vfoq7cwp9t {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-vfoq7cwp9t {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-vfoq7cwp9t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-vfoq7cwp9t] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-vfoq7cwp9t] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-vfoq7cwp9t] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-vfoq7cwp9t] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-vfoq7cwp9t] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-vfoq7cwp9t] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-vfoq7cwp9t 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-vfoq7cwp9t] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-vfoq7cwp9t {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Account/SwitchAccount.razor.rz.scp.css */
.switch-account[b-cgxtckblb0] {
    min-height: calc(100vh - var(--app-header-height) - 14rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 1.5rem;
}

.switch-account__card[b-cgxtckblb0] {
    width: 100%;
    max-width: 30rem;
    padding: 2.5rem 2rem;
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.switch-account__card--loading[b-cgxtckblb0] {
    min-height: 12rem;
    justify-content: center;
}

.switch-account__hero[b-cgxtckblb0] {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.switch-account__avatar[b-cgxtckblb0] {
    width: 4rem;
    height: 4rem;
    border-radius: var(--radius-pill);
    background-color: var(--color-primary-container);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.switch-account__avatar .material-symbols-outlined[b-cgxtckblb0] {
    font-size: 2rem;
    color: var(--color-on-primary-container);
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.switch-account__eyebrow[b-cgxtckblb0] {
    margin-bottom: 0.5rem;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-primary);
}

.switch-account__title[b-cgxtckblb0] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-slate-50);
}

.switch-account__pill[b-cgxtckblb0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    margin-bottom: 1.5rem;
    background-color: var(--color-surface-container-highest);
    border: 1px solid var(--color-outline);
    border-radius: var(--radius-pill);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.2);
}

.switch-account__pill-icon[b-cgxtckblb0] {
    font-size: 1.25rem;
    color: var(--color-primary);
}

.switch-account__pill-label[b-cgxtckblb0] {
    font-family: var(--font-body);
    font-size: 1.0625rem;
    font-weight: 500;
    color: var(--color-on-surface);
}

.switch-account__pill-dot[b-cgxtckblb0] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--radius-pill);
    background-color: var(--color-tertiary);
    animation: switch-account-pulse-b-cgxtckblb0 1.8s ease-in-out infinite;
}

@keyframes switch-account-pulse-b-cgxtckblb0 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.55; transform: scale(0.92); }
}

.switch-account__text[b-cgxtckblb0] {
    margin: 0 0 1.5rem;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
    max-width: 22rem;
}

.switch-account__actions[b-cgxtckblb0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.switch-account__btn[b-cgxtckblb0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    height: 3rem;
    padding: 0 1.25rem;
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.switch-account__btn .material-symbols-outlined[b-cgxtckblb0] {
    font-size: 1.125rem;
}

.switch-account__btn--primary[b-cgxtckblb0] {
    background-color: var(--color-primary-container);
    color: var(--color-on-primary-container);
    border: none;
    font-weight: 700;
}

.switch-account__btn--primary:hover[b-cgxtckblb0] {
    filter: brightness(1.08);
}

.switch-account__btn--outline[b-cgxtckblb0] {
    background-color: transparent;
    color: var(--color-on-surface-variant);
    border: 1px solid var(--color-outline-variant);
    font-weight: 500;
}

.switch-account__btn--outline:hover[b-cgxtckblb0] {
    background-color: var(--color-surface-variant);
    color: var(--color-on-surface);
}

.switch-account__btn:active[b-cgxtckblb0] {
    transform: scale(0.98);
}

.switch-account__spinner[b-cgxtckblb0] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-pill);
    border: 2px solid var(--color-surface-container-high);
    border-top-color: var(--color-primary);
    animation: switch-account-spin-b-cgxtckblb0 0.9s linear infinite;
}

@keyframes switch-account-spin-b-cgxtckblb0 {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/Billing/BillingPage.razor.rz.scp.css */
.billing__header[b-2yo5vj5pde] {
    margin-bottom: 2rem;
}

.billing__title[b-2yo5vj5pde] {
    margin: 0 0 0.5rem;
    font-family: var(--font-display);
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    font-weight: var(--text-h1-weight);
    color: var(--color-slate-50);
}

.billing__subtitle[b-2yo5vj5pde] {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
}

.billing__state[b-2yo5vj5pde] {
    padding: 3rem 1.5rem;
    text-align: center;
    color: var(--color-on-surface-variant);
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
}

.billing__section[b-2yo5vj5pde] {
    margin-bottom: 2.5rem;
}

.billing__section-head[b-2yo5vj5pde] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.billing__section-bar[b-2yo5vj5pde] {
    display: inline-block;
    height: 2rem;
    width: 0.25rem;
    background-color: var(--color-primary-container);
    border-radius: var(--radius-pill);
}

.billing__section-title[b-2yo5vj5pde] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-slate-50);
}

.billing__plan-card[b-2yo5vj5pde] {
    background-color: var(--color-surface-container-low);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .billing__plan-card[b-2yo5vj5pde] {
        flex-direction: row;
    }
}

.billing__plan-main[b-2yo5vj5pde] {
    flex: 1;
    padding: 2rem;
    border-bottom: 1px solid var(--color-outline-variant);
}

@media (min-width: 768px) {
    .billing__plan-main[b-2yo5vj5pde] {
        border-bottom: none;
        border-right: 1px solid var(--color-outline-variant);
    }
}

.billing__plan-id[b-2yo5vj5pde] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.billing__plan-badge[b-2yo5vj5pde] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-pill);
    background-color: rgb(var(--color-primary-container-rgb) / 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.billing__plan-badge .material-symbols-outlined[b-2yo5vj5pde] {
    color: var(--color-primary);
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.billing__plan-eyebrow[b-2yo5vj5pde] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
    color: var(--color-on-surface-variant);
}

.billing__plan-name[b-2yo5vj5pde] {
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-slate-50);
}

.billing__plan-desc[b-2yo5vj5pde] {
    margin: 0 0 1.5rem;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-line);
    color: var(--color-on-surface-variant);
}

.billing__plan-chips[b-2yo5vj5pde] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.billing__chip[b-2yo5vj5pde] {
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-lg);
    background-color: var(--color-surface-container-highest);
    color: var(--color-on-surface-variant);
    border: 1px solid var(--color-outline-variant);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-sm-size);
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.billing__plan-side[b-2yo5vj5pde] {
    width: 100%;
    background-color: var(--color-surface-container-high);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.875rem;
}

@media (min-width: 768px) {
    .billing__plan-side[b-2yo5vj5pde] {
        width: 18rem;
    }
}

.billing__plan-side-note[b-2yo5vj5pde] {
    margin: 0;
    text-align: center;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
}

.billing__btn[b-2yo5vj5pde] {
    width: 100%;
    padding: 0.625rem 1rem;
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: var(--text-body-sm-size);
    cursor: pointer;
    transition: filter 0.15s ease, background-color 0.15s ease;
}

.billing__btn:disabled[b-2yo5vj5pde] {
    opacity: 0.6;
    cursor: not-allowed;
}

.billing__btn--outline[b-2yo5vj5pde] {
    background-color: transparent;
    color: var(--color-on-surface);
    border: 1px solid var(--color-outline-variant);
}

.billing__btn--outline:hover:not(:disabled)[b-2yo5vj5pde] {
    background-color: var(--color-surface-container);
}

.billing__usage-card[b-2yo5vj5pde] {
    background-color: var(--color-surface-container-low);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
}

.billing__usage-row[b-2yo5vj5pde] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 1rem;
}

.billing__usage-label[b-2yo5vj5pde] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
    color: var(--color-on-surface-variant);
    margin-bottom: 0.25rem;
}

.billing__usage-value[b-2yo5vj5pde] {
    font-family: var(--font-body);
    color: var(--color-on-surface);
}

.billing__usage-value strong[b-2yo5vj5pde] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-slate-50);
}

.billing__usage-percent[b-2yo5vj5pde] {
    font-family: var(--font-mono-caps);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-primary);
}

.billing__progress[b-2yo5vj5pde] {
    width: 100%;
    height: 0.5rem;
    background-color: var(--color-surface-container-highest);
    border-radius: var(--radius-pill);
    overflow: hidden;
}

.billing__progress-fill[b-2yo5vj5pde] {
    height: 100%;
    border-radius: var(--radius-pill);
    transition: width 0.3s ease, background-color 0.2s ease;
}

.billing__progress-fill--ok[b-2yo5vj5pde] {
    background-color: var(--color-primary);
}

.billing__progress-fill--warn[b-2yo5vj5pde] {
    background-color: var(--color-status-warn);
}

.billing__progress-fill--error[b-2yo5vj5pde] {
    background-color: var(--color-error);
}

.billing__cycle-toggle[b-2yo5vj5pde] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.billing__cycle-label[b-2yo5vj5pde] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
    color: var(--color-on-surface-variant);
    transition: color 0.15s ease;
}

.billing__cycle-label--active[b-2yo5vj5pde] {
    color: var(--color-on-surface);
}

.billing__cycle-switch[b-2yo5vj5pde] {
    position: relative;
    width: 3.5rem;
    height: 1.75rem;
    background-color: var(--color-surface-container-high);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-pill);
    padding: 0.25rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.billing__cycle-thumb[b-2yo5vj5pde] {
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--color-primary);
    border-radius: var(--radius-pill);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    transition: transform 0.2s ease;
}

.billing__cycle-switch--yearly .billing__cycle-thumb[b-2yo5vj5pde] {
    transform: translateX(1.7rem);
}

.billing__cycle-save[b-2yo5vj5pde] {
    margin-left: 0.25rem;
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-pill);
    background-color: rgba(60, 221, 199, 0.12);
    color: var(--color-tertiary);
    border: 1px solid rgba(60, 221, 199, 0.3);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-xs-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
}

.billing__upgrade-grid[b-2yo5vj5pde] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .billing__upgrade-grid[b-2yo5vj5pde] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.billing__alert[b-2yo5vj5pde] {
    margin: 0 0 1.5rem;
    padding: 0.875rem 1rem;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
}

.billing__alert p[b-2yo5vj5pde] {
    margin: 0;
}

.billing__alert--warn[b-2yo5vj5pde] {
    background-color: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: var(--color-status-warn);
}

.billing__alert--error[b-2yo5vj5pde] {
    margin-top: 1rem;
    background-color: rgb(var(--color-error-rgb) / 0.1);
    border: 1px solid rgb(var(--color-error-rgb) / 0.3);
    color: var(--color-error);
}
/* /Components/Pages/Billing/CheckoutPage.razor.rz.scp.css */
.checkout[b-ip3nv8yqde] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    min-height: 40rem;
}

.checkout__card[b-ip3nv8yqde] {
    width: 100%;
    max-width: 30rem;
    padding: 2.5rem 2rem;
    background-color: var(--color-surface-container-low);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.checkout__tile[b-ip3nv8yqde] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.checkout__tile--ok[b-ip3nv8yqde] {
    background-color: rgb(var(--color-primary-container-rgb) / 0.15);
}

.checkout__tile--ok .material-symbols-outlined[b-ip3nv8yqde] {
    font-size: 2rem;
    color: var(--color-primary);
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.checkout__tile--loading[b-ip3nv8yqde] {
    background-color: var(--color-surface-container-highest);
}

.checkout__spinner[b-ip3nv8yqde] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--radius-pill);
    border: 2px solid var(--color-outline-variant);
    border-top-color: var(--color-primary);
    animation: checkout-spin-b-ip3nv8yqde 0.9s linear infinite;
}

@keyframes checkout-spin-b-ip3nv8yqde {
    to { transform: rotate(360deg); }
}

.checkout__title[b-ip3nv8yqde] {
    margin: 0 0 0.5rem;
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-slate-50);
}

.checkout__text[b-ip3nv8yqde] {
    margin: 0 0 1.5rem;
    max-width: 22rem;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
}

.checkout__btn[b-ip3nv8yqde] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 10rem;
    height: 2.5rem;
    padding: 0 1.25rem;
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: var(--text-body-sm-size);
    text-decoration: none;
    transition: background-color 0.15s ease, filter 0.15s ease;
}

.checkout__btn--outline[b-ip3nv8yqde] {
    background-color: transparent;
    color: var(--color-on-surface);
    border: 1px solid var(--color-outline-variant);
}

.checkout__btn--outline:hover[b-ip3nv8yqde] {
    background-color: var(--color-surface-container);
}
/* /Components/Pages/Bookmarklet/BookmarkletPage.razor.rz.scp.css */
.bookmarklet-page[b-f3q160qm7y] {
    width: 100%;
}

/* Hero */

.bookmarklet__hero[b-f3q160qm7y] {
    margin-bottom: 2rem;
}

.bookmarklet__title[b-f3q160qm7y] {
    margin: 0 0 0.5rem;
    font-family: var(--font-display);
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    font-weight: var(--text-h1-weight);
    color: var(--color-slate-50);
}

.bookmarklet__lede[b-f3q160qm7y] {
    margin: 0;
    max-width: 40rem;
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    color: var(--color-on-surface-variant);
}

/* Quota alert (intentional Stitch deviation) */

.bookmarklet__quota[b-f3q160qm7y] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    margin-bottom: 2rem;
    background-color: rgba(245, 158, 11, 0.08);
    border: 1px dashed var(--color-status-warn);
    border-radius: var(--radius-xl);
}

.bookmarklet__quota-icon[b-f3q160qm7y] {
    color: var(--color-status-warn);
    font-size: 1.75rem;
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
    flex-shrink: 0;
}

.bookmarklet__quota-body[b-f3q160qm7y] {
    flex: 1;
}

.bookmarklet__quota-title[b-f3q160qm7y] {
    margin: 0 0 0.25rem;
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-slate-50);
}

.bookmarklet__quota-text[b-f3q160qm7y] {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
}

.bookmarklet__quota-cta[b-f3q160qm7y] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    background-color: var(--color-status-warn);
    color: var(--color-slate-900);
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-weight: 700;
    font-size: var(--text-body-sm-size);
    text-decoration: none;
    transition: filter 0.15s ease;
}

.bookmarklet__quota-cta:hover[b-f3q160qm7y] {
    filter: brightness(1.08);
}

/* Steps card */

.bookmarklet__steps-card[b-f3q160qm7y] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 2rem;
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
}

@media (min-width: 900px) {
    .bookmarklet__steps-card[b-f3q160qm7y] {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        align-items: center;
    }
}

.bookmarklet__steps-title[b-f3q160qm7y] {
    margin: 0 0 1.5rem;
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-primary);
}

.bookmarklet__step-list[b-f3q160qm7y] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.bookmarklet__step[b-f3q160qm7y] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.bookmarklet__step-num[b-f3q160qm7y] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius-pill);
    background-color: rgb(var(--color-primary-container-rgb) / 0.2);
    color: var(--color-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    font-weight: 700;
}

.bookmarklet__step-head[b-f3q160qm7y] {
    margin: 0 0 0.25rem;
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    font-weight: 600;
    color: var(--color-on-surface);
}

.bookmarklet__step-body[b-f3q160qm7y] {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-line);
    color: var(--color-on-surface-variant);
}

.bookmarklet__kbd[b-f3q160qm7y] {
    display: inline-block;
    padding: 0.05rem 0.4rem;
    background-color: var(--color-surface-container-highest);
    color: var(--color-on-surface);
    border-radius: var(--radius-lg);
    font-family: var(--font-mono-caps);
    font-size: 0.75rem;
}

/* Preview "browser frame" */

.bookmarklet__preview[b-f3q160qm7y] {
    display: flex;
    justify-content: center;
}

.bookmarklet__browser[b-f3q160qm7y] {
    width: 100%;
    max-width: 24rem;
    background-color: var(--color-surface-container-low);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.bookmarklet__browser-bar[b-f3q160qm7y] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.75rem;
    background-color: var(--color-surface-container-high);
    border-bottom: 1px solid var(--color-outline-variant);
}

.bookmarklet__dot[b-f3q160qm7y] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: var(--radius-pill);
    opacity: 0.7;
}

.bookmarklet__dot--red[b-f3q160qm7y] {
    background-color: var(--color-error);
}

.bookmarklet__dot--yellow[b-f3q160qm7y] {
    background-color: var(--color-secondary);
}

.bookmarklet__dot--green[b-f3q160qm7y] {
    background-color: var(--color-tertiary);
}

.bookmarklet__browser-url[b-f3q160qm7y] {
    flex: 1;
    height: 1.25rem;
    margin-left: 0.5rem;
    background-color: var(--color-surface-container-low);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-lg);
}

.bookmarklet__browser-body[b-f3q160qm7y] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.bookmarklet__dropzone[b-f3q160qm7y] {
    width: 100%;
    padding: 0.5rem;
    text-align: center;
    border: 1px dashed var(--color-outline);
    border-radius: var(--radius-lg);
    background-color: rgba(0, 0, 0, 0.15);
    color: var(--color-outline);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-xs-size);
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
}

.bookmarklet__drag[b-f3q160qm7y] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background-color: var(--color-primary);
    color: var(--color-slate-900);
    border-radius: var(--radius-lg);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    font-weight: 700;
    line-height: 1;
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
    text-decoration: none;
    cursor: grab;
    user-select: none;
    box-shadow: 0 0 15px rgba(137, 206, 255, 0.3);
    transition: transform 0.15s ease;
}

.bookmarklet__drag[b-f3q160qm7y]::before {
    content: "add_circle";
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-size: 1.25rem;
    letter-spacing: normal;
    text-transform: none;
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
    line-height: 1;
}

.bookmarklet__drag:hover[b-f3q160qm7y] {
    transform: scale(1.05);
}

.bookmarklet__drag:active[b-f3q160qm7y] {
    cursor: grabbing;
    transform: scale(0.97);
}

.bookmarklet__hint[b-f3q160qm7y] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--color-outline);
    font-family: var(--font-body);
    font-size: 0.75rem;
}

.bookmarklet__hint .material-symbols-outlined[b-f3q160qm7y] {
    font-size: 1rem;
}

/* Code card */

.bookmarklet__code-card[b-f3q160qm7y] {
    padding: 2rem;
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
}

.bookmarklet__code-head[b-f3q160qm7y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.bookmarklet__code-title[b-f3q160qm7y] {
    margin: 0 0 0.5rem;
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-slate-50);
}

.bookmarklet__code-lede[b-f3q160qm7y] {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
}

.bookmarklet__copy[b-f3q160qm7y] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background-color: rgb(var(--color-primary-container-rgb) / 0.1);
    color: var(--color-primary);
    border: 1px solid rgb(var(--color-primary-container-rgb) / 0.2);
    border-radius: var(--radius-lg);
    cursor: pointer;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
    transition: background-color 0.15s ease;
}

.bookmarklet__copy:hover[b-f3q160qm7y] {
    background-color: rgb(var(--color-primary-container-rgb) / 0.2);
}

.bookmarklet__copy .material-symbols-outlined[b-f3q160qm7y] {
    font-size: 1.125rem;
}

.bookmarklet__code[b-f3q160qm7y] {
    position: relative;
    background-color: var(--color-surface-container-lowest);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    overflow: hidden;
}

.bookmarklet__code-tag[b-f3q160qm7y] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25rem 0.75rem;
    background-color: var(--color-surface-container-highest);
    color: var(--color-outline);
    border-bottom-left-radius: var(--radius-lg);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-xs-size);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
}

.bookmarklet__code-body[b-f3q160qm7y] {
    margin: 0;
    padding: 0;
    overflow-x: auto;
    font-family: var(--font-mono-caps);
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--color-secondary);
    background-color: transparent;
}

.bookmarklet__code-body code[b-f3q160qm7y] {
    font-family: inherit;
    color: inherit;
    background: none;
    white-space: pre-wrap;
    word-break: break-all;
}

.bookmarklet__code-foot[b-f3q160qm7y] {
    margin: 1rem 0 0;
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--color-outline);
}

.bookmarklet__code-foot strong[b-f3q160qm7y] {
    color: var(--color-on-surface-variant);
    font-weight: 600;
}
/* /Components/Pages/Bookmarklet/SavePage.razor.rz.scp.css */
.save-stage[b-le4b5v32pz] {
    min-height: 100vh;
    background-color: var(--color-surface);
    color: var(--color-on-surface);
    font-family: var(--font-body);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.save-card[b-le4b5v32pz] {
    position: relative;
    width: 100%;
    max-width: 26rem;
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.save-card__accent[b-le4b5v32pz] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--color-primary);
}

.save-card__body[b-le4b5v32pz] {
    padding: 2rem 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.save-card__tile[b-le4b5v32pz] {
    width: 4rem;
    height: 4rem;
    border-radius: var(--radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.save-card__tile--loading[b-le4b5v32pz] {
    background-color: rgb(var(--color-primary-container-rgb) / 0.12);
}

.save-card__tile--ok[b-le4b5v32pz] {
    background-color: rgb(16 185 129 / 0.18);
}

.save-card__tile--error[b-le4b5v32pz] {
    background-color: rgb(var(--color-error-rgb) / 0.15);
}

.save-card__icon[b-le4b5v32pz] {
    font-size: 2.5rem;
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.save-card__icon--ok[b-le4b5v32pz] {
    color: var(--color-status-ok);
}

.save-card__icon--error[b-le4b5v32pz] {
    color: var(--color-error);
}

.save-spinner[b-le4b5v32pz] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid var(--color-outline-variant);
    border-top-color: var(--color-primary);
    border-radius: var(--radius-pill);
    animation: save-spin-b-le4b5v32pz 0.9s linear infinite;
}

@keyframes save-spin-b-le4b5v32pz {
    to { transform: rotate(360deg); }
}

.save-card__title[b-le4b5v32pz] {
    margin: 0 0 0.5rem;
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-slate-50);
}

.save-card__name[b-le4b5v32pz] {
    margin: 0 0 1.5rem;
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    color: var(--color-on-surface-variant);
    max-width: 100%;
    word-break: break-word;
}

.save-card__url[b-le4b5v32pz] {
    margin: 0 0 1.5rem;
    font-family: var(--font-mono-caps);
    font-size: 0.75rem;
    color: var(--color-outline);
    max-width: 100%;
    word-break: break-all;
}

.save-card__error[b-le4b5v32pz] {
    margin: 0 0 1.5rem;
    padding: 0.75rem 1rem;
    width: 100%;
    background-color: rgb(var(--color-error-rgb) / 0.1);
    border: 1px solid rgb(var(--color-error-rgb) / 0.3);
    border-radius: var(--radius-lg);
    text-align: left;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-line);
    color: var(--color-error);
}

.save-card__actions[b-le4b5v32pz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.save-card__btn[b-le4b5v32pz] {
    width: 100%;
    height: 2.5rem;
    background-color: transparent;
    color: var(--color-on-surface);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.save-card__btn:hover[b-le4b5v32pz] {
    background-color: rgba(45, 52, 73, 0.5);
    color: var(--color-on-surface);
}

.save-card__autoclose[b-le4b5v32pz] {
    margin: 0.25rem 0 0;
    font-family: var(--font-body);
    font-size: var(--text-label-caps-sm-size);
    color: var(--color-on-surface-variant);
    opacity: 0.6;
}

.save-card__footer[b-le4b5v32pz] {
    padding: 0.875rem 2rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.save-card__footer-dot[b-le4b5v32pz] {
    width: 4px;
    height: 4px;
    border-radius: var(--radius-pill);
    background-color: rgba(137, 206, 255, 0.4);
}

.save-card__footer-text[b-le4b5v32pz] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-xs-size);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-outline);
}

/* Script-blocked hint: only fades in if the circuit hasn't connected after 4s
   (in the normal flow, the Loading state is replaced well before then). When
   scripts are blocked, the SSR markup persists and the hint becomes visible. */
.save-script-hint[b-le4b5v32pz] {
    margin-top: 1.5rem;
    padding: 0.75rem 1rem;
    width: 100%;
    background-color: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: var(--radius-lg);
    text-align: left;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-line);
    color: var(--color-status-warn);
    opacity: 0;
    animation: save-reveal-b-le4b5v32pz 0s 4s forwards;
}

.save-script-hint strong[b-le4b5v32pz] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--color-slate-50);
}

@keyframes save-reveal-b-le4b5v32pz {
    to { opacity: 1; }
}
/* /Components/Pages/Docs.razor.rz.scp.css */
.docs-main[b-tbsj5ioknu] {
    flex-grow: 1;
    padding: 5rem 1.5rem;
}

.docs-article[b-tbsj5ioknu] {
    max-width: 48rem;
    margin: 0 auto;
}

.docs-article__header[b-tbsj5ioknu] {
    text-align: center;
    margin-bottom: 4rem;
}

.docs-article__eyebrow[b-tbsj5ioknu] {
    display: inline-block;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    line-height: var(--text-label-caps-line);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    color: var(--color-primary);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.docs-article__title[b-tbsj5ioknu] {
    font-family: var(--font-display);
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    font-weight: var(--text-h1-weight);
    color: var(--color-on-background);
    margin: 0 0 1rem 0;
}

.docs-article__lede[b-tbsj5ioknu] {
    font-family: var(--font-body);
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-on-surface-variant);
    margin: 0;
}

.docs-section[b-tbsj5ioknu] {
    margin-bottom: 3rem;
}

.docs-section__title[b-tbsj5ioknu] {
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-on-background);
    margin: 0 0 1rem 0;
}

.docs-section p[b-tbsj5ioknu] {
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    color: var(--color-on-surface-variant);
    margin: 0 0 1rem 0;
}

.docs-cta[b-tbsj5ioknu] {
    margin-top: 4rem;
    padding: 3rem 2rem;
    text-align: center;
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
}

.docs-cta__title[b-tbsj5ioknu] {
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-on-background);
    margin: 0 0 0.5rem 0;
}

.docs-cta__sub[b-tbsj5ioknu] {
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    color: var(--color-on-surface-variant);
    margin: 0 0 1.5rem 0;
}

.docs-cta__button[b-tbsj5ioknu] {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 1rem;
    padding: 0.75rem 2rem;
    border-radius: var(--radius-xl);
    background-color: var(--color-primary-container);
    color: var(--color-on-primary-container);
    border: none;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease;
}

.docs-cta__button:hover[b-tbsj5ioknu] {
    filter: brightness(1.1);
}

.docs-cta__button:active[b-tbsj5ioknu] {
    transform: scale(0.95);
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-main[b-mbo2hv3u80] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero[b-mbo2hv3u80] {
    position: relative;
    width: 100%;
    padding: 8rem 1.5rem;
    overflow: hidden;
}

.hero__inner[b-mbo2hv3u80] {
    position: relative;
    z-index: 10;
    max-width: var(--maxw-content);
    margin: 0 auto;
    text-align: center;
}

.hero__badge[b-mbo2hv3u80] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    margin-bottom: 2rem;
    border-radius: var(--radius-pill);
    background-color: rgb(var(--color-primary-container-rgb) / 0.1);
    border: 1px solid rgb(var(--color-primary-container-rgb) / 0.2);
}

.hero__badge span[b-mbo2hv3u80] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    line-height: var(--text-label-caps-line);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    color: var(--color-primary);
    text-transform: uppercase;
}

.hero__title[b-mbo2hv3u80] {
    font-family: var(--font-display);
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    font-weight: var(--text-h1-weight);
    color: var(--color-on-background);
    max-width: 56rem;
    margin: 0 auto 1.5rem;
}

@media (min-width: 768px) {
    .hero__title[b-mbo2hv3u80] {
        font-size: 3.75rem;
    }
}

.hero__title-accent[b-mbo2hv3u80] {
    color: var(--color-primary);
}

.hero__sub[b-mbo2hv3u80] {
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    font-weight: var(--text-body-base-weight);
    color: var(--color-on-surface-variant);
    max-width: 42rem;
    margin: 0 auto 2.5rem;
}

.hero__ctas[b-mbo2hv3u80] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

@media (min-width: 640px) {
    .hero__ctas[b-mbo2hv3u80] {
        flex-direction: row;
    }
}

.hero__cta[b-mbo2hv3u80] {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 1rem;
    padding: 0.75rem 2rem;
    border-radius: var(--radius-xl);
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.hero__cta:active[b-mbo2hv3u80] {
    transform: scale(0.95);
}

.hero__cta--primary[b-mbo2hv3u80] {
    background-color: var(--color-primary-container);
    color: var(--color-on-primary-container);
    border: none;
}

.hero__cta--primary:hover[b-mbo2hv3u80] {
    filter: brightness(1.1);
}

.hero__cta--outline[b-mbo2hv3u80] {
    background-color: transparent;
    color: var(--color-on-surface);
    border: 1px solid var(--color-outline-variant);
}

.hero__cta--outline:hover[b-mbo2hv3u80] {
    background-color: var(--color-surface-variant);
}

.hero__badges[b-mbo2hv3u80] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 2.5rem;
}

.hero__badges a[b-mbo2hv3u80] {
    display: inline-flex;
    line-height: 0;
}

.hero__glow[b-mbo2hv3u80] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.1;
    overflow: hidden;
}

.hero__glow-orb[b-mbo2hv3u80] {
    position: absolute;
    width: 24rem;
    height: 24rem;
    border-radius: 9999px;
    filter: blur(120px);
}

.hero__glow-orb--primary[b-mbo2hv3u80] {
    top: 25%;
    left: 25%;
    background-color: var(--color-primary);
}

.hero__glow-orb--tertiary[b-mbo2hv3u80] {
    bottom: 25%;
    right: 25%;
    background-color: var(--color-tertiary);
}
/* /Components/Pages/Mcp/McpPage.razor.rz.scp.css */
.mcp-page[b-x7exsqzgcg] {
    width: 100%;
}

.mcp__hero[b-x7exsqzgcg] {
    margin-bottom: 3rem;
}

.mcp__eyebrow[b-x7exsqzgcg] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 1.5rem;
}

.mcp__wordmark[b-x7exsqzgcg] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: var(--color-slate-50);
}

.mcp__eyebrow-sep[b-x7exsqzgcg] {
    padding-left: 0.625rem;
    border-left: 1px solid var(--color-slate-700);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-xs-size);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-slate-500);
}

.mcp__title[b-x7exsqzgcg] {
    margin: 0 0 1rem;
    font-family: var(--font-display);
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    font-weight: var(--text-h1-weight);
    color: var(--color-slate-50);
}

.mcp__lede[b-x7exsqzgcg] {
    margin: 0;
    max-width: 40rem;
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    color: var(--color-on-surface-variant);
}

.mcp__sections[b-x7exsqzgcg] {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.mcp__section[b-x7exsqzgcg] {
    margin: 0;
}

.mcp__section-head[b-x7exsqzgcg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.mcp__section-bar[b-x7exsqzgcg] {
    display: inline-block;
    height: 2rem;
    width: 0.25rem;
    background-color: var(--color-primary-container);
    border-radius: var(--radius-pill);
}

.mcp__section-title[b-x7exsqzgcg] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-slate-50);
}

.mcp__section-text[b-x7exsqzgcg] {
    margin: 0 0 1.5rem;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-line);
    color: var(--color-on-surface-variant);
}

.mcp__section-foot[b-x7exsqzgcg] {
    margin: 0.75rem 0 0;
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--color-outline);
}

.mcp__link[b-x7exsqzgcg] {
    color: var(--color-primary);
    text-decoration: none;
    border-bottom: 1px solid rgba(137, 206, 255, 0.3);
}

.mcp__link:hover[b-x7exsqzgcg] {
    color: var(--color-primary-container);
    border-bottom-color: currentColor;
}

.mcp__code[b-x7exsqzgcg] {
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.mcp__code-bar[b-x7exsqzgcg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background-color: var(--color-surface-container-high);
    border-bottom: 1px solid var(--color-outline-variant);
}

.mcp__code-label[b-x7exsqzgcg] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
    color: var(--color-on-surface-variant);
}

.mcp__copy[b-x7exsqzgcg] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background: transparent;
    border: none;
    color: var(--color-primary);
    cursor: pointer;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-xs-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-lg);
    transition: color 0.15s ease, background-color 0.15s ease;
}

.mcp__copy:hover[b-x7exsqzgcg] {
    color: var(--color-primary-container);
    background-color: rgb(var(--color-primary-container-rgb) / 0.1);
}

.mcp__copy .material-symbols-outlined[b-x7exsqzgcg] {
    font-size: 0.875rem;
}

.mcp__code-body[b-x7exsqzgcg] {
    margin: 0;
    padding: 1rem;
    overflow-x: auto;
    font-family: var(--font-mono-caps);
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--color-primary);
    background-color: transparent;
}

.mcp__code-body code[b-x7exsqzgcg] {
    font-family: inherit;
    color: inherit;
    background: none;
    white-space: pre;
}

.mcp__terminal[b-x7exsqzgcg] {
    background-color: var(--color-slate-950);
    border: 1px solid var(--color-slate-800);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.mcp__terminal-bar[b-x7exsqzgcg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background-color: var(--color-slate-900);
    border-bottom: 1px solid var(--color-slate-800);
}

.mcp__terminal-dots[b-x7exsqzgcg] {
    display: inline-flex;
    gap: 0.375rem;
}

.mcp__terminal-dot[b-x7exsqzgcg] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: var(--radius-pill);
    opacity: 0.55;
}

.mcp__terminal-dot--red[b-x7exsqzgcg] {
    background-color: var(--color-error);
}

.mcp__terminal-dot--yellow[b-x7exsqzgcg] {
    background-color: var(--color-secondary);
}

.mcp__terminal-dot--green[b-x7exsqzgcg] {
    background-color: var(--color-tertiary);
}

.mcp__copy--terminal[b-x7exsqzgcg] {
    color: var(--color-primary-container);
}

.mcp__copy--terminal:hover[b-x7exsqzgcg] {
    color: var(--color-primary);
    background-color: rgb(var(--color-primary-container-rgb) / 0.12);
}

.mcp__terminal-body[b-x7exsqzgcg] {
    margin: 0;
    padding: 1rem;
    overflow-x: auto;
    font-family: var(--font-mono-caps);
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--color-slate-200);
    background-color: transparent;
}

.mcp__terminal-body code[b-x7exsqzgcg] {
    font-family: inherit;
    color: inherit;
    background: none;
    white-space: pre-wrap;
}

.mcp__terminal-prompt[b-x7exsqzgcg] {
    color: var(--color-tertiary);
    margin-right: 0.5rem;
}

.mcp__gate[b-x7exsqzgcg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background-color: var(--color-surface-container-low);
    border: 1px dashed var(--color-primary);
    border-radius: var(--radius-xl);
}

.mcp__gate-icon[b-x7exsqzgcg] {
    color: var(--color-primary);
    font-size: 1.75rem;
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
    flex-shrink: 0;
}

.mcp__gate-body[b-x7exsqzgcg] {
    flex: 1;
}

.mcp__gate-title[b-x7exsqzgcg] {
    margin: 0 0 0.25rem;
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-slate-50);
}

.mcp__gate-text[b-x7exsqzgcg] {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
}

.mcp__gate-cta[b-x7exsqzgcg] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-weight: 700;
    font-size: var(--text-body-sm-size);
    text-decoration: none;
    transition: filter 0.15s ease;
}

.mcp__gate-cta:hover[b-x7exsqzgcg] {
    filter: brightness(1.1);
}

.mcp__subhead[b-x7exsqzgcg] {
    margin: 2rem 0 1rem;
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-slate-50);
}

.mcp__placement-list[b-x7exsqzgcg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.mcp__placement[b-x7exsqzgcg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.875rem 1rem;
    background-color: var(--color-surface-container-low);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-lg);
}

@media (min-width: 640px) {
    .mcp__placement[b-x7exsqzgcg] {
        flex-direction: row;
        gap: 1rem;
        align-items: baseline;
    }
}

.mcp__placement-label[b-x7exsqzgcg] {
    flex-shrink: 0;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
    color: var(--color-primary);
    min-width: 11rem;
}

.mcp__placement-text[b-x7exsqzgcg] {
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-line);
    color: var(--color-on-surface-variant);
}

.mcp__inline-code[b-x7exsqzgcg] {
    font-family: var(--font-mono-caps);
    font-size: 0.8125rem;
    padding: 0.1rem 0.375rem;
    background-color: var(--color-surface-container-high);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
}

.mcp__tools-grid[b-x7exsqzgcg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .mcp__tools-grid[b-x7exsqzgcg] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.mcp__tool-card[b-x7exsqzgcg] {
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    padding: 1rem;
    transition: border-color 0.15s ease;
}

.mcp__tool-card:hover[b-x7exsqzgcg] {
    border-color: rgba(137, 206, 255, 0.5);
}

.mcp__tool-head[b-x7exsqzgcg] {
    margin-bottom: 1rem;
}

.mcp__tool-icon[b-x7exsqzgcg] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mcp__tool-icon--primary[b-x7exsqzgcg] {
    background-color: rgb(var(--color-primary-container-rgb) / 0.1);
    color: var(--color-primary);
}

.mcp__tool-icon--tertiary[b-x7exsqzgcg] {
    background-color: rgba(60, 221, 199, 0.1);
    color: var(--color-tertiary);
}

.mcp__tool-icon--secondary[b-x7exsqzgcg] {
    background-color: rgba(188, 199, 222, 0.1);
    color: var(--color-secondary);
}

.mcp__tool-name[b-x7exsqzgcg] {
    margin: 0 0 0.375rem;
    font-family: var(--font-mono-caps);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-slate-50);
    letter-spacing: 0.01em;
}

.mcp__tool-desc[b-x7exsqzgcg] {
    margin: 0;
    font-family: var(--font-body);
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--color-on-surface-variant);
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found[b-lae058caco] {
    position: relative;
    min-height: calc(100vh - var(--app-header-height) - 14rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 1.5rem;
    overflow: hidden;
}

.not-found__grid[b-lae058caco] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, var(--color-slate-800) 1px, transparent 1px),
        linear-gradient(to bottom, var(--color-slate-800) 1px, transparent 1px);
    background-size: 40px 40px;
    opacity: 0.18;
    pointer-events: none;
}

.not-found__inner[b-lae058caco] {
    position: relative;
    z-index: 1;
    max-width: 36rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.not-found__numerals[b-lae058caco] {
    font-family: var(--font-display);
    font-size: 7.5rem;
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1;
    color: var(--color-primary-container);
    opacity: 0.85;
    text-shadow: 0 0 20px rgb(var(--color-primary-container-rgb) / 0.4);
}

.not-found__chip[b-lae058caco] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-pill);
    background-color: var(--color-surface-container-highest);
    border: 1px solid var(--color-outline-variant);
    margin-bottom: 1rem;
}

.not-found__chip .material-symbols-outlined[b-lae058caco] {
    font-size: 1.125rem;
    color: var(--color-tertiary);
}

.not-found__chip span:not(.material-symbols-outlined)[b-lae058caco] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-sm-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-on-surface-variant);
}

.not-found__title[b-lae058caco] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    font-weight: var(--text-h1-weight);
    color: var(--color-slate-50);
}

.not-found__lede[b-lae058caco] {
    margin: 0 0 1.5rem;
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    color: var(--color-on-surface-variant);
}

.not-found__cta[b-lae058caco] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 12rem;
    height: 3rem;
    padding: 0 2rem;
    border-radius: var(--radius-lg);
    background-color: var(--color-primary-container);
    color: var(--color-slate-50);
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    font-weight: 700;
    letter-spacing: 0.015em;
    text-decoration: none;
    box-shadow: 0 8px 24px rgb(var(--color-primary-container-rgb) / 0.2);
    transition: filter 0.15s ease, transform 0.15s ease;
}

.not-found__cta:hover[b-lae058caco] {
    filter: brightness(1.1);
}

.not-found__cta:active[b-lae058caco] {
    transform: scale(0.97);
}
/* /Components/Pages/PreRelease.razor.rz.scp.css */
.prerelease-main[b-g38ulo5vyw] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prerelease-hero[b-g38ulo5vyw] {
    position: relative;
    width: 100%;
    padding: 8rem 1.5rem;
    overflow: hidden;
}

.prerelease-hero__inner[b-g38ulo5vyw] {
    position: relative;
    z-index: 10;
    max-width: var(--maxw-content);
    margin: 0 auto;
    text-align: center;
}

.prerelease-hero__badge[b-g38ulo5vyw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    margin-bottom: 2rem;
    border-radius: var(--radius-pill);
    background-color: rgb(var(--color-primary-container-rgb) / 0.1);
    border: 1px solid rgb(var(--color-primary-container-rgb) / 0.2);
}

.prerelease-hero__badge span[b-g38ulo5vyw] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    line-height: var(--text-label-caps-line);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    color: var(--color-primary);
    text-transform: uppercase;
}

.prerelease-hero__title[b-g38ulo5vyw] {
    font-family: var(--font-display);
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    font-weight: var(--text-h1-weight);
    color: var(--color-on-background);
    max-width: 56rem;
    margin: 0 auto 1.5rem;
}

@media (min-width: 768px) {
    .prerelease-hero__title[b-g38ulo5vyw] {
        font-size: 3.75rem;
    }
}

.prerelease-hero__title-accent[b-g38ulo5vyw] {
    color: var(--color-primary);
}

.prerelease-hero__sub[b-g38ulo5vyw] {
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    font-weight: var(--text-body-base-weight);
    color: var(--color-on-surface-variant);
    max-width: 42rem;
    margin: 0 auto 2.5rem;
}

.prerelease-hero__form[b-g38ulo5vyw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    max-width: 28rem;
    margin: 0 auto;
}

@media (min-width: 640px) {
    .prerelease-hero__form[b-g38ulo5vyw] {
        flex-direction: row;
    }
}

.prerelease-hero__input[b-g38ulo5vyw] {
    flex-grow: 1;
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    color: var(--color-on-surface);
    padding: 0.75rem 1rem;
    border-radius: var(--radius-xl);
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.prerelease-hero__input[b-g38ulo5vyw]::placeholder {
    color: var(--color-on-surface-variant);
    opacity: 0.7;
}

.prerelease-hero__input:focus[b-g38ulo5vyw] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgb(var(--color-primary-container-rgb) / 0.3);
}

.prerelease-hero__input:disabled[b-g38ulo5vyw] {
    opacity: 0.7;
}

.prerelease-hero__submit[b-g38ulo5vyw] {
    background-color: var(--color-primary-container);
    color: var(--color-on-primary-container);
    padding: 0.75rem 2rem;
    border: 0;
    border-radius: var(--radius-xl);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 1rem;
    white-space: nowrap;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.1s ease;
}

.prerelease-hero__submit:hover:not(:disabled)[b-g38ulo5vyw] {
    filter: brightness(1.1);
}

.prerelease-hero__submit:active:not(:disabled)[b-g38ulo5vyw] {
    transform: scale(0.95);
}

.prerelease-hero__submit:disabled[b-g38ulo5vyw] {
    opacity: 0.6;
    cursor: not-allowed;
}

.prerelease-hero__thanks[b-g38ulo5vyw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    border-radius: var(--radius-xl);
    background-color: rgb(var(--color-primary-container-rgb) / 0.1);
    border: 1px solid rgb(var(--color-primary-container-rgb) / 0.25);
    color: var(--color-primary);
    font-weight: 500;
}

.prerelease-hero__thanks .material-symbols-outlined[b-g38ulo5vyw] {
    color: var(--color-tertiary);
}

.prerelease-hero__error[b-g38ulo5vyw] {
    margin-top: 0.75rem;
    color: var(--color-error);
    font-size: var(--text-body-sm-size);
}

.prerelease-hero__social-link[b-g38ulo5vyw] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    margin-top: 3rem;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-pill);
    background-color: rgb(var(--color-primary-container-rgb) / 0.1);
    border: 1px solid rgb(var(--color-primary-container-rgb) / 0.2);
    color: var(--color-on-surface);
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    font-weight: 500;
    text-decoration: none;
    transition: filter 0.2s ease, background-color 0.2s ease;
}

.prerelease-hero__social-link:hover[b-g38ulo5vyw],
.prerelease-hero__social-link:focus-visible[b-g38ulo5vyw] {
    filter: brightness(1.15);
    background-color: rgb(var(--color-primary-container-rgb) / 0.18);
}

.prerelease-hero__social-icon[b-g38ulo5vyw] {
    width: 1.125rem;
    height: 1.125rem;
    display: block;
}

.prerelease-hero__badges[b-g38ulo5vyw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 2rem;
}

.prerelease-hero__badges a[b-g38ulo5vyw] {
    display: inline-flex;
    line-height: 0;
}

.prerelease-hero__glow[b-g38ulo5vyw] {
    position: absolute;
    inset: 0;
    opacity: 0.1;
    pointer-events: none;
}

.prerelease-hero__glow-orb[b-g38ulo5vyw] {
    position: absolute;
    width: 24rem;
    height: 24rem;
    border-radius: 9999px;
    filter: blur(120px);
}

.prerelease-hero__glow-orb--primary[b-g38ulo5vyw] {
    top: 25%;
    left: 25%;
    background-color: var(--color-primary);
}

.prerelease-hero__glow-orb--tertiary[b-g38ulo5vyw] {
    bottom: 25%;
    right: 25%;
    background-color: var(--color-tertiary);
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
.pricing-main[b-b3jlbmgpa9] {
    min-height: 100vh;
    padding: 5rem 1.5rem 6rem;
    max-width: var(--maxw-content);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pricing__hero[b-b3jlbmgpa9] {
    text-align: center;
    margin-bottom: 2rem;
}

.pricing__title[b-b3jlbmgpa9] {
    margin: 0 0 1rem;
    font-family: var(--font-display);
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    font-weight: var(--text-h1-weight);
    color: var(--color-slate-50);
}

.pricing__sub[b-b3jlbmgpa9] {
    margin: 0 auto;
    max-width: 40rem;
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    color: var(--color-on-surface-variant);
}

.pricing__toggle[b-b3jlbmgpa9] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 3rem;
}

.pricing__toggle-label[b-b3jlbmgpa9] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
    color: var(--color-on-surface-variant);
    transition: color 0.15s ease;
}

.pricing__toggle-label--active[b-b3jlbmgpa9] {
    color: var(--color-on-surface);
}

.pricing__toggle-switch[b-b3jlbmgpa9] {
    position: relative;
    width: 3.5rem;
    height: 1.75rem;
    background-color: var(--color-surface-container-high);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-pill);
    padding: 0.25rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.pricing__toggle-thumb[b-b3jlbmgpa9] {
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--color-primary);
    border-radius: var(--radius-pill);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    transition: transform 0.2s ease;
}

.pricing__toggle-switch--yearly .pricing__toggle-thumb[b-b3jlbmgpa9] {
    transform: translateX(1.7rem);
}

.pricing__toggle-save[b-b3jlbmgpa9] {
    margin-left: 0.25rem;
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-pill);
    background-color: rgba(60, 221, 199, 0.12);
    color: var(--color-tertiary);
    border: 1px solid rgba(60, 221, 199, 0.3);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-xs-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
}

.pricing__grid[b-b3jlbmgpa9] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .pricing__grid[b-b3jlbmgpa9] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.plan-card[b-b3jlbmgpa9] {
    position: relative;
    background-color: var(--color-surface-container-low);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    transition: border-color 0.15s ease;
}

.plan-card:hover[b-b3jlbmgpa9] {
    border-color: var(--color-outline);
}

.plan-card--featured[b-b3jlbmgpa9] {
    background-color: var(--color-surface-container-high);
    border: 2px solid var(--color-primary);
    box-shadow: 0 20px 50px -20px rgba(137, 206, 255, 0.15);
}

.plan-card--featured:hover[b-b3jlbmgpa9] {
    border-color: var(--color-primary);
}

.plan-card__badge[b-b3jlbmgpa9] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    padding: 0.25rem 1rem;
    border-bottom-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-xl);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-xs-size);
    font-weight: 700;
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
}

.plan-card__head[b-b3jlbmgpa9] {
    margin-bottom: 2rem;
}

.plan-card__name[b-b3jlbmgpa9] {
    margin: 0 0 1rem;
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-slate-50);
}

.plan-card__price[b-b3jlbmgpa9] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.plan-card__amount[b-b3jlbmgpa9] {
    font-family: var(--font-display);
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--color-slate-50);
    letter-spacing: -0.02em;
}

.plan-card__cadence[b-b3jlbmgpa9] {
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
}

.plan-card__note[b-b3jlbmgpa9] {
    margin: 0.5rem 0 0;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-sm-size);
    color: var(--color-tertiary);
    letter-spacing: 0.02em;
}

.plan-card__features[b-b3jlbmgpa9] {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    flex-grow: 1;
}

.plan-card__features li[b-b3jlbmgpa9] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-line);
    color: var(--color-on-surface);
}

.plan-card__features-disabled[b-b3jlbmgpa9] {
    opacity: 0.4;
}

.plan-card__check[b-b3jlbmgpa9] {
    color: var(--color-primary);
    font-size: 1.25rem;
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
    flex-shrink: 0;
}

.plan-card__block[b-b3jlbmgpa9] {
    color: var(--color-on-surface-variant);
    font-size: 1.25rem;
    flex-shrink: 0;
}

.plan-card__cta[b-b3jlbmgpa9] {
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: var(--text-body-sm-size);
    transition: filter 0.15s ease, background-color 0.15s ease, transform 0.1s ease;
}

.plan-card__cta--outline[b-b3jlbmgpa9] {
    background-color: transparent;
    color: var(--color-on-surface);
    border: 1px solid var(--color-outline-variant);
}

.plan-card__cta--outline:hover[b-b3jlbmgpa9] {
    background-color: var(--color-surface-container-high);
}

.plan-card__cta--solid[b-b3jlbmgpa9] {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    border: 1px solid var(--color-primary);
    font-weight: 700;
}

.plan-card__cta--solid:hover[b-b3jlbmgpa9] {
    filter: brightness(1.1);
}

.plan-card__cta--solid:active[b-b3jlbmgpa9] {
    transform: scale(0.98);
}
/* /Components/Pages/Tools/ToolsList.razor.rz.scp.css */
.tools__header[b-tj699fntvy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
    align-items: flex-start;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .tools__header[b-tj699fntvy] {
        flex-direction: row;
        align-items: flex-end;
    }
}

.tools__title[b-tj699fntvy] {
    margin: 0 0 0.5rem;
    font-family: var(--font-display);
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    font-weight: var(--text-h1-weight);
    color: var(--color-slate-50);
}

.tools__subtitle[b-tj699fntvy] {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
}

.tools__add-btn[b-tj699fntvy] {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: var(--text-body-sm-size);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: opacity 0.15s ease, transform 0.1s ease;
}

.tools__add-btn:hover[b-tj699fntvy] { opacity: 0.9; }
.tools__add-btn:active[b-tj699fntvy] { transform: scale(0.98); }

.tools__toolbar[b-tj699fntvy] {
    background-color: var(--color-surface-container-low);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    padding: 0.75rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.tools__search[b-tj699fntvy] {
    position: relative;
    flex: 1;
    min-width: 18rem;
}

.tools__search-icon[b-tj699fntvy] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-outline);
    pointer-events: none;
}

.tools__search-input[b-tj699fntvy] {
    width: 100%;
    background-color: var(--color-background);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-lg);
    padding: 0.5rem 2.5rem 0.5rem 2.5rem;
    color: var(--color-on-surface);
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.tools__search-input:focus[b-tj699fntvy] {
    border-color: var(--color-primary-container);
    box-shadow: 0 0 0 1px var(--color-primary-container);
}

.tools__search-input[b-tj699fntvy]::placeholder {
    color: var(--color-outline);
}

.tools__search-clear[b-tj699fntvy] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: var(--color-outline);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: var(--radius-lg);
    display: inline-flex;
}

.tools__search-clear:hover[b-tj699fntvy] {
    color: var(--color-on-surface);
    background-color: var(--color-surface-container);
}

.tools__table-wrap[b-tj699fntvy] {
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.tools__table-wrap[b-tj699fntvy]::-webkit-scrollbar {
    height: 0.5rem;
}

.tools__table-wrap[b-tj699fntvy]::-webkit-scrollbar-track {
    background: transparent;
}

.tools__table-wrap[b-tj699fntvy]::-webkit-scrollbar-thumb {
    background-color: var(--color-outline-variant);
    border-radius: var(--radius-pill);
}

.tools__table-wrap[b-tj699fntvy]::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-outline);
}

.tools__table-wrap[b-tj699fntvy] {
    scrollbar-width: thin;
    scrollbar-color: var(--color-outline-variant) transparent;
}

.tools__state[b-tj699fntvy] {
    padding: 3rem 1.5rem;
    text-align: center;
    color: var(--color-on-surface-variant);
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
}

.tools__table[b-tj699fntvy] {
    width: 100%;
    min-width: 52rem;
    border-collapse: collapse;
    text-align: left;
}

.tools__table thead tr[b-tj699fntvy] {
    background-color: var(--color-surface-container-high);
    border-bottom: 1px solid var(--color-outline-variant);
}

.tools__table th[b-tj699fntvy] {
    padding: 1rem 1.5rem;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    line-height: var(--text-label-caps-line);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
    color: var(--color-on-surface-variant);
}

.tools__th-actions[b-tj699fntvy] {
    text-align: right;
}

.tools__table tbody tr[b-tj699fntvy] {
    border-bottom: 1px solid var(--color-outline-variant);
    transition: background-color 0.15s ease;
}

.tools__table tbody tr:last-child[b-tj699fntvy] {
    border-bottom: none;
}

.tools__table tbody tr:hover[b-tj699fntvy] {
    background-color: rgb(var(--color-slate-800-rgb) / 0.3);
}

.tools__table td[b-tj699fntvy] {
    padding: 1rem 1.5rem;
    vertical-align: middle;
}

.tools__name-cell[b-tj699fntvy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.tools__icon-tile[b-tj699fntvy] {
    height: 2rem;
    width: 2rem;
    flex-shrink: 0;
    border-radius: var(--radius-lg);
    background-color: var(--color-surface-container-high);
    border: 1px solid var(--color-outline-variant);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary-container);
}

.tools__icon-tile .material-symbols-outlined[b-tj699fntvy] {
    font-size: 1.125rem;
}

.tools__name[b-tj699fntvy] {
    display: inline-block;
    font-family: var(--font-body);
    font-weight: 600;
    color: var(--color-slate-50);
    text-decoration: none;
}

.tools__name:hover[b-tj699fntvy] {
    color: var(--color-primary);
}

.tools__url[b-tj699fntvy] {
    margin: 0.125rem 0 0;
    font-family: var(--font-mono-caps);
    font-size: 0.75rem;
    color: var(--color-outline);
}

.tools__type-chip[b-tj699fntvy] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-size: var(--text-label-caps-xs-size);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.tools__type-chip--code[b-tj699fntvy] {
    background-color: rgb(var(--color-primary-rgb) / 0.1);
    color: var(--color-primary);
    border-color: rgb(var(--color-primary-rgb) / 0.3);
}

.tools__type-chip--package[b-tj699fntvy] {
    background-color: rgb(var(--color-amber-400-rgb) / 0.1);
    color: var(--color-amber-400);
    border-color: rgb(var(--color-amber-400-rgb) / 0.3);
}

.tools__type-chip--docs[b-tj699fntvy] {
    background-color: rgb(var(--color-tertiary-rgb) / 0.1);
    color: var(--color-tertiary);
    border-color: rgb(var(--color-tertiary-rgb) / 0.3);
}

.tools__type-chip--article[b-tj699fntvy] {
    background-color: rgb(var(--color-error-rgb) / 0.1);
    color: var(--color-error);
    border-color: rgb(var(--color-error-rgb) / 0.3);
}

.tools__type-chip--web[b-tj699fntvy] {
    background-color: rgb(var(--color-on-secondary-container-rgb) / 0.1);
    color: var(--color-on-secondary-container);
    border-color: rgb(var(--color-on-secondary-container-rgb) / 0.3);
}

.tools__tags[b-tj699fntvy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tools__tag[b-tj699fntvy] {
    font-family: var(--font-body);
    font-size: var(--text-label-caps-sm-size);
    font-weight: 500;
    color: var(--color-primary);
}

.tools__tag--more[b-tj699fntvy] {
    padding: 0 0.375rem;
    border-radius: var(--radius-lg);
    background-color: rgb(var(--color-primary-container-rgb) / 0.15);
    border: 1px solid rgb(var(--color-primary-container-rgb) / 0.3);
    cursor: help;
}

.tools__status[b-tj699fntvy] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface);
}

.tools__status-icon--warn[b-tj699fntvy] {
    color: var(--color-status-warn);
    font-size: 1.25rem;
    cursor: help;
}

.tools__added[b-tj699fntvy] {
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-outline);
}

.tools__actions[b-tj699fntvy] {
    text-align: right;
    white-space: nowrap;
}

.tools__action[b-tj699fntvy] {
    background: transparent;
    border: none;
    color: var(--color-outline);
    cursor: pointer;
    padding: 0.375rem;
    border-radius: var(--radius-lg);
    display: inline-flex;
    align-items: center;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.tools__action .material-symbols-outlined[b-tj699fntvy] {
    font-size: 1.125rem;
}

.tools__action--edit:hover[b-tj699fntvy] {
    color: var(--color-primary);
}

.tools__action--delete:hover[b-tj699fntvy] {
    color: var(--color-error);
}

.tools__pager[b-tj699fntvy] {
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.tools__pager-info[b-tj699fntvy] {
    margin: 0;
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--color-outline);
}

.tools__pager-buttons[b-tj699fntvy] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.tools__pager-btn[b-tj699fntvy] {
    padding: 0.375rem 0.75rem;
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-lg);
    color: var(--color-on-surface);
    font-family: var(--font-body);
    font-size: 0.75rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.tools__pager-btn:hover:not(:disabled)[b-tj699fntvy] {
    background-color: var(--color-slate-800);
}

.tools__pager-btn:disabled[b-tj699fntvy] {
    opacity: 0.4;
    cursor: not-allowed;
}

.tools__pager-current[b-tj699fntvy] {
    padding: 0.375rem 0.75rem;
    background-color: var(--color-surface-container-high);
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-lg);
    color: var(--color-primary);
    font-family: var(--font-body);
    font-size: 0.75rem;
    font-weight: 600;
}

/* Low-confidence search banner — shown above weak hybrid-search results. Visual style
   mirrors QuotaBanner's .trial-banner--warn (same palette + spacing) so the design
   stays coherent, but the class name signals search-relevance semantics. No CTA: there
   is no specific destination for "fix this search" the way Upgrade exists for quota. */
.search-banner[b-tj699fntvy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.875rem 1.25rem;
    margin-bottom: 1.5rem;
    border-radius: var(--radius-xl);
    border: 1px solid rgba(245, 158, 11, 0.3);
    background-color: rgba(245, 158, 11, 0.08);
    font-family: var(--font-body);
}

.search-banner__icon[b-tj699fntvy] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-pill);
    font-size: 1.25rem;
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
    background-color: rgba(245, 158, 11, 0.2);
    color: var(--color-status-warn);
}

.search-banner__body[b-tj699fntvy] {
    flex: 1;
    min-width: 0;
}

.search-banner__title[b-tj699fntvy] {
    margin: 0 0 0.125rem;
    font-family: var(--font-display);
    font-size: var(--text-body-base-size);
    font-weight: 600;
    color: var(--color-slate-50);
}

.search-banner__text[b-tj699fntvy] {
    margin: 0;
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-line);
    color: var(--color-on-surface-variant);
}

@media (max-width: 640px) {
    .search-banner[b-tj699fntvy] {
        flex-wrap: wrap;
    }
}
/* /Components/Shared/App/AppHeader.razor.rz.scp.css */
.app-header[b-jcle9o3qeo] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--app-header-height);
    z-index: 50;
    background-color: var(--color-slate-900);
    border-bottom: 1px solid var(--color-slate-800);
    display: flex;
    align-items: center;
}

.app-header__inner[b-jcle9o3qeo] {
    width: 100%;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-header__left[b-jcle9o3qeo] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.app-header__toggle[b-jcle9o3qeo] {
    background: transparent;
    border: none;
    color: var(--color-slate-400);
    padding: 0.5rem;
    border-radius: var(--radius-lg);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.app-header__toggle:hover[b-jcle9o3qeo] {
    background-color: rgb(var(--color-slate-800-rgb) / 0.5);
    color: var(--color-slate-200);
}

@media (min-width: 768px) {
    .app-header__toggle[b-jcle9o3qeo] {
        display: none;
    }
}

.app-header__brand[b-jcle9o3qeo] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: var(--color-slate-50);
    text-decoration: none;
}

.app-header__logo[b-jcle9o3qeo] {
    width: 1.75rem;
    height: 1.75rem;
    display: block;
}

.app-header__right[b-jcle9o3qeo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.app-header__plan[b-jcle9o3qeo] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-pill);
    text-decoration: none;
    border: 1px solid transparent;
    transition: filter 0.2s ease;
}

.app-header__plan:hover[b-jcle9o3qeo] {
    filter: brightness(1.1);
}

.app-header__plan--free[b-jcle9o3qeo] {
    background-color: rgba(188, 199, 222, 0.15);
    color: var(--color-secondary);
    border-color: rgba(188, 199, 222, 0.3);
}

.app-header__plan--pro[b-jcle9o3qeo] {
    background-color: rgb(var(--color-primary-container-rgb) / 0.15);
    color: var(--color-primary);
    border-color: rgb(var(--color-primary-container-rgb) / 0.4);
}

.app-header__plan--unlimited[b-jcle9o3qeo] {
    background-color: rgba(60, 221, 199, 0.15);
    color: var(--color-tertiary);
    border-color: rgba(60, 221, 199, 0.4);
}

.app-header__user[b-jcle9o3qeo] {
    display: none;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
}

@media (min-width: 640px) {
    .app-header__user[b-jcle9o3qeo] {
        display: inline;
    }
}

.app-header__logout[b-jcle9o3qeo] {
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    font-weight: 500;
    color: var(--color-slate-400);
    background-color: transparent;
    border: none;
    padding: 0.5rem 0.875rem;
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.app-header__logout:hover[b-jcle9o3qeo] {
    color: var(--color-slate-200);
    background-color: rgb(var(--color-slate-800-rgb) / 0.5);
}
/* /Components/Shared/App/AppSidebar.razor.rz.scp.css */
.app-sidebar[b-ryze2h95w5] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--app-sidebar-width);
    padding-top: calc(var(--app-header-height) + 1rem);
    background-color: var(--color-slate-900);
    border-right: 1px solid var(--color-slate-800);
    display: flex;
    flex-direction: column;
    z-index: 40;
    transform: translateX(-100%);
    transition: transform 0.2s ease;
}

@media (min-width: 768px) {
    .app-sidebar[b-ryze2h95w5] {
        transform: translateX(0);
    }
}

@media (max-width: 767px) {
    .app-sidebar--open[b-ryze2h95w5] {
        transform: translateX(0);
    }
}

.app-sidebar__brand[b-ryze2h95w5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1.5rem 1.5rem;
}

.app-sidebar__logo[b-ryze2h95w5] {
    height: 2rem;
    width: 2rem;
    background-color: var(--color-primary-container);
    color: var(--color-on-primary-container);
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-weight: 700;
}

.app-sidebar__brand-text[b-ryze2h95w5] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.app-sidebar__brand-name[b-ryze2h95w5] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-slate-50);
    line-height: 1.1;
}

.app-sidebar__brand-tagline[b-ryze2h95w5] {
    margin: 0;
    font-family: var(--font-mono-caps);
    font-size: 0.65rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-slate-500);
}

.app-sidebar__nav[b-ryze2h95w5] {
    flex: 1;
    padding: 0 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    overflow-y: auto;
}

.app-sidebar__footer[b-ryze2h95w5] {
    border-top: 1px solid var(--color-slate-800);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.app-sidebar__link[b-ryze2h95w5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: var(--radius-lg);
    color: var(--color-slate-400);
    text-decoration: none;
    border-right: 2px solid transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.app-sidebar__link:hover[b-ryze2h95w5] {
    background-color: rgb(var(--color-slate-800-rgb) / 0.3);
    color: var(--color-slate-200);
}

.app-sidebar__link--active[b-ryze2h95w5] {
    background-color: var(--color-slate-800);
    color: var(--color-primary);
    border-right-color: var(--color-primary-container);
    font-weight: 600;
}

.app-sidebar__link--active .material-symbols-outlined[b-ryze2h95w5] {
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.app-sidebar__link-label[b-ryze2h95w5] {
    font-family: var(--font-mono-caps);
    font-size: 0.7rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}
/* /Components/Shared/App/AppZoomControl.razor.rz.scp.css */
.zoom-fab[b-6kwsa5ffif] {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 40;
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-pill);
    border: 1px solid rgb(var(--color-slate-800-rgb) / 0.6);
    background: rgb(15 23 42 / 0.8);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 25px -10px rgb(0 0 0 / 0.5);
    overflow: hidden;
    transition: height 0.3s ease-out, border-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zoom-fab:hover[b-6kwsa5ffif],
.zoom-fab:focus-within[b-6kwsa5ffif] {
    height: 16rem;
    border-color: rgb(var(--color-primary-container-rgb) / 0.5);
}

.zoom-fab__icon[b-6kwsa5ffif] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    font-size: 22px;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.zoom-fab:hover .zoom-fab__icon[b-6kwsa5ffif],
.zoom-fab:focus-within .zoom-fab__icon[b-6kwsa5ffif] {
    opacity: 0;
}

.zoom-fab__panel[b-6kwsa5ffif] {
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0;
    transition: opacity 0.2s ease 0.1s;
}

.zoom-fab:hover .zoom-fab__panel[b-6kwsa5ffif],
.zoom-fab:focus-within .zoom-fab__panel[b-6kwsa5ffif] {
    opacity: 1;
    pointer-events: auto;
}

.zoom-fab__btn[b-6kwsa5ffif] {
    background: transparent;
    border: 0;
    padding: 0;
    color: var(--color-slate-400);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease;
}

.zoom-fab__btn:hover[b-6kwsa5ffif],
.zoom-fab__btn:focus-visible[b-6kwsa5ffif] {
    color: var(--color-primary);
    outline: none;
}

.zoom-fab__btn .material-symbols-outlined[b-6kwsa5ffif] {
    font-size: 18px;
}

.zoom-fab__readout[b-6kwsa5ffif] {
    font-family: var(--font-mono-caps);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--color-primary);
    min-width: 2.5rem;
    text-align: center;
}

.zoom-fab__slider[b-6kwsa5ffif] {
    -webkit-appearance: slider-vertical;
    appearance: slider-vertical;
    writing-mode: vertical-lr;
    direction: rtl;
    width: 8px;
    height: 8rem;
    padding: 0 5px;
    background: transparent;
    cursor: pointer;
}

.zoom-fab__slider[b-6kwsa5ffif]::-webkit-slider-runnable-track {
    width: 4px;
    background: var(--color-slate-700);
    border-radius: 2px;
}

.zoom-fab__slider[b-6kwsa5ffif]::-moz-range-track {
    width: 4px;
    background: var(--color-slate-700);
    border-radius: 2px;
}

.zoom-fab__slider[b-6kwsa5ffif]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: var(--color-primary-container);
    border: 0;
    margin-left: -4px;
    box-shadow: 0 0 0 4px rgb(var(--color-primary-container-rgb) / 0.1);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.zoom-fab__slider[b-6kwsa5ffif]::-moz-range-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: var(--color-primary-container);
    border: 0;
    box-shadow: 0 0 0 4px rgb(var(--color-primary-container-rgb) / 0.1);
}

.zoom-fab__slider:hover[b-6kwsa5ffif]::-webkit-slider-thumb {
    box-shadow: 0 0 0 6px rgb(var(--color-primary-container-rgb) / 0.2);
    transform: scale(1.1);
}

@media (max-width: 767px) {
    .zoom-fab[b-6kwsa5ffif] {
        display: none;
    }
}
/* /Components/Shared/Marketing/LegalShell.razor.rz.scp.css */
.legal[b-950ylncqj9] {
    min-height: 100vh;
    padding: 4rem 1.5rem;
}

.legal__inner[b-950ylncqj9] {
    max-width: var(--maxw-content);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: start;
}

@media (min-width: 1024px) {
    .legal__inner[b-950ylncqj9] {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        gap: 3rem;
    }
}

.legal__content[b-950ylncqj9] {
    min-width: 0;
}

.legal__head[b-950ylncqj9] {
    margin-bottom: 4rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--color-outline-variant);
}

.legal__meta[b-950ylncqj9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.legal__chip[b-950ylncqj9] {
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-pill);
    background-color: var(--color-surface-container-high);
    color: var(--color-primary);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
}

.legal__meta-sep[b-950ylncqj9] {
    color: var(--color-outline);
    font-size: var(--text-body-sm-size);
}

.legal__meta-date[b-950ylncqj9] {
    color: var(--color-outline);
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
}

.legal__title[b-950ylncqj9] {
    margin: 0 0 1rem;
    font-family: var(--font-display);
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
    font-weight: var(--text-h1-weight);
    color: var(--color-slate-50);
}

.legal__lede[b-950ylncqj9] {
    margin: 0;
    max-width: 40rem;
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: var(--text-body-base-line);
    color: var(--color-on-surface-variant);
}

.legal__article[b-950ylncqj9] {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.legal__article[b-950ylncqj9]  section {
    scroll-margin-top: calc(var(--app-header-height) + 1rem);
}

.legal__article[b-950ylncqj9]  h2 {
    margin: 0 0 1.5rem;
    padding-left: 1rem;
    border-left: 0.25rem solid var(--color-primary-container);
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-slate-50);
}

.legal__article[b-950ylncqj9]  h3 {
    margin: 2rem 0 1rem;
    font-family: var(--font-display);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-primary);
}

.legal__article[b-950ylncqj9]  p {
    margin: 0 0 1.25rem;
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: 1.7;
    color: var(--color-on-surface-variant);
}

.legal__article[b-950ylncqj9]  p:last-child {
    margin-bottom: 0;
}

.legal__article[b-950ylncqj9]  strong {
    color: var(--color-on-surface);
    font-weight: 600;
}

.legal__article[b-950ylncqj9]  ul {
    margin: 0 0 1.5rem;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.legal__article[b-950ylncqj9]  ul li {
    position: relative;
    padding-left: 1.5rem;
    font-family: var(--font-body);
    font-size: var(--text-body-base-size);
    line-height: 1.6;
    color: var(--color-on-surface-variant);
}

.legal__article[b-950ylncqj9]  ul li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: var(--color-primary-container);
    font-weight: 700;
}

.legal__article[b-950ylncqj9]  a {
    color: var(--color-primary);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: color 0.15s ease;
}

.legal__article[b-950ylncqj9]  a:hover {
    color: var(--color-primary-container);
}

.legal__article[b-950ylncqj9]  .legal__contact-card {
    padding: 1.5rem;
    background-color: var(--color-surface-container);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
}

.legal__article[b-950ylncqj9]  .legal__contact-card p {
    margin-bottom: 0.25rem;
    line-height: 1.5;
}

.legal__article[b-950ylncqj9]  .legal__contact-card p:first-child {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--color-on-surface);
}

.legal__article[b-950ylncqj9]  .legal__table-wrap {
    overflow-x: auto;
    margin: 0 0 1.5rem;
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
}

.legal__article[b-950ylncqj9]  .legal__table {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
}

.legal__article[b-950ylncqj9]  .legal__table thead {
    background-color: var(--color-surface-container-high);
}

.legal__article[b-950ylncqj9]  .legal__table th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
    color: var(--color-on-surface-variant);
    border-bottom: 1px solid var(--color-outline-variant);
}

.legal__article[b-950ylncqj9]  .legal__table td {
    padding: 0.75rem 1rem;
    color: var(--color-on-surface-variant);
    border-bottom: 1px solid var(--color-outline-variant);
    vertical-align: top;
}

.legal__article[b-950ylncqj9]  .legal__table tbody tr:last-child td {
    border-bottom: none;
}

.legal__article[b-950ylncqj9]  .legal__table code {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-sm-size);
    color: var(--color-primary);
    background-color: rgb(var(--color-primary-container-rgb) / 0.1);
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-default);
}

.legal__aside[b-950ylncqj9] {
    display: none;
}

@media (min-width: 1024px) {
    .legal__aside[b-950ylncqj9] {
        display: block;
        position: sticky;
        top: calc(var(--app-header-height) + 1.5rem);
    }
}

.legal__toc[b-950ylncqj9] {
    padding: 1.5rem;
    background-color: var(--color-surface-container-lowest);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
}

.legal__toc-title[b-950ylncqj9] {
    margin: 0 0 1.25rem;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-outline);
}

.legal__toc-nav[b-950ylncqj9] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.legal__toc-link[b-950ylncqj9] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.legal__toc-link:hover[b-950ylncqj9] {
    background-color: var(--color-surface-container-high);
}

.legal__toc-num[b-950ylncqj9] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-sm-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: var(--text-label-caps-tracking);
    color: var(--color-outline);
    flex-shrink: 0;
}

.legal__toc-label[b-950ylncqj9] {
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
    transition: color 0.15s ease;
}

.legal__toc-link:hover .legal__toc-label[b-950ylncqj9] {
    color: var(--color-primary);
}

.legal__toc-link:hover .legal__toc-num[b-950ylncqj9] {
    color: var(--color-primary);
}
/* /Components/Shared/Marketing/MarketingFooter.razor.rz.scp.css */
.marketing-footer[b-6csqvch0mz] {
    background-color: var(--color-slate-950);
    border-top: 1px solid var(--color-slate-800);
    padding: 3rem 1.5rem;
}

.marketing-footer__inner[b-6csqvch0mz] {
    max-width: var(--maxw-content);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
}

@media (min-width: 768px) {
    .marketing-footer__inner[b-6csqvch0mz] {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}

.marketing-footer__brand[b-6csqvch0mz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.marketing-footer__wordmark[b-6csqvch0mz] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-display);
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--color-slate-400);
}

.marketing-footer__logo[b-6csqvch0mz] {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
}

.marketing-footer__tagline[b-6csqvch0mz] {
    margin: 0;
    max-width: 22rem;
    font-family: var(--font-body);
    font-size: 0.75rem;
    line-height: 1.6;
    color: var(--color-slate-500);
}

.marketing-footer__columns[b-6csqvch0mz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .marketing-footer__columns[b-6csqvch0mz] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.marketing-footer__column[b-6csqvch0mz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.marketing-footer__heading[b-6csqvch0mz] {
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
    color: var(--color-slate-200);
}

.marketing-footer__column a[b-6csqvch0mz] {
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--color-slate-500);
    text-decoration: none;
    transition: color 0.2s ease;
}

.marketing-footer__column a:hover[b-6csqvch0mz] {
    color: var(--color-slate-200);
}
/* /Components/Shared/Marketing/MarketingHeader.razor.rz.scp.css */
.marketing-header[b-hllhas0dig] {
    position: sticky;
    top: 0;
    z-index: 50;
    width: 100%;
    height: 4rem;
    display: flex;
    align-items: center;
    background-color: rgba(6, 14, 32, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--color-slate-800);
}

.marketing-header__inner[b-hllhas0dig] {
    width: 100%;
    max-width: var(--maxw-content);
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.marketing-header__left[b-hllhas0dig] {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.marketing-header__brand[b-hllhas0dig] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--color-slate-50);
    text-decoration: none;
}

.marketing-header__logo[b-hllhas0dig] {
    width: 1.75rem;
    height: 1.75rem;
    display: block;
}

.marketing-header__nav[b-hllhas0dig] {
    display: none;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .marketing-header__nav[b-hllhas0dig] {
        display: flex;
    }
}

.marketing-header__link[b-hllhas0dig] {
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    font-weight: 500;
    letter-spacing: -0.01em;
    color: var(--color-slate-400);
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease;
}

.marketing-header__link:hover[b-hllhas0dig] {
    color: var(--color-slate-200);
}

.marketing-header__link:active[b-hllhas0dig] {
    transform: scale(0.95);
}

.marketing-header__link.is-active[b-hllhas0dig] {
    color: var(--color-slate-50);
}

.marketing-header__right[b-hllhas0dig] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.marketing-header__login[b-hllhas0dig] {
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    font-weight: 500;
    color: var(--color-primary);
    background-color: rgb(var(--color-slate-800-rgb) / 0.5);
    border: none;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.marketing-header__login:hover[b-hllhas0dig] {
    background-color: rgb(var(--color-slate-800-rgb) / 0.8);
}

.marketing-header__login:active[b-hllhas0dig] {
    transform: scale(0.95);
}

.marketing-header__plan[b-hllhas0dig] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-pill);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-sm-size);
    font-weight: var(--text-label-caps-weight);
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid transparent;
    transition: filter 0.15s ease;
}

.marketing-header__plan:hover[b-hllhas0dig] {
    filter: brightness(1.1);
}

.marketing-header__plan--free[b-hllhas0dig] {
    background-color: rgba(188, 199, 222, 0.15);
    color: var(--color-secondary);
    border-color: rgba(188, 199, 222, 0.3);
}

.marketing-header__plan--pro[b-hllhas0dig] {
    background-color: rgb(var(--color-primary-container-rgb) / 0.15);
    color: var(--color-primary);
    border-color: rgb(var(--color-primary-container-rgb) / 0.4);
}

.marketing-header__plan--unlimited[b-hllhas0dig] {
    background-color: rgba(60, 221, 199, 0.15);
    color: var(--color-tertiary);
    border-color: rgba(60, 221, 199, 0.4);
}

.marketing-header__user[b-hllhas0dig] {
    display: none;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-slate-200);
}

@media (min-width: 768px) {
    .marketing-header__user[b-hllhas0dig] {
        display: inline;
    }
}

.marketing-header__cta[b-hllhas0dig] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-lg);
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    font-weight: 600;
    text-decoration: none;
    transition: filter 0.15s ease, transform 0.15s ease;
}

.marketing-header__cta:hover[b-hllhas0dig] {
    filter: brightness(1.1);
}

.marketing-header__cta:active[b-hllhas0dig] {
    transform: scale(0.95);
}
/* /Components/Shared/Plans/UpgradeCard.razor.rz.scp.css */
.upgrade-card[b-xdd3uz0eef] {
    position: relative;
    background-color: var(--color-surface-container-low);
    border: 1px solid var(--color-outline-variant);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    transition: border-color 0.15s ease;
}

.upgrade-card:hover[b-xdd3uz0eef] {
    border-color: var(--color-outline);
}

.upgrade-card--featured[b-xdd3uz0eef] {
    background-color: var(--color-surface-container-high);
    border: 2px solid var(--color-primary);
    box-shadow: 0 20px 50px -20px rgba(137, 206, 255, 0.15);
}

.upgrade-card--featured:hover[b-xdd3uz0eef] {
    border-color: var(--color-primary);
}

.upgrade-card__badge[b-xdd3uz0eef] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    padding: 0.25rem 0.75rem;
    border-bottom-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-xl);
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-xs-size);
    font-weight: 700;
    letter-spacing: var(--text-label-caps-tracking);
    text-transform: uppercase;
}

.upgrade-card__head[b-xdd3uz0eef] {
    margin-bottom: 1.25rem;
}

.upgrade-card__eyebrow[b-xdd3uz0eef] {
    display: block;
    margin-bottom: 0.5rem;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-size);
    letter-spacing: var(--text-label-caps-tracking);
    font-weight: var(--text-label-caps-weight);
    text-transform: uppercase;
    color: var(--color-on-surface-variant);
}

.upgrade-card__eyebrow--primary[b-xdd3uz0eef] {
    color: var(--color-primary);
}

.upgrade-card__name[b-xdd3uz0eef] {
    margin: 0 0 0.75rem;
    font-family: var(--font-display);
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
    font-weight: var(--text-h2-weight);
    color: var(--color-slate-50);
}

.upgrade-card__price[b-xdd3uz0eef] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.upgrade-card__amount[b-xdd3uz0eef] {
    font-family: var(--font-display);
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--color-slate-50);
    letter-spacing: -0.02em;
}

.upgrade-card__cadence[b-xdd3uz0eef] {
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    color: var(--color-on-surface-variant);
}

.upgrade-card__note[b-xdd3uz0eef] {
    margin: 0.375rem 0 0;
    font-family: var(--font-mono-caps);
    font-size: var(--text-label-caps-sm-size);
    color: var(--color-tertiary);
    letter-spacing: 0.02em;
}

.upgrade-card__features[b-xdd3uz0eef] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    flex-grow: 1;
}

.upgrade-card__features li[b-xdd3uz0eef] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-family: var(--font-body);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-line);
    color: var(--color-on-surface);
}

.upgrade-card__check[b-xdd3uz0eef] {
    color: var(--color-primary);
    font-size: 1.125rem;
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
    flex-shrink: 0;
}

.upgrade-card__cta[b-xdd3uz0eef] {
    width: 100%;
    padding: 0.625rem 1rem;
    border-radius: var(--radius-lg);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: var(--text-body-sm-size);
    cursor: pointer;
    transition: filter 0.15s ease, background-color 0.15s ease, transform 0.1s ease;
}

.upgrade-card__cta:disabled[b-xdd3uz0eef] {
    opacity: 0.6;
    cursor: not-allowed;
}

.upgrade-card__cta--outline[b-xdd3uz0eef] {
    background-color: transparent;
    color: var(--color-on-surface);
    border: 1px solid var(--color-outline-variant);
}

.upgrade-card__cta--outline:hover:not(:disabled)[b-xdd3uz0eef] {
    background-color: var(--color-surface-container-high);
}

.upgrade-card__cta--solid[b-xdd3uz0eef] {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    border: 1px solid var(--color-primary);
    font-weight: 700;
}

.upgrade-card__cta--solid:hover:not(:disabled)[b-xdd3uz0eef] {
    filter: brightness(1.1);
}

.upgrade-card__cta--solid:active:not(:disabled)[b-xdd3uz0eef] {
    transform: scale(0.98);
}
/* /Components/Shared/QuotaBanner.razor.rz.scp.css */
.trial-banner[b-z0frejftva] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.875rem 1.25rem;
    margin-bottom: 1.5rem;
    border-radius: var(--radius-xl);
    border: 1px solid transparent;
    background-color: var(--color-surface-container-low);
    font-family: var(--font-body);
}

.trial-banner__icon[b-z0frejftva] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-pill);
    font-size: 1.25rem;
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.trial-banner__body[b-z0frejftva] {
    flex: 1;
    min-width: 0;
}

.trial-banner__title[b-z0frejftva] {
    margin: 0 0 0.125rem;
    font-family: var(--font-display);
    font-size: var(--text-body-base-size);
    font-weight: 600;
    color: var(--color-slate-50);
}

.trial-banner__text[b-z0frejftva] {
    margin: 0;
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-line);
    color: var(--color-on-surface-variant);
}

.trial-banner__cta[b-z0frejftva] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0.5rem 1.125rem;
    border-radius: var(--radius-lg);
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    font-weight: 700;
    font-size: var(--text-body-sm-size);
    text-decoration: none;
    transition: filter 0.15s ease;
}

.trial-banner__cta:hover[b-z0frejftva] {
    filter: brightness(1.1);
}

/* Info — trial active, plenty of days left */
.trial-banner--info[b-z0frejftva] {
    border-color: rgb(var(--color-primary-container-rgb) / 0.3);
    background-color: rgb(var(--color-primary-container-rgb) / 0.08);
}

.trial-banner--info .trial-banner__icon[b-z0frejftva] {
    background-color: rgb(var(--color-primary-container-rgb) / 0.2);
    color: var(--color-primary);
}

/* Warn — ≤4 days, or quota 80–99% */
.trial-banner--warn[b-z0frejftva] {
    border-color: rgba(245, 158, 11, 0.3);
    background-color: rgba(245, 158, 11, 0.08);
}

.trial-banner--warn .trial-banner__icon[b-z0frejftva] {
    background-color: rgba(245, 158, 11, 0.2);
    color: var(--color-status-warn);
}

.trial-banner--warn .trial-banner__cta[b-z0frejftva] {
    background-color: var(--color-status-warn);
    color: var(--color-slate-900);
}

/* Error — trial expired, or quota ≥100% */
.trial-banner--error[b-z0frejftva] {
    border-color: rgb(var(--color-error-rgb) / 0.3);
    background-color: rgb(var(--color-error-rgb) / 0.08);
}

.trial-banner--error .trial-banner__icon[b-z0frejftva] {
    background-color: rgb(var(--color-error-rgb) / 0.18);
    color: var(--color-error);
}

.trial-banner--error .trial-banner__cta[b-z0frejftva] {
    background-color: var(--color-error);
    color: var(--color-slate-900);
}

@media (max-width: 640px) {
    .trial-banner[b-z0frejftva] {
        flex-wrap: wrap;
    }

    .trial-banner__cta[b-z0frejftva] {
        width: 100%;
        order: 99;
    }
}