@import '_content/BlazorEnterpriseStarter.Components/BlazorEnterpriseStarter.Components.fpc8ia9gmn.bundle.scp.css';
@import '_content/BlazorEnterpriseStarter.DesignSystem/BlazorEnterpriseStarter.DesignSystem.to1y48ecer.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.layout-nav[b-c2l1tlb8o6] {
    display: grid;
    gap: var(--bes-space-3);
}

.layout-nav :deep(.layout-nav__link)[b-c2l1tlb8o6] {
    position: relative;
    display: block;
    padding: var(--bes-space-4);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: calc(var(--bes-radius-lg) - 0.1rem);
    background: var(--bes-color-surface-primary);
    color: inherit;
    text-decoration: none;
    transition:
        border-color 140ms ease,
        box-shadow 140ms ease,
        transform 140ms ease;
}

.layout-nav :deep(.layout-nav__link:where(:link, :visited, :hover, :focus-visible, :active))[b-c2l1tlb8o6] {
    color: inherit;
    text-decoration: none;
}

.layout-nav :deep(.layout-nav__link:hover)[b-c2l1tlb8o6] {
    border-color: var(--bes-color-border-accent);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.layout-nav :deep(.layout-nav__link.active)[b-c2l1tlb8o6] {
    border-color: var(--bes-color-border-accent);
    background: var(--bes-color-accent-surface);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.07);
}

.layout-nav :deep(.layout-nav__link.active)[b-c2l1tlb8o6]::before {
    content: "";
    position: absolute;
    top: 0.85rem;
    bottom: 0.85rem;
    left: 0.65rem;
    width: 0.25rem;
    border-radius: var(--bes-radius-pill);
    background: var(--bes-color-accent-primary);
}

.layout-nav :deep(.layout-nav__link:focus-visible)[b-c2l1tlb8o6] {
    outline: 3px solid rgba(37, 99, 235, 0.18);
    outline-offset: 3px;
}

.layout-nav__headline[b-c2l1tlb8o6] {
    display: flex;
    align-items: center;
    gap: var(--bes-space-3);
    min-width: 0;
}

.layout-nav__icon[b-c2l1tlb8o6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: calc(var(--bes-radius-md) + 0.1rem);
    background: var(--bes-color-surface-secondary);
    color: var(--bes-color-accent-primary);
}

.layout-nav__icon svg[b-c2l1tlb8o6] {
    width: 1rem;
    height: 1rem;
}

.layout-nav__copy[b-c2l1tlb8o6] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.layout-nav__copy strong[b-c2l1tlb8o6] {
    display: block;
    color: var(--bes-color-text-primary);
    font-size: var(--bes-font-size-sm);
    font-weight: var(--bes-font-weight-semibold);
    letter-spacing: -0.01em;
    line-height: 1.35;
}

.layout-nav__copy small[b-c2l1tlb8o6] {
    display: block;
    padding-left: calc(2.25rem + var(--bes-space-3));
    color: var(--bes-color-text-secondary);
    font-size: var(--bes-font-size-xs);
    line-height: 1.45;
}

.layout-nav :deep(.layout-nav__link.active .layout-nav__icon)[b-c2l1tlb8o6] {
    border-color: var(--bes-color-border-accent);
    background: var(--bes-color-surface-primary);
    color: var(--bes-color-accent-strong);
}

.layout-nav :deep(.layout-nav__link.active .layout-nav__copy strong)[b-c2l1tlb8o6] {
    color: var(--bes-color-accent-strong);
}

.layout-sidebar-panel[b-c2l1tlb8o6] {
    display: grid;
    gap: var(--bes-space-3);
}

.layout-sidebar-panel__eyebrow[b-c2l1tlb8o6] {
    margin: 0;
    font-size: var(--bes-font-size-xs);
    font-weight: var(--bes-font-weight-bold);
    letter-spacing: var(--bes-letter-spacing-caps);
    text-transform: uppercase;
    color: var(--bes-color-accent-primary);
}

.layout-sidebar-panel__list[b-c2l1tlb8o6] {
    display: grid;
    gap: var(--bes-space-3);
    margin: 0;
    padding-left: 1.1rem;
    color: var(--bes-color-text-secondary);
    line-height: 1.55;
}

@media (prefers-color-scheme: dark) {
    .layout-nav :deep(.layout-nav__link:hover)[b-c2l1tlb8o6] {
        background: var(--bes-color-surface-secondary);
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-lcwf4ttb90] {
    width: min(25rem, calc(100vw - 2rem));
    margin: 18vh auto;
    padding: 0;
    border: 0;
    border-radius: var(--bes-radius-xl);
    background: transparent;
    color: var(--bes-color-text-primary);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-lcwf4ttb90 0.5s both;
}

#components-reconnect-modal[open][b-lcwf4ttb90] {
    animation:
        components-reconnect-modal-slideUp-b-lcwf4ttb90 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        components-reconnect-modal-fadeInOpacity-b-lcwf4ttb90 0.22s ease-out;
    animation-fill-mode: both;
}

#components-reconnect-modal[b-lcwf4ttb90]::backdrop {
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
    animation: components-reconnect-modal-fadeInOpacity-b-lcwf4ttb90 0.24s ease-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-lcwf4ttb90 {
    0% {
        transform: translateY(18px) scale(0.97);
    }

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-lcwf4ttb90] {
    display: grid;
    gap: var(--bes-space-4);
    justify-items: center;
    padding: var(--bes-space-6);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: var(--bes-radius-xl);
    background: var(--bes-color-surface-primary);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.2);
}

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

.components-reconnect-eyebrow[b-lcwf4ttb90] {
    font-size: var(--bes-font-size-xs);
    font-weight: var(--bes-font-weight-bold);
    letter-spacing: var(--bes-letter-spacing-caps);
    text-transform: uppercase;
    color: var(--bes-color-accent-primary);
}

.components-reconnect-title[b-lcwf4ttb90] {
    font-size: clamp(1.3rem, 2vw, 1.55rem);
    line-height: 1.15;
    color: var(--bes-color-text-primary);
}

.components-reconnect-message[b-lcwf4ttb90],
.components-reconnect-countdown[b-lcwf4ttb90] {
    line-height: 1.6;
    color: var(--bes-color-text-secondary);
}

.components-reconnect-actions[b-lcwf4ttb90] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--bes-space-3);
}

#components-reconnect-modal button[b-lcwf4ttb90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.65rem;
    padding: 0.6rem 1.15rem;
    border: 1px solid var(--bes-color-border-accent);
    border-radius: var(--bes-radius-pill);
    background: var(--bes-color-accent-primary);
    color: var(--bes-color-text-inverse);
    font: inherit;
    font-weight: var(--bes-font-weight-semibold);
    cursor: pointer;
    transition:
        transform 140ms ease,
        background-color 140ms ease,
        border-color 140ms ease,
        box-shadow 140ms ease;
}

#components-reconnect-modal button:hover[b-lcwf4ttb90] {
    transform: translateY(-1px);
    background: var(--bes-color-accent-strong);
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

#components-reconnect-modal button:active[b-lcwf4ttb90] {
    transform: translateY(0);
}

#components-reconnect-modal button:focus-visible[b-lcwf4ttb90] {
    outline: 3px solid rgba(37, 99, 235, 0.18);
    outline-offset: 3px;
}

.components-rejoining-animation[b-lcwf4ttb90] {
    position: relative;
    width: 4.5rem;
    height: 4.5rem;
}

.components-rejoining-animation div[b-lcwf4ttb90] {
    position: absolute;
    border: 3px solid rgba(37, 99, 235, 0.55);
    opacity: 1;
    border-radius: 50%;
    animation: components-rejoining-animation-b-lcwf4ttb90 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

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

@keyframes components-rejoining-animation-b-lcwf4ttb90 {
    0% {
        top: 2.25rem;
        left: 2.25rem;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 2.25rem;
        left: 2.25rem;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 2.25rem;
        left: 2.25rem;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0;
        left: 0;
        width: 4.5rem;
        height: 4.5rem;
        opacity: 0;
    }
}
/* /Components/Pages/Backlog.razor.rz.scp.css */
.backlog-filters-panel[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-6);
    grid-template-columns: minmax(0, 1.9fr) minmax(18rem, 1fr);
    align-items: start;
}

.backlog-filters-panel__controls[b-rt36shl1k9] {
    min-width: 0;
}

.backlog-filters[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-5);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: start;
}

.backlog-filters-panel__summary[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-5);
    padding: var(--bes-space-5);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: calc(var(--bes-radius-lg) + 0.05rem);
    background: var(--bes-color-surface-secondary);
}

.backlog-filters-panel__section[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-3);
}

.backlog-filters-panel__title[b-rt36shl1k9] {
    margin: 0;
    font-size: 0.76rem;
    font-weight: var(--bes-font-weight-bold);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bes-color-text-tertiary);
}

.backlog-filters-panel__empty[b-rt36shl1k9],
.backlog-filters-panel__hint[b-rt36shl1k9] {
    margin: 0;
    color: var(--bes-color-text-secondary);
    line-height: 1.6;
}

.backlog-filters-panel__hint[b-rt36shl1k9] {
    font-size: var(--bes-font-size-sm);
}

.backlog-quick-filters[b-rt36shl1k9],
.backlog-active-filters[b-rt36shl1k9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bes-space-2);
}

.backlog-filters__actions[b-rt36shl1k9] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--bes-space-3);
    width: 100%;
}

.backlog-state[b-rt36shl1k9] {
    display: grid;
    place-items: start;
    gap: var(--bes-space-3);
}

.backlog-summary-grid[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-4);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.backlog-refresh-indicator[b-rt36shl1k9] {
    display: inline-flex;
    align-items: center;
    gap: var(--bes-space-3);
    padding: var(--bes-space-3) var(--bes-space-4);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: var(--bes-radius-pill);
    background: var(--bes-color-surface-primary);
    color: var(--bes-color-text-secondary);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

.backlog-refresh-indicator span[b-rt36shl1k9] {
    font-size: var(--bes-font-size-sm);
}

.backlog-region--busy[b-rt36shl1k9] {
    opacity: 0.72;
}

.backlog-region--busy[b-rt36shl1k9],
.backlog-list__item[b-rt36shl1k9] {
    transition:
        opacity 160ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}

.backlog-metric[b-rt36shl1k9] {
    display: flex;
    align-items: baseline;
    gap: var(--bes-space-2);
    flex-wrap: wrap;
}

.backlog-metric strong[b-rt36shl1k9] {
    font-size: clamp(1.55rem, 2vw, 1.95rem);
    color: var(--bes-color-text-primary);
}

.backlog-metric span[b-rt36shl1k9] {
    color: var(--bes-color-text-secondary);
}

.backlog-list[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-4);
    overflow: hidden;
}

.backlog-list__item[b-rt36shl1k9] {
    min-width: 0;
}

.backlog-list__item .app-card__description[b-rt36shl1k9] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.backlog-list__item:hover[b-rt36shl1k9] {
    transform: none;
}

.backlog-list--slide-next[b-rt36shl1k9] {
    animation: backlog-page-slide-next-b-rt36shl1k9 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.backlog-list--slide-previous[b-rt36shl1k9] {
    animation: backlog-page-slide-previous-b-rt36shl1k9 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.backlog-item__meta[b-rt36shl1k9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bes-space-3);
    align-items: center;
    justify-content: space-between;
}

.backlog-item__badges[b-rt36shl1k9] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--bes-space-2);
}

.backlog-item__date[b-rt36shl1k9] {
    color: var(--bes-color-text-secondary);
    font-size: var(--bes-font-size-sm);
}

.backlog-item__insights[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--bes-space-4);
}

.backlog-item__insight[b-rt36shl1k9] {
    display: grid;
    gap: 0.35rem;
    padding: var(--bes-space-4);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: var(--bes-radius-md);
    background: var(--bes-color-surface-secondary);
}

.backlog-item__insight span[b-rt36shl1k9] {
    font-size: 0.76rem;
    font-weight: var(--bes-font-weight-bold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bes-color-text-tertiary);
}

.backlog-item__insight strong[b-rt36shl1k9] {
    color: var(--bes-color-text-primary);
    line-height: 1.45;
}

.backlog-overview[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.backlog-overview__item[b-rt36shl1k9] {
    display: grid;
    gap: 0.35rem;
    padding: var(--bes-space-4);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: var(--bes-radius-md);
    background: var(--bes-color-surface-secondary);
}

.backlog-overview__item span[b-rt36shl1k9] {
    font-size: 0.76rem;
    font-weight: var(--bes-font-weight-bold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bes-color-text-tertiary);
}

.backlog-overview__item strong[b-rt36shl1k9] {
    color: var(--bes-color-text-primary);
    line-height: 1.4;
}

.backlog-pagination[b-rt36shl1k9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bes-space-3);
    flex-wrap: wrap;
    width: 100%;
}

.backlog-pagination__summary[b-rt36shl1k9] {
    color: var(--bes-color-text-secondary);
    font-size: var(--bes-font-size-sm);
}

.backlog-form[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-5);
}

.backlog-form__summary[b-rt36shl1k9] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: var(--bes-space-4);
    padding: var(--bes-space-5);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: calc(var(--bes-radius-lg) - 0.05rem);
    background: var(--bes-color-surface-secondary);
}

.backlog-form__summary-copy[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-2);
}

.backlog-form__summary-copy strong[b-rt36shl1k9] {
    color: var(--bes-color-text-primary);
    line-height: 1.4;
}

.backlog-form__summary-copy p:last-child[b-rt36shl1k9] {
    margin: 0;
    color: var(--bes-color-text-secondary);
    line-height: 1.6;
}

.backlog-form__summary-eyebrow[b-rt36shl1k9] {
    margin: 0;
    font-size: 0.76rem;
    font-weight: var(--bes-font-weight-bold);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bes-color-text-tertiary);
}

.backlog-form__summary-badges[b-rt36shl1k9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bes-space-2);
}

.backlog-form__grid[b-rt36shl1k9] {
    display: grid;
    gap: var(--bes-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.backlog-form__error[b-rt36shl1k9] {
    margin: 0;
    padding: var(--bes-space-3) var(--bes-space-4);
    border: 1px solid rgba(180, 35, 24, 0.16);
    border-radius: var(--bes-radius-md);
    background: rgba(180, 35, 24, 0.06);
    color: var(--bes-color-danger-text);
}

.backlog-delete p[b-rt36shl1k9] {
    margin: 0;
    line-height: 1.6;
    color: var(--bes-color-text-secondary);
}

@keyframes backlog-page-slide-next-b-rt36shl1k9 {
    from {
        transform: translateX(34px);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes backlog-page-slide-previous-b-rt36shl1k9 {
    from {
        transform: translateX(-34px);
    }

    to {
        transform: translateX(0);
    }
}

@media (max-width: 64rem) {
    .backlog-filters-panel[b-rt36shl1k9] {
        grid-template-columns: 1fr;
    }

    .backlog-filters[b-rt36shl1k9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .backlog-summary-grid[b-rt36shl1k9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .backlog-overview[b-rt36shl1k9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 48rem) {
    .backlog-filters-panel[b-rt36shl1k9],
    .backlog-filters[b-rt36shl1k9],
    .backlog-form__grid[b-rt36shl1k9] {
        grid-template-columns: 1fr;
    }

    .backlog-filters__actions[b-rt36shl1k9] {
        justify-content: flex-start;
    }

    .backlog-refresh-indicator[b-rt36shl1k9] {
        width: 100%;
        justify-content: flex-start;
    }

    .backlog-item__meta[b-rt36shl1k9],
    .backlog-item__insights[b-rt36shl1k9],
    .backlog-form__summary[b-rt36shl1k9] {
        flex-direction: column;
        align-items: stretch;
    }

    .backlog-pagination[b-rt36shl1k9] {
        align-items: stretch;
    }

    .backlog-pagination__summary[b-rt36shl1k9] {
        width: 100%;
        text-align: center;
    }

    .backlog-summary-grid[b-rt36shl1k9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ComponentsShowcase.razor.rz.scp.css */
.showcase-page-note[b-d7qdw2b53u] {
    margin: 0;
    max-width: 38rem;
    line-height: 1.55;
    color: var(--bes-color-text-secondary);
}

.showcase-section[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-4);
}

.showcase-section__header[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-2);
    max-width: 44rem;
}

.showcase-section__eyebrow[b-d7qdw2b53u] {
    margin: 0;
    font-size: var(--bes-font-size-xs);
    font-weight: var(--bes-font-weight-bold);
    letter-spacing: var(--bes-letter-spacing-caps);
    text-transform: uppercase;
    color: var(--bes-color-accent-primary);
}

.showcase-section__header h2[b-d7qdw2b53u],
.showcase-section__header p[b-d7qdw2b53u] {
    margin: 0;
}

.showcase-section__header h2[b-d7qdw2b53u] {
    font-size: clamp(1.5rem, 2vw, 1.88rem);
    line-height: 1.15;
}

.showcase-section__header p[b-d7qdw2b53u] {
    line-height: 1.6;
    color: var(--bes-color-text-secondary);
}

.showcase-grid[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-3);
}

.showcase-grid--two[b-d7qdw2b53u] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.showcase-grid--three[b-d7qdw2b53u] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.showcase-swatches[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-3);
}

.showcase-swatch[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-2);
    min-height: 6.15rem;
    padding: var(--bes-space-4);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: var(--bes-radius-md);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
}

.showcase-swatch strong[b-d7qdw2b53u] {
    color: var(--bes-color-text-primary);
}

.showcase-swatch span[b-d7qdw2b53u] {
    color: var(--bes-color-text-secondary);
    font-size: var(--bes-font-size-sm);
}

.showcase-swatch--canvas[b-d7qdw2b53u] {
    background: var(--bes-color-background-canvas);
}

.showcase-swatch--surface[b-d7qdw2b53u] {
    background: var(--bes-color-surface-primary);
}

.showcase-swatch--brand[b-d7qdw2b53u] {
    background: var(--bes-color-accent-primary);
}

.showcase-swatch--brand strong[b-d7qdw2b53u],
.showcase-swatch--brand span[b-d7qdw2b53u] {
    color: var(--bes-color-text-inverse);
}

.showcase-swatch--highlight[b-d7qdw2b53u] {
    background: rgba(79, 70, 229, 0.12);
}

.showcase-type-scale[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-4);
}

.showcase-type-scale div[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-1);
}

.showcase-type-scale h2[b-d7qdw2b53u],
.showcase-type-scale p[b-d7qdw2b53u] {
    margin: 0;
}

.showcase-type-scale__eyebrow[b-d7qdw2b53u] {
    font-size: var(--bes-font-size-xs);
    font-weight: var(--bes-font-weight-bold);
    letter-spacing: var(--bes-letter-spacing-caps);
    text-transform: uppercase;
    color: var(--bes-color-accent-primary);
}

.showcase-type-scale__meta[b-d7qdw2b53u] {
    color: var(--bes-color-text-secondary);
    font-size: var(--bes-font-size-sm);
}

.showcase-rhythm[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-4);
}

.showcase-rhythm__diagram[b-d7qdw2b53u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--bes-space-3);
}

.showcase-rhythm__frame[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-3);
    padding: var(--bes-space-3);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: var(--bes-radius-md);
    background: var(--bes-color-surface-secondary);
}

.showcase-rhythm__label[b-d7qdw2b53u] {
    font-size: var(--bes-font-size-xs);
    font-weight: var(--bes-font-weight-bold);
    letter-spacing: var(--bes-letter-spacing-caps);
    text-transform: uppercase;
    color: var(--bes-color-accent-primary);
}

.showcase-rhythm__rows[b-d7qdw2b53u] {
    display: grid;
    gap: 0.45rem;
}

.showcase-rhythm__row[b-d7qdw2b53u] {
    display: block;
    height: 0.8rem;
    border-radius: var(--bes-radius-pill);
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.18), rgba(37, 99, 235, 0.08));
}

.showcase-rhythm__row--wide[b-d7qdw2b53u] {
    width: 100%;
}

.showcase-rhythm__row--medium[b-d7qdw2b53u] {
    width: 78%;
}

.showcase-rhythm__row--split[b-d7qdw2b53u] {
    width: 48%;
}

.showcase-list[b-d7qdw2b53u],
.showcase-stack[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-3);
}

.showcase-list[b-d7qdw2b53u] {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--bes-color-text-secondary);
    line-height: 1.55;
}

.showcase-inline[b-d7qdw2b53u] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bes-space-3);
    align-items: center;
}

.showcase-inline--loaders[b-d7qdw2b53u] {
    align-items: flex-end;
}

.showcase-form-grid[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.showcase-feedback[b-d7qdw2b53u] {
    margin: 0;
    line-height: 1.55;
    color: var(--bes-color-text-secondary);
    font-size: var(--bes-font-size-xs);
}

.showcase-nested-header[b-d7qdw2b53u] {
    padding: var(--bes-space-5);
}

.showcase-metrics[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.showcase-metrics div[b-d7qdw2b53u] {
    display: grid;
    gap: 0.35rem;
    padding: var(--bes-space-4);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: var(--bes-radius-md);
    background: var(--bes-color-surface-primary);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.showcase-metrics strong[b-d7qdw2b53u] {
    font-size: var(--bes-font-size-2xl);
    color: var(--bes-color-text-primary);
}

.showcase-metrics span[b-d7qdw2b53u],
.showcase-modal-copy p[b-d7qdw2b53u] {
    color: var(--bes-color-text-secondary);
}

.showcase-visual-token[b-d7qdw2b53u] {
    font-size: 1.6rem;
    font-weight: var(--bes-font-weight-bold);
}

.showcase-modal-copy[b-d7qdw2b53u] {
    display: grid;
    gap: var(--bes-space-3);
}

.showcase-modal-copy p[b-d7qdw2b53u] {
    margin: 0;
}

@media (max-width: 72rem) {
    .showcase-grid--three[b-d7qdw2b53u] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 64rem) {
    .showcase-grid--two[b-d7qdw2b53u],
    .showcase-form-grid[b-d7qdw2b53u],
    .showcase-metrics[b-d7qdw2b53u],
    .showcase-rhythm__diagram[b-d7qdw2b53u] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-section[b-etixzgr23r] {
    display: grid;
    gap: var(--bes-space-5);
}

.home-section__heading[b-etixzgr23r] {
    display: grid;
    gap: var(--bes-space-2);
    max-width: 44rem;
}

.home-section__eyebrow[b-etixzgr23r] {
    margin: 0;
    font-size: var(--bes-font-size-xs);
    font-weight: var(--bes-font-weight-bold);
    letter-spacing: var(--bes-letter-spacing-caps);
    text-transform: uppercase;
    color: var(--bes-color-accent-primary);
}

.home-section__heading h2[b-etixzgr23r],
.home-section__heading p[b-etixzgr23r] {
    margin: 0;
}

.home-section__heading h2[b-etixzgr23r] {
    font-size: clamp(1.5rem, 2vw, 1.88rem);
    line-height: 1.15;
}

.home-section__heading p[b-etixzgr23r] {
    line-height: 1.6;
    color: var(--bes-color-text-secondary);
}

.home-hero-points[b-etixzgr23r] {
    display: grid;
    gap: var(--bes-space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-hero-point[b-etixzgr23r] {
    display: grid;
    gap: var(--bes-space-2);
    padding: var(--bes-space-4);
    border: 1px solid var(--bes-color-border-subtle);
    border-radius: var(--bes-radius-md);
    background: var(--bes-color-surface-secondary);
}

.home-hero-point strong[b-etixzgr23r],
.home-proof-card strong[b-etixzgr23r] {
    color: var(--bes-color-text-primary);
}

.home-hero-point span[b-etixzgr23r],
.home-proof-card span[b-etixzgr23r] {
    color: var(--bes-color-text-secondary);
    font-size: var(--bes-font-size-sm);
    line-height: 1.5;
}

.home-proof-grid[b-etixzgr23r],
.home-entry-grid[b-etixzgr23r],
.home-day-one-grid[b-etixzgr23r] {
    display: grid;
    gap: var(--bes-space-4);
}

.home-proof-grid[b-etixzgr23r] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-entry-grid[b-etixzgr23r] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-architecture-grid[b-etixzgr23r] {
    display: grid;
    gap: var(--bes-space-4);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-day-one-grid[b-etixzgr23r] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-proof-card[b-etixzgr23r] {
    display: grid;
    gap: var(--bes-space-2);
}

.home-proof-card strong[b-etixzgr23r] {
    font-size: clamp(1.55rem, 2vw, 1.95rem);
    line-height: 1;
}

.home-list[b-etixzgr23r],
.home-check-list[b-etixzgr23r] {
    display: grid;
    gap: var(--bes-space-3);
    margin: 0;
    padding-left: 1.1rem;
    color: var(--bes-color-text-secondary);
    line-height: 1.55;
}

.home-platform-grid[b-etixzgr23r] {
    display: grid;
    gap: var(--bes-space-4);
    grid-template-columns: minmax(0, 0.95fr) minmax(19rem, 1.05fr);
    align-items: start;
}

.home-loading-state[b-etixzgr23r] {
    display: grid;
    gap: var(--bes-space-3);
}

.home-loading-state p[b-etixzgr23r] {
    margin: 0;
    color: var(--bes-color-text-secondary);
}

@media (max-width: 72rem) {
    .home-proof-grid[b-etixzgr23r],
    .home-architecture-grid[b-etixzgr23r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 64rem) {
    .home-hero-points[b-etixzgr23r],
    .home-entry-grid[b-etixzgr23r],
    .home-platform-grid[b-etixzgr23r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 48rem) {
    .home-proof-grid[b-etixzgr23r],
    .home-architecture-grid[b-etixzgr23r],
    .home-day-one-grid[b-etixzgr23r] {
        grid-template-columns: 1fr;
    }
}