/* /Components/Account/Pages/Manage/Indexing.razor.rz.scp.css */
.indexing[b-ejcdj9czwk]{max-width:850px;color:#10263e}.eyebrow[b-ejcdj9czwk]{font-size:.75rem;letter-spacing:.15em;font-weight:700;color:#005b9e}.indexing h2[b-ejcdj9czwk]{font-size:2.3rem;margin:.5rem 0 1rem}.indexing h3[b-ejcdj9czwk]{font-size:1.15rem;margin-bottom:.7rem}.indexing p[b-ejcdj9czwk]{line-height:1.6;margin:.7rem 0}.indexing section[b-ejcdj9czwk]{padding:1.3rem;border:1px solid #d4e2ef;border-radius:var(--lottify-radius-panel,6px);margin:1.5rem 0}.indexing ul[b-ejcdj9czwk]{max-height:320px;overflow:auto;padding-left:1.2rem;list-style:disc}.indexing li[b-ejcdj9czwk]{padding:.3rem 0;overflow-wrap:anywhere}.indexing a[b-ejcdj9czwk]{color:#005b9e}.notice[b-ejcdj9czwk]{background:#eaf3fa;border-left:3px solid #005b9e;padding:1rem}.indexing button[b-ejcdj9czwk]{background:#005b9e;color:white;border:0;border-radius:6px;padding:1rem 1.5rem;font-weight:600}.indexing button:disabled[b-ejcdj9czwk]{opacity:.5;cursor:not-allowed}.hint[b-ejcdj9czwk]{font-size:.85rem;color:#526579}
/* /Components/Account/Shared/AuthLayout.razor.rz.scp.css */
.account-motion-shell[b-by37dpgilt] {
    min-height: 100vh;
    opacity: 0;
    animation: account-page-enter-b-by37dpgilt 720ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.account-motion-shell[b-by37dpgilt]  section.relative.hidden.overflow-hidden::after {
    position: absolute;
    inset: -25%;
    content: "";
    pointer-events: none;
    background: radial-gradient(circle, rgb(35 136 255 / 0.07), transparent 42%);
    opacity: 0.45;
    transform: translate3d(-8%, -4%, 0) scale(0.92);
    animation: account-ambient-glow-b-by37dpgilt 8s ease-in-out infinite alternate;
}

@keyframes account-page-enter-b-by37dpgilt {
    to {
        opacity: 1;
    }
}

@keyframes account-ambient-glow-b-by37dpgilt {
    to {
        opacity: 0.75;
        transform: translate3d(10%, 7%, 0) scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    .account-motion-shell[b-by37dpgilt],
    .account-motion-shell[b-by37dpgilt]  section.relative.hidden.overflow-hidden::after {
        opacity: 1;
        transform: none;
        animation: none;
    }
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.account-manage-shell[b-243zdjxbq7] {
    opacity: 0;
    animation: account-manage-enter-b-243zdjxbq7 720ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.account-manage-shell > section[b-243zdjxbq7],
.account-manage-shell > div > section[b-243zdjxbq7] {
    will-change: transform, opacity;
}

.account-manage-shell[b-243zdjxbq7]  section.relative.hidden.overflow-hidden::after {
    position: absolute;
    inset: -25%;
    content: "";
    pointer-events: none;
    background: radial-gradient(circle, rgb(35 136 255 / 0.07), transparent 42%);
    opacity: 0.45;
    transform: translate3d(-8%, -4%, 0) scale(0.92);
    animation: account-manage-glow-b-243zdjxbq7 8s ease-in-out infinite alternate;
}

@keyframes account-manage-enter-b-243zdjxbq7 {
    to {
        opacity: 1;
    }
}

@keyframes account-manage-glow-b-243zdjxbq7 {
    to {
        opacity: 0.75;
        transform: translate3d(10%, 7%, 0) scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    .account-manage-shell[b-243zdjxbq7],
    .account-manage-shell[b-243zdjxbq7]  section.relative.hidden.overflow-hidden::after {
        opacity: 1;
        transform: none;
        animation: none;
    }
}
/* /Components/Home/CombinationCanvas.razor.rz.scp.css */
.canvas-shell[b-1ks457riil] {
    isolation: isolate;
}

.canvas-aurora[b-1ks457riil] {
    background:
        radial-gradient(circle at 84% 10%, rgb(47 134 213 / 24%), transparent 30%),
        radial-gradient(circle at 8% 92%, rgb(102 183 255 / 14%), transparent 34%);
}

.canvas-grid[b-1ks457riil] {
    background-image:
        linear-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 5%) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(to bottom, black, transparent 92%);
}

.canvas-range[b-1ks457riil] {
    accent-color: #66b7ff;
    cursor: pointer;
}

.canvas-shell button:focus-visible[b-1ks457riil],
.canvas-range:focus-visible[b-1ks457riil] {
    outline: 3px solid #ffb84d;
    outline-offset: 3px;
}

.orbit-scan[b-1ks457riil] {
    animation: orbit-scan-b-1ks457riil 9s linear infinite;
    transform-box: fill-box;
    transform-origin: center;
}

.combination-path[b-1ks457riil] {
    stroke-dasharray: 8 7;
    animation: path-flow-b-1ks457riil 10s linear infinite;
}

.selected-node[b-1ks457riil] {
    animation: node-pulse-b-1ks457riil 3.2s ease-in-out infinite;
    transform-box: fill-box;
    transform-origin: center;
}

@keyframes orbit-scan-b-1ks457riil {
    to { transform: rotate(360deg); }
}

@keyframes path-flow-b-1ks457riil {
    to { stroke-dashoffset: -150; }
}

@keyframes node-pulse-b-1ks457riil {
    0%, 100% { opacity: 0.82; transform: scale(0.94); }
    50% { opacity: 1; transform: scale(1.05); }
}

@media (prefers-reduced-motion: reduce) {
    .orbit-scan[b-1ks457riil],
    .combination-path[b-1ks457riil],
    .selected-node[b-1ks457riil] {
        animation: none;
    }
}

@media (max-width: 639px) {
    .canvas-shell[b-1ks457riil] {
        padding: 1rem;
        border-radius: var(--lottify-radius-panel, 6px);
    }

    .canvas-layout[b-1ks457riil] {
        gap: 1rem;
        margin-top: 1rem;
    }

    .canvas-controls[b-1ks457riil] {
        padding: 1rem;
        border-radius: var(--lottify-radius-panel, 6px);
    }

    .canvas-k-options[b-1ks457riil],
    .canvas-count[b-1ks457riil] {
        margin-top: 1.25rem;
    }

    .canvas-k-options button[b-1ks457riil] {
        min-width: 44px;
        height: 44px;
    }

    .canvas-visual[b-1ks457riil] {
        min-height: 0;
        padding: 1rem;
        border-radius: var(--lottify-radius-panel, 6px);
    }

    .canvas-orbit[b-1ks457riil] {
        height: 13.5rem;
    }

    .canvas-results[b-1ks457riil] {
        margin-top: .25rem;
        padding: .85rem;
    }

    .canvas-results-head[b-1ks457riil] {
        align-items: stretch;
        flex-direction: column;
        gap: .75rem;
    }

    .canvas-results-head button[b-1ks457riil] {
        justify-content: center;
        min-height: 44px;
    }

    .canvas-preview-grid[b-1ks457riil] {
        gap: .4rem;
        margin-top: .6rem;
    }

    .preview-column[b-1ks457riil] {
        padding: .45rem .6rem;
        border-radius: var(--lottify-radius-panel, 6px);
    }
}
/* /Components/Home/NumberBaseGenerator.razor.rz.scp.css */
#origine-numeri[b-qzg9865bzo] {
    scroll-margin-top: 4.75rem;
}

.number-source-section[b-qzg9865bzo] {
    isolation: isolate;
}

.number-source-grid[b-qzg9865bzo] {
    z-index: -2;
    background-image:
        linear-gradient(rgb(0 76 142 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(0 76 142 / 4%) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: radial-gradient(circle at 72% 50%, black, transparent 84%);
}

.number-source-glow[b-qzg9865bzo] {
    z-index: -1;
    background: radial-gradient(circle, rgb(102 183 255 / 20%), transparent 70%);
    filter: blur(22px);
}

.number-generator-panel[b-qzg9865bzo] {
    isolation: isolate;
}

.number-generator-grid[b-qzg9865bzo] {
    z-index: -2;
    background-image:
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(135deg, black, transparent 86%);
}

.number-generator-orbit[b-qzg9865bzo] {
    z-index: -1;
    border: 1px solid rgb(138 199 255 / 15%);
    box-shadow: 0 0 0 3rem rgb(102 183 255 / 5%), 0 0 0 6rem rgb(102 183 255 / 3%);
}

.number-source-range[b-qzg9865bzo] {
    height: 4px;
    border-radius: 999px;
    outline: none;
    background: linear-gradient(90deg, #66b7ff, rgb(255 255 255 / 16%));
    accent-color: #66b7ff;
}

.number-source-range:focus-visible[b-qzg9865bzo] {
    outline: 3px solid #ffb84d;
    outline-offset: 5px;
}

.number-base-value[b-qzg9865bzo] {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 7px 16px rgb(0 0 0 / 16%);
}

@media (prefers-reduced-motion: no-preference) {
    .number-generator-orbit[b-qzg9865bzo] {
        animation: number-orbit-drift-b-qzg9865bzo 14s linear infinite;
    }

    .number-base-value[b-qzg9865bzo] {
        animation: number-value-arrive-b-qzg9865bzo .34s cubic-bezier(.16, 1, .3, 1) both;
    }

    .number-base-value:nth-child(2n)[b-qzg9865bzo] { animation-delay: .035s; }
    .number-base-value:nth-child(3n)[b-qzg9865bzo] { animation-delay: .07s; }
    .number-base-value:nth-child(5n)[b-qzg9865bzo] { animation-delay: .105s; }

    @keyframes number-orbit-drift-b-qzg9865bzo {
        to { transform: rotate(360deg); }
    }

    @keyframes number-value-arrive-b-qzg9865bzo {
        from { opacity: 0; transform: translateY(.55rem) scale(.85); }
        to { opacity: 1; transform: translateY(0) scale(1); }
    }
}

@media (max-width: 639px) {
    .number-source-methods[b-qzg9865bzo] {
        gap: .85rem;
    }

    .number-generator-panel[b-qzg9865bzo] {
        border-radius: var(--lottify-radius-panel, 6px);
        padding: 1.25rem;
    }

    .number-generator-controls[b-qzg9865bzo] {
        grid-template-columns: minmax(0, 1fr);
    }

    .number-base-output[b-qzg9865bzo] {
        min-height: 4.5rem;
    }

    .number-base-value[b-qzg9865bzo] {
        width: 2.25rem;
        min-width: 2.25rem;
        height: 2.25rem;
        font-size: .75rem;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-58yh1ao6yu] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-58yh1ao6yu] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.guide-desktop-nav[b-yc701rfady],
.public-desktop-navigation[b-yc701rfady] {
    color: #0a1b2e;
    display: none;
}

.public-brand__wordmark[b-yc701rfady],
.public-home-link__label[b-yc701rfady] {
    display: inline-block;
}

.guide-top-link[b-yc701rfady],
.guide-top-summary[b-yc701rfady] {
    align-items: center;
    color: rgb(10 27 46 / 0.68);
    display: inline-flex;
    gap: 0.5rem;
    min-height: 3rem;
    padding: 0 0.75rem;
    text-decoration: none;
    border-radius: 0;
    transition: color 160ms ease, background-color 160ms ease;
    white-space: nowrap;
}

.guide-top-link:hover[b-yc701rfady],
.guide-top-link:focus-visible[b-yc701rfady],
.guide-top-summary:hover[b-yc701rfady],
.guide-top-summary:focus-visible[b-yc701rfady],
.guide-top-link--active[b-yc701rfady],
.guide-top-summary--active[b-yc701rfady],
.guide-mega[open] > .guide-top-summary[b-yc701rfady] {
    background: #e4e8ed;
    color: #1e293b;
}

.guide-top-link:focus-visible[b-yc701rfady],
.guide-top-summary:focus-visible[b-yc701rfady] {
    outline: 2px solid #64748b;
    outline-offset: 2px;
}

.guide-top-summary[b-yc701rfady] {
    cursor: pointer;
    list-style: none;
    position: relative;
}

.guide-top-summary[b-yc701rfady]::-webkit-details-marker {
    display: none;
}

.guide-top-summary[b-yc701rfady]::after {
    display: none;
}

.guide-top-summary--active[b-yc701rfady]::after,
.guide-mega[open] > .guide-top-summary[b-yc701rfady]::after {
    opacity: 1;
    transform: scaleX(1);
}

.guide-mega-chevron[b-yc701rfady] {
    font-size: 0.65rem;
    transition: transform 180ms ease;
}

.guide-mega[open] .guide-mega-chevron[b-yc701rfady] {
    transform: rotate(180deg);
}

.mobile-guide-group[open] > summary i[b-yc701rfady] {
    transform: rotate(180deg);
}

.mobile-guide-group > summary:focus-visible[b-yc701rfady] {
    background: #edf6ff;
    color: #075a9d;
    outline: none;
}

.guide-mega-panel[b-yc701rfady] {
    animation: guide-menu-enter-b-yc701rfady 180ms ease-out both;
    background: #fff;
    border-bottom: 1px solid #dfe4e8;
    border-top: 1px solid #e7eaed;
    box-shadow: 0 6px 14px rgb(6 22 43 / 0.01);
    left: 0;
    max-height: calc(100vh - 4.75rem);
    overflow-x: clip;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 4.75rem;
    z-index: 60;
}

.guide-mega-panel[b-yc701rfady]::before {
    display: none;
}

.guide-mega-panel[b-yc701rfady]::after {
    display: none;
}

.guide-mega-content[b-yc701rfady] {
    box-sizing: border-box;
    display: grid;
    gap: clamp(3rem, 6vw, 6.5rem);
    grid-template-columns: minmax(17rem, 0.68fr) minmax(34rem, 1.75fr);
    margin: 0 auto;
    max-width: 90rem;
    padding: 2.6rem 3rem 2.9rem;
    position: relative;
    width: 100%;
    z-index: 1;
}

.guide-mega-intro[b-yc701rfady] {
    padding: 0.15rem 0;
    position: relative;
}

.guide-mega-intro--analysis[b-yc701rfady] {
    border-left-color: transparent;
}

.guide-mega-intro[b-yc701rfady]::after {
    display: none;
}

.guide-mega-intro--analysis[b-yc701rfady]::after {
    display: none;
}

.guide-mega-eyebrow[b-yc701rfady] {
    color: #557083;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    margin: 0;
    text-transform: uppercase;
}

.guide-mega-intro h2[b-yc701rfady] {
    color: #071527;
    font-size: clamp(1.8rem, 2.4vw, 2.45rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.02;
    margin: 0.8rem 0 0;
    max-width: 24rem;
}

.guide-mega-intro > p:not(.guide-mega-eyebrow)[b-yc701rfady] {
    color: #5f6d79;
    font-size: 0.88rem;
    line-height: 1.65;
    margin: 1rem 0 0;
    max-width: 27rem;
}

.guide-mega-index-link[b-yc701rfady] {
    align-items: center;
    color: #071527;
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 850;
    gap: 0.55rem;
    margin-top: 1.15rem;
    text-decoration: none;
    transition: color 180ms ease, transform 180ms ease;
}

.guide-mega-index-link:hover[b-yc701rfady],
.guide-mega-index-link:focus-visible[b-yc701rfady] {
    color: #075a9d;
    outline: none;
    transform: translateX(0.3rem);
}

.guide-mega-chapters[b-yc701rfady] {
    display: grid;
    gap: clamp(0.4rem, 1vw, 0.8rem) clamp(1.25rem, 2.5vw, 2.5rem);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.guide-mega-chapter[b-yc701rfady] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #071527;
    display: grid;
    gap: clamp(0.75rem, 1.4vw, 1.15rem);
    grid-template-columns: clamp(4rem, 5.5vw, 6rem) minmax(0, 1fr) auto;
    min-height: clamp(5.75rem, 7.5vw, 7.25rem);
    overflow: hidden;
    padding: clamp(0.8rem, 1.4vw, 1.3rem) clamp(0.15rem, 0.5vw, 0.45rem);
    position: relative;
    text-decoration: none;
    transition: color 180ms ease;
}

.guide-mega-chapter[b-yc701rfady]::before {
    display: none;
}

.guide-mega-chapter[b-yc701rfady]::after {
    color: #9aa5ae;
    content: "→";
    font-size: 1.15rem;
    line-height: 1;
    position: relative;
    transition: color 180ms ease, transform 180ms ease;
}

.guide-mega-chapter:hover[b-yc701rfady],
.guide-mega-chapter:focus-visible[b-yc701rfady] {
    background: transparent;
    color: #075a9d;
    outline: none;
    transform: none;
}

.guide-mega-chapter:hover[b-yc701rfady]::after,
.guide-mega-chapter:focus-visible[b-yc701rfady]::after {
    color: #075a9d;
    transform: translateX(0.35rem);
}

.guide-mega-chapter--active[b-yc701rfady] {
    background: transparent;
}

.guide-mega-number[b-yc701rfady] {
    color: #c6cbd0;
    font-size: clamp(3.25rem, 4.7vw, 5rem);
    font-weight: 800;
    letter-spacing: -0.075em;
    line-height: 0.8;
    padding-top: 0;
    position: relative;
    transition: color 220ms ease, transform 220ms cubic-bezier(.2, .8, .2, 1);
    z-index: 1;
}

.guide-mega-chapter strong[b-yc701rfady],
.guide-mega-chapter small[b-yc701rfady] {
    display: block;
}

.guide-mega-chapter strong[b-yc701rfady] {
    font-size: clamp(0.9rem, 1vw, 1.05rem);
    font-weight: 800;
    line-height: 1.25;
    position: relative;
    z-index: 1;
}

.guide-mega-chapter small[b-yc701rfady] {
    color: #697783;
    font-size: clamp(0.72rem, 0.75vw, 0.8rem);
    line-height: 1.5;
    margin-top: 0.38rem;
    position: relative;
    z-index: 1;
}

.guide-mega-chapter:hover .guide-mega-number[b-yc701rfady],
.guide-mega-chapter:focus-visible .guide-mega-number[b-yc701rfady] {
    color: #aeb5bb;
    transform: none;
}

.guide-mega-icon[b-yc701rfady] {
    color: #c6cbd0;
    display: grid;
    font-size: clamp(2.75rem, 4vw, 4.5rem);
    line-height: 1;
    place-items: center;
    position: relative;
    transition: color 180ms ease;
    z-index: 1;
}

.guide-mega-chapter:hover .guide-mega-icon[b-yc701rfady],
.guide-mega-chapter:focus-visible .guide-mega-icon[b-yc701rfady] {
    color: #aeb5bb;
}

.site-mega-content[b-yc701rfady] {
    gap: clamp(2.5rem, 4vw, 4.5rem);
    grid-template-columns: minmax(15rem, 0.54fr) minmax(0, 2.1fr);
}

.site-mega-links[b-yc701rfady] {
    gap: clamp(0.3rem, 0.8vw, 0.7rem) clamp(1rem, 2vw, 2rem);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.site-mega--two-rows .site-mega-links[b-yc701rfady] {
    align-content: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-self: start;
    max-width: 52rem;
    width: 100%;
}

.site-mega--two-rows .site-mega-links .guide-mega-chapter[b-yc701rfady] {
    min-height: clamp(5.75rem, 6.5vw, 6.75rem);
}

.site-mega-links .guide-mega-chapter[b-yc701rfady] {
    grid-template-columns: clamp(3.5rem, 4.5vw, 5rem) minmax(0, 1fr) auto;
    min-height: clamp(6.5rem, 8vw, 7.75rem);
}

.guide-mega-destination-label[b-yc701rfady] {
    color: #075a9d;
    display: inline-block;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1;
    margin-bottom: 0.4rem;
    text-transform: uppercase;
}

.public-account-compact__summary[b-yc701rfady] {
    align-items: center;
    background: transparent;
    border: 0;
    color: rgb(10 27 46 / 0.68);
    cursor: pointer;
    display: inline-flex;
    gap: 0.55rem;
    justify-content: center;
    list-style: none;
    min-height: 2.75rem;
    min-width: 2.75rem;
    padding: 0.5rem 0.65rem;
    transition: color 160ms ease, background-color 160ms ease;
}

.public-account-compact[b-yc701rfady] {
    display: none;
}

.public-account-compact__summary[b-yc701rfady]::-webkit-details-marker {
    display: none;
}

.public-account-compact__summary:hover[b-yc701rfady],
.public-account-compact__summary:focus-visible[b-yc701rfady],
.public-account-compact[open] > .public-account-compact__summary[b-yc701rfady] {
    background: #e4e8ed;
    color: #1e293b;
    outline: none;
}

.public-account-compact__label[b-yc701rfady] {
    display: none;
    font-size: 0.875rem;
    font-weight: 700;
}

.public-account-compact__chevron[b-yc701rfady] {
    font-size: 0.62rem;
    transition: transform 180ms ease;
}

.public-account-compact[open] .public-account-compact__chevron[b-yc701rfady] {
    transform: rotate(180deg);
}

.public-account-compact__panel[b-yc701rfady] {
    background: #fff;
    border: 1px solid #dfe4e8;
    box-shadow: 0 16px 36px rgb(6 22 43 / 0.14);
    min-width: 14rem;
    padding: 0.55rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.65rem);
    z-index: 70;
}

.public-account-compact__item[b-yc701rfady] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #334155;
    display: flex;
    font-size: 0.875rem;
    font-weight: 650;
    gap: 0.7rem;
    min-height: 2.75rem;
    padding: 0.7rem 0.8rem;
    text-align: left;
    text-decoration: none;
    transition: background-color 160ms ease, color 160ms ease;
    width: 100%;
}

.public-account-compact__item:hover[b-yc701rfady],
.public-account-compact__item:focus-visible[b-yc701rfady] {
    background: #e4e8ed;
    color: #1e293b;
    outline: none;
}

.public-account-compact__button[b-yc701rfady] {
    cursor: pointer;
    font-family: inherit;
}

.public-mobile-navigation[b-yc701rfady] {
    display: block;
}

.public-mobile-navigation > nav[b-yc701rfady] {
    max-height: calc(100vh - 6.5rem);
    overflow-y: auto;
}

@keyframes guide-menu-enter-b-yc701rfady {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1279.98px) {
    .guide-top-link[b-yc701rfady],
    .guide-top-summary[b-yc701rfady] {
        padding-inline: 0.45rem;
    }

    .guide-top-summary[b-yc701rfady]::after {
        left: 0.45rem;
        right: 0.45rem;
    }

    .guide-mega-content[b-yc701rfady] {
        gap: 2rem;
        grid-template-columns: minmax(14rem, 0.62fr) minmax(30rem, 1.55fr);
        padding-inline: 2rem;
    }
}

@media (min-width: 900px) {
    .guide-desktop-nav[b-yc701rfady],
    .public-desktop-navigation[b-yc701rfady] {
        display: flex;
    }

    .public-mobile-navigation[b-yc701rfady] {
        display: none;
    }
}

@media (min-width: 900px) and (max-width: 1279.98px) {
    .public-brand[b-yc701rfady] {
        gap: 0;
    }

    .public-brand__wordmark[b-yc701rfady],
    .public-home-link__label[b-yc701rfady] {
        display: none;
    }

    .public-home-link[b-yc701rfady] {
        gap: 0;
        justify-content: center;
        min-width: 2.75rem;
        padding-inline: 0.65rem;
    }

    .public-account-compact[b-yc701rfady] {
        display: block;
    }
}

@media (min-width: 900px) and (max-width: 1199.98px) {
    .site-mega-links[b-yc701rfady] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1120px) and (max-width: 1279.98px) {
    .public-account-compact__label[b-yc701rfady] {
        display: inline;
    }
}

@media (prefers-reduced-motion: reduce) {
    .guide-mega-panel[b-yc701rfady] {
        animation: none;
    }

    .guide-mega-chapter[b-yc701rfady],
    .guide-mega-chapter[b-yc701rfady]::before,
    .guide-mega-chapter[b-yc701rfady]::after,
    .guide-mega-number[b-yc701rfady],
    .guide-mega-icon[b-yc701rfady],
    .guide-mega-chevron[b-yc701rfady],
    .guide-mega-index-link[b-yc701rfady],
    .public-account-compact__chevron[b-yc701rfady],
    .public-account-compact__item[b-yc701rfady],
    .public-account-compact__summary[b-yc701rfady],
    .guide-top-summary[b-yc701rfady]::after {
        transition: none;
    }
}
.public-dashboard-link[b-yc701rfady] {
    flex-shrink: 0;
    margin-left: 6px;
    border-radius: 0 !important;
    font-size: .85rem;
    font-weight: 500;
    text-decoration: none;
}
.public-account-actions a[b-yc701rfady],
.public-account-actions button[b-yc701rfady],
.public-account-compact__summary[b-yc701rfady],
.public-account-compact__item[b-yc701rfady],
.public-mobile-navigation > summary[b-yc701rfady],
.public-mobile-navigation > nav a[b-yc701rfady],
.public-mobile-navigation > nav button[b-yc701rfady] {
    border-radius: 0 !important;
}
.public-account-actions a:hover[b-yc701rfady],
.public-account-actions a:focus-visible[b-yc701rfady],
.public-account-actions button:hover[b-yc701rfady],
.public-account-actions button:focus-visible[b-yc701rfady] {
    background: #e4e8ed;
    color: #1e293b;
}
.public-mobile-navigation > summary[b-yc701rfady] {
    border: 0;
    background: transparent;
}
.public-mobile-navigation > summary:hover[b-yc701rfady],
.public-mobile-navigation[open] > summary[b-yc701rfady],
.public-mobile-navigation > nav a:hover[b-yc701rfady],
.public-mobile-navigation > nav a:focus-visible[b-yc701rfady],
.public-mobile-navigation > nav button:hover[b-yc701rfady],
.public-mobile-navigation > nav button:focus-visible[b-yc701rfady] {
    background: #e4e8ed;
    color: #1e293b;
}
.public-account-actions a:focus-visible[b-yc701rfady],
.public-account-actions button:focus-visible[b-yc701rfady],
.public-account-compact__item:focus-visible[b-yc701rfady],
.public-account-compact__summary:focus-visible[b-yc701rfady],
.public-mobile-navigation > summary:focus-visible[b-yc701rfady] {
    outline: 2px solid #64748b;
    outline-offset: 2px;
}

/* Il marchio conserva la forma originale anche con i pannelli più squadrati. */
footer .grid-cols-2.rounded-xl[b-yc701rfady] {
    border-radius: .75rem;
}

.site-footer-grid[b-yc701rfady] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "brand brand" "explore info" "contact contact";
    gap: 24px 32px;
    padding-block: 24px;
}

.site-footer-brand[b-yc701rfady] { grid-area: brand; }
.site-footer-explore[b-yc701rfady] { grid-area: explore; }
.site-footer-contact[b-yc701rfady] { grid-area: contact; margin: 0; }
.site-footer-info[b-yc701rfady] { grid-area: info; }
.site-footer p[b-yc701rfady] { margin: 0; }
.site-footer .site-footer-description[b-yc701rfady] { margin-top: 12px; }
.site-footer .site-footer-disclaimer[b-yc701rfady] { margin-top: 8px; }

.site-footer-links[b-yc701rfady],
.site-footer-contact-details[b-yc701rfady] {
    display: grid;
    margin-top: 8px;
    min-width: 0;
}

.site-footer-contact-details[b-yc701rfady] {
    gap: 6px;
    justify-items: start;
}

.site-footer-links a[b-yc701rfady],
.site-footer-contact-details > a[b-yc701rfady] {
    min-height: 28px;
    padding-block: 4px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.site-footer a:focus-visible[b-yc701rfady] {
    outline: 2px solid #66b7ff;
    outline-offset: 2px;
    color: #fff;
}

.site-footer-bottom[b-yc701rfady] { padding-block: 12px; }

@media (min-width: 960px) {
    .site-footer-grid[b-yc701rfady] {
        grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr) minmax(0, .75fr) minmax(0, .9fr);
        grid-template-areas: "brand explore contact info";
    }
}

@media (max-width: 767.98px) {
    .site-footer-grid[b-yc701rfady] { column-gap: 20px; }
    .site-footer-links a[b-yc701rfady],
    .site-footer-contact-details > a[b-yc701rfady] {
        min-height: 32px;
        padding-block: 6px;
    }
}

/* Blazor shows this panel with an inline style when an error occurs. */
#blazor-error-ui[b-yc701rfady] {
    color-scheme: light only;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: .6rem 1.25rem .7rem;
    background: lightyellow;
    box-shadow: 0 -1px 2px rgb(0 0 0 / .2);
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-yc701rfady] {
    position: absolute;
    top: .5rem;
    right: .75rem;
    cursor: pointer;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2z12mlzkxz],
.components-reconnect-repeated-attempt-visible[b-2z12mlzkxz],
.components-reconnect-failed-visible[b-2z12mlzkxz],
.components-pause-visible[b-2z12mlzkxz],
.components-resume-failed-visible[b-2z12mlzkxz],
.components-rejoining-animation[b-2z12mlzkxz] {
    display: none;
}

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


#components-reconnect-modal[b-2z12mlzkxz] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: var(--lottify-radius-panel, 6px);
    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-2z12mlzkxz 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-2z12mlzkxz {
    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/CompleteSystems.razor.rz.scp.css */
.complete-page[b-y82cw53d5u] {
    --ink: #06162b;
    --navy: #082a4c;
    --blue: #075a9d;
    --sky: #66b7ff;
    --mist: #e8f3fb;
    overflow: hidden;
    background: #f5f8fb;
    color: var(--ink);
}

.complete-hero[b-y82cw53d5u] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(112deg, #06162b 0%, #082a4c 67%, #0a4777 100%);
    color: white;
}

.complete-hero[b-y82cw53d5u]::after {
    position: absolute;
    z-index: -1;
    width: 42rem;
    height: 42rem;
    top: -25rem;
    right: -7rem;
    border: 1px solid rgba(102, 183, 255, .2);
    border-radius: 50%;
    box-shadow: 0 0 0 6rem rgba(102, 183, 255, .035), 0 0 0 13rem rgba(102, 183, 255, .025);
    content: "";
}

.complete-hero__grid[b-y82cw53d5u] {
    position: absolute;
    z-index: -2;
    inset: 0;
    background-image: linear-gradient(rgba(102,183,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(102,183,255,.055) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: linear-gradient(90deg, black, transparent 82%);
}

.complete-hero__inner[b-y82cw53d5u],
.complete-article[b-y82cw53d5u],
.complete-lab__inner[b-y82cw53d5u] {
    width: min(100% - 2.5rem, 90rem);
    margin-inline: auto;
}

.complete-hero__inner[b-y82cw53d5u] {
    padding-block: clamp(4.5rem, 9vw, 8rem);
}

.complete-eyebrow[b-y82cw53d5u],
.complete-kicker[b-y82cw53d5u] {
    color: #5aa8df;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.complete-eyebrow span[b-y82cw53d5u] {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    margin-right: .7rem;
    place-items: center;
    border: 1px solid rgba(102, 183, 255, .35);
    background: rgba(102, 183, 255, .08);
    color: #8ac7ff;
}

.complete-hero h1[b-y82cw53d5u] {
    max-width: 74rem;
    margin: 1.75rem 0 0;
    font-size: clamp(3.3rem, 8.6vw, 8rem);
    font-weight: 950;
    letter-spacing: -.018em;
    line-height: .85;
}

.complete-hero h1 em[b-y82cw53d5u] {
    color: var(--sky);
    font-style: normal;
}

.complete-hero__lead[b-y82cw53d5u] {
    max-width: 57rem;
    margin-top: 2.25rem;
    color: rgba(255,255,255,.7);
    font-size: clamp(1.05rem, 2vw, 1.28rem);
    line-height: 1.75;
}

.complete-hero__facts[b-y82cw53d5u] {
    display: flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 1.25rem;
    margin-top: 2.75rem;
    padding: 1rem 1.2rem;
    border: 1px solid rgba(138,199,255,.18);
    background: rgba(2, 20, 39, .52);
    backdrop-filter: blur(8px);
}

.complete-hero__facts div[b-y82cw53d5u] {
    display: grid;
    gap: .2rem;
}

.complete-hero__facts span[b-y82cw53d5u] {
    color: rgba(255,255,255,.52);
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.complete-hero__facts strong[b-y82cw53d5u] {
    font-size: .95rem;
}

.complete-hero__facts i[b-y82cw53d5u] {
    color: #66b7ff;
}

.complete-hero__facts .is-result strong[b-y82cw53d5u] {
    color: #8ac7ff;
}

.complete-article[b-y82cw53d5u] {
    padding-block: clamp(3.25rem, 5vw, 5.25rem);
}

.complete-article--lower[b-y82cw53d5u] {
    padding-top: 3.5rem;
}

.complete-section[b-y82cw53d5u] {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: 2.25rem;
}

.complete-section + .complete-section[b-y82cw53d5u] {
    margin-top: clamp(3rem, 5vw, 5rem);
}

.complete-number[b-y82cw53d5u] {
    color: #dce4eb;
    font-size: clamp(4.5rem, 8vw, 7.75rem);
    font-weight: 950;
    letter-spacing: -.08em;
    line-height: .8;
}

.complete-copy[b-y82cw53d5u] {
    max-width: 74rem;
}

.complete-copy h2[b-y82cw53d5u],
.complete-lab h2[b-y82cw53d5u] {
    margin: .75rem 0 0;
    max-width: 64rem;
    font-size: clamp(2.15rem, 5vw, 4.75rem);
    font-weight: 950;
    letter-spacing: -.045em;
    line-height: .98;
}

.complete-prose[b-y82cw53d5u] {
    display: grid;
    max-width: 68rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
    margin-top: 2.25rem;
    color: #4c6580;
    font-size: 1.04rem;
    line-height: 1.8;
}

.complete-prose strong[b-y82cw53d5u] {
    color: #173e63;
}

.complete-prose--after-flow[b-y82cw53d5u] {
    grid-template-columns: 1fr;
}

.complete-definition[b-y82cw53d5u] {
    display: flex;
    max-width: 68rem;
    align-items: flex-start;
    gap: 1.15rem;
    margin-top: 2rem;
    padding: 1.5rem;
    border-left: 3px solid #3d8ec5;
    background: linear-gradient(90deg, #e6f2fb, #f0f7fc);
    color: #234d70;
}

.complete-definition i[b-y82cw53d5u] {
    margin-top: .25rem;
    color: #176aa8;
    font-size: 1.25rem;
}

.complete-definition span[b-y82cw53d5u] {
    display: block;
    margin-bottom: .35rem;
    color: #176aa8;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.complete-definition p[b-y82cw53d5u] {
    line-height: 1.7;
}

.complete-section-lead[b-y82cw53d5u] {
    max-width: 64rem;
    margin-top: 1.5rem;
    color: #536d87;
    font-size: 1.08rem;
    line-height: 1.75;
}

.complete-flow[b-y82cw53d5u] {
    display: grid;
    max-width: 68rem;
    grid-template-columns: minmax(0, 1fr) 3.25rem minmax(16rem, .72fr);
    align-items: center;
    gap: .7rem;
    margin-top: 2.25rem;
}

.complete-flow__base[b-y82cw53d5u],
.complete-flow__result[b-y82cw53d5u] {
    padding: 1.5rem;
    border: 1px solid #ccdce9;
    background: white;
}

.complete-flow__base > span[b-y82cw53d5u],
.complete-flow__result > span[b-y82cw53d5u] {
    color: #3977a5;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.complete-flow__base > div[b-y82cw53d5u] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
}

.complete-flow__base b[b-y82cw53d5u],
.complete-balls span[b-y82cw53d5u] {
    display: inline-grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border: 1px solid #9cc9e8;
    border-radius: 50%;
    background: #eaf5fd;
    color: #075a9d;
}

.complete-flow > i[b-y82cw53d5u] {
    color: #4d9dd4;
    text-align: center;
    transform: rotate(-90deg);
}

.complete-flow__result[b-y82cw53d5u] {
    background: #e6f3fd;
}

.complete-flow__result strong[b-y82cw53d5u],
.complete-flow__result small[b-y82cw53d5u] {
    display: block;
}

.complete-flow__result strong[b-y82cw53d5u] {
    margin-top: .5rem;
    color: #064f8a;
    font-size: 1.8rem;
}

.complete-flow__result small[b-y82cw53d5u] {
    margin-top: .25rem;
    color: #56758f;
}

.complete-lab[b-y82cw53d5u] {
    position: relative;
    background: linear-gradient(120deg, #07518b 0%, #0a5e9f 55%, #126fae 100%);
    color: white;
}

.complete-lab[b-y82cw53d5u]::before {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 4.5rem 4.5rem;
    content: "";
    pointer-events: none;
}

.complete-lab__inner[b-y82cw53d5u] {
    position: relative;
    padding-block: clamp(3.25rem, 5vw, 5.25rem);
}

.complete-lab__header[b-y82cw53d5u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .55fr);
    align-items: end;
    gap: 3rem;
}

.complete-lab__header .complete-eyebrow[b-y82cw53d5u],
.complete-lab__header .complete-eyebrow span[b-y82cw53d5u] {
    color: #b7dcf7;
}

.complete-lab__header > p[b-y82cw53d5u] {
    color: rgba(255,255,255,.75);
    line-height: 1.7;
}

.complete-lab__grid[b-y82cw53d5u] {
    display: grid;
    grid-template-columns: minmax(18rem, .68fr) minmax(0, 1.32fr);
    gap: 1.25rem;
    margin-top: 2.75rem;
}

.complete-controls[b-y82cw53d5u],
.complete-universe[b-y82cw53d5u] {
    border: 1px solid rgba(255,255,255,.19);
    background: rgba(4, 41, 75, .42);
    box-shadow: 0 24px 60px rgba(0, 24, 47, .18);
}

.complete-controls[b-y82cw53d5u] {
    padding: 1.5rem;
}

.complete-controls > .complete-field + .complete-field[b-y82cw53d5u],
.complete-control-row[b-y82cw53d5u] {
    margin-top: 1.15rem;
}

.complete-field label[b-y82cw53d5u],
.complete-field small[b-y82cw53d5u] {
    display: block;
}

.complete-field label[b-y82cw53d5u] {
    margin-bottom: .5rem;
    font-size: .84rem;
    font-weight: 850;
}

.complete-field textarea[b-y82cw53d5u],
.complete-field[b-y82cw53d5u]  input {
    width: 100%;
    min-height: 3.15rem;
    border: 1px solid rgba(180, 220, 248, .42);
    border-radius: 0 !important;
    outline: 0;
    background: rgba(255,255,255,.96);
    padding: .85rem 1rem;
    color: #09233d;
    font: inherit;
}

.complete-field textarea:focus[b-y82cw53d5u],
.complete-field[b-y82cw53d5u]  input:focus {
    border-color: #aadaff;
    border-radius: 0 !important;
    box-shadow: 0 0 0 4px rgba(137, 203, 250, .18);
}

.complete-field textarea[b-y82cw53d5u] {
    resize: vertical;
    line-height: 1.6;
}

.complete-field small[b-y82cw53d5u] {
    margin-top: .55rem;
    color: rgba(255,255,255,.62);
    font-size: .73rem;
    line-height: 1.55;
}

.complete-control-row[b-y82cw53d5u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: .85rem;
}

.complete-control-row .complete-field label[b-y82cw53d5u] {
    height: 1.25rem;
    line-height: 1.25rem;
}

.complete-control-row .complete-field[b-y82cw53d5u]  input {
    height: 2.65rem;
    min-height: 2.65rem;
    padding-block: .55rem;
}

.complete-price[b-y82cw53d5u] {
    display: flex;
    align-items: stretch;
}

.complete-price span[b-y82cw53d5u] {
    display: grid;
    min-width: 2.8rem;
    place-items: center;
    background: #d9effe;
    color: #075a9d;
    font-weight: 900;
}

.complete-price[b-y82cw53d5u]  input {
    min-width: 0;
    border-left: 0;
}

.complete-generate[b-y82cw53d5u] {
    display: inline-flex;
    width: 100%;
    min-height: 3.55rem;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    margin-top: 1.35rem;
    border: 1px solid #8ac7ff;
    background: #d9effe;
    color: #06365d;
    cursor: pointer;
    font-weight: 900;
    transition: background .2s ease, transform .2s ease;
}

.complete-generate:hover[b-y82cw53d5u] {
    background: white;
    transform: translateY(-2px);
}

.complete-error[b-y82cw53d5u],
.complete-valid[b-y82cw53d5u] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: 1rem;
    padding: .85rem;
    font-size: .8rem;
    line-height: 1.5;
}

.complete-error[b-y82cw53d5u] {
    border-left: 3px solid #ff9e9e;
    background: rgba(94, 12, 24, .35);
    color: #ffd5d5;
}

.complete-valid[b-y82cw53d5u] {
    border-left: 3px solid #8ac7ff;
    background: rgba(7, 65, 111, .52);
    color: #d9effe;
}

.complete-universe[b-y82cw53d5u] {
    overflow: hidden;
}

.complete-universe__summary[b-y82cw53d5u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.complete-universe__summary div:last-child[b-y82cw53d5u] {
    text-align: right;
}

.complete-universe__summary span[b-y82cw53d5u],
.complete-universe__summary strong[b-y82cw53d5u],
.complete-universe__summary small[b-y82cw53d5u] {
    display: block;
}

.complete-universe__summary span[b-y82cw53d5u],
.complete-cost span[b-y82cw53d5u] {
    color: #a8d5f4;
    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.complete-universe__summary strong[b-y82cw53d5u] {
    margin-top: .35rem;
    font-size: clamp(1.4rem, 3vw, 2.6rem);
}

.complete-universe__summary div:last-child strong[b-y82cw53d5u] {
    color: #79c3fb;
}

.complete-universe__summary small[b-y82cw53d5u] {
    margin-top: .2rem;
    color: rgba(255,255,255,.55);
}

.complete-orbit[b-y82cw53d5u] {
    position: relative;
    min-height: 24rem;
    overflow: hidden;
    margin: 1.5rem;
    border: 1px solid rgba(122, 194, 246, .35);
    background:
        radial-gradient(circle at 50% 44%, rgba(58, 145, 209, .25), transparent 38%),
        rgba(2, 24, 46, .54);
}

.complete-orbit__grid[b-y82cw53d5u] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(122,194,246,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(122,194,246,.08) 1px, transparent 1px);
    background-size: 3.5rem 3.5rem;
    mask-image: radial-gradient(circle at center, black, transparent 78%);
}

.complete-orbit__ring[b-y82cw53d5u] {
    position: absolute;
    left: 50%;
    top: 44%;
    border: 1px solid rgba(102, 183, 255, .34);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.complete-orbit__ring--outer[b-y82cw53d5u] {
    width: 17rem;
    height: 12rem;
}

.complete-orbit__ring--inner[b-y82cw53d5u] {
    width: 11.5rem;
    height: 16rem;
    border-style: dashed;
    border-color: rgba(102, 183, 255, .22);
}

.complete-orbit__ring i[b-y82cw53d5u] {
    position: absolute;
    display: block;
    width: .62rem;
    height: .62rem;
    border: 2px solid #aadaff;
    border-radius: 50%;
    background: #237fbe;
    box-shadow: 0 0 0 .3rem rgba(102,183,255,.12), 0 0 1.1rem #66b7ff;
}

.complete-orbit__ring--outer i:nth-child(1)[b-y82cw53d5u] { left: 6%; top: 22%; }
.complete-orbit__ring--outer i:nth-child(2)[b-y82cw53d5u] { right: 3%; top: 52%; }
.complete-orbit__ring--outer i:nth-child(3)[b-y82cw53d5u] { bottom: 4%; left: 42%; }
.complete-orbit__ring--inner i:nth-child(1)[b-y82cw53d5u] { left: 9%; top: 66%; }
.complete-orbit__ring--inner i:nth-child(2)[b-y82cw53d5u] { right: 8%; top: 17%; }

.complete-orbit__core[b-y82cw53d5u] {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 44%;
    display: grid;
    width: 10.5rem;
    height: 10.5rem;
    place-content: center;
    border: 1px solid rgba(138,199,255,.48);
    border-radius: 50%;
    background: radial-gradient(circle at 40% 30%, #104d7e, #031a31 74%);
    box-shadow: 0 0 0 1rem rgba(102,183,255,.035), 0 1.4rem 3rem rgba(0,15,31,.4);
    text-align: center;
    transform: translate(-50%, -50%);
}

.complete-orbit__core span[b-y82cw53d5u],
.complete-orbit__core strong[b-y82cw53d5u],
.complete-orbit__core small[b-y82cw53d5u] {
    display: block;
}

.complete-orbit__core span[b-y82cw53d5u] {
    color: #a8d5f4;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .12em;
    line-height: 1.45;
    text-transform: uppercase;
}

.complete-orbit__core strong[b-y82cw53d5u] {
    margin-top: .35rem;
    color: white;
    font-size: 1.7rem;
}

.complete-orbit__core small[b-y82cw53d5u] {
    margin-top: .2rem;
    color: #8ac7ff;
    font-size: .68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.complete-orbit__values[b-y82cw53d5u] {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: 1.4rem;
    display: flex;
    max-width: calc(100% - 2rem);
    justify-content: center;
    gap: .5rem;
    border: 1px solid rgba(138,199,255,.2);
    border-radius: 999px;
    background: rgba(1, 18, 35, .78);
    padding: .7rem .9rem;
    transform: translateX(-50%);
}

.complete-orbit__values span[b-y82cw53d5u] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(138,199,255,.42);
    border-radius: 50%;
    background: rgba(71,154,215,.2);
    color: white;
    font-size: .82rem;
    font-weight: 900;
}

.complete-selected[b-y82cw53d5u] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: 1.25rem;
    margin: 1.5rem;
    padding: 1.25rem;
    border: 1px solid rgba(122, 194, 246, .35);
    background: rgba(2, 24, 46, .45);
}

.complete-selected__label span[b-y82cw53d5u],
.complete-selected__label strong[b-y82cw53d5u] {
    display: block;
    text-transform: uppercase;
}

.complete-selected__label span[b-y82cw53d5u] {
    color: #a8d5f4;
    font-size: .62rem;
    letter-spacing: .14em;
}

.complete-selected__label strong[b-y82cw53d5u] {
    margin-top: .15rem;
    font-size: .72rem;
}

.complete-selected > b[b-y82cw53d5u] {
    color: #8ac7ff;
    font-size: 1.35rem;
}

.complete-balls[b-y82cw53d5u] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.complete-balls span[b-y82cw53d5u] {
    width: 2.4rem;
    height: 2.4rem;
    border-color: rgba(138,199,255,.4);
    background: rgba(102,183,255,.14);
    color: white;
    font-weight: 800;
}

.complete-sample[b-y82cw53d5u] {
    padding: 0 1.5rem 1.5rem;
}

.complete-sample__heading[b-y82cw53d5u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .8rem;
    color: #9bd0f5;
}

.complete-sample__heading span[b-y82cw53d5u],
.complete-sample__heading small[b-y82cw53d5u] {
    display: block;
}

.complete-sample__heading span[b-y82cw53d5u] {
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.complete-sample__heading small[b-y82cw53d5u] {
    margin-top: .2rem;
    color: rgba(255,255,255,.53);
}

.complete-sample__grid[b-y82cw53d5u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.complete-sample__grid button[b-y82cw53d5u] {
    display: grid;
    min-height: 3.1rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    border: 1px solid rgba(146, 201, 241, .18);
    background: rgba(2, 25, 48, .48);
    padding: .7rem .85rem;
    color: white;
    cursor: pointer;
    text-align: left;
}

.complete-sample__grid button:hover[b-y82cw53d5u],
.complete-sample__grid button.is-selected[b-y82cw53d5u] {
    border-color: #74bdf1;
    background: rgba(81, 157, 211, .24);
}

.complete-sample__grid button b[b-y82cw53d5u],
.complete-sample__grid button i[b-y82cw53d5u] {
    color: #80c7fa;
}

.complete-sample__grid button span[b-y82cw53d5u] {
    overflow: hidden;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.complete-cost[b-y82cw53d5u] {
    padding: 1.4rem 1.5rem;
    border-top: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.055);
}

.complete-cost strong[b-y82cw53d5u],
.complete-cost small[b-y82cw53d5u] {
    display: block;
}

.complete-cost strong[b-y82cw53d5u] {
    margin-top: .35rem;
    color: #aadaff;
    font-size: clamp(1.5rem, 3vw, 2.6rem);
}

.complete-cost small[b-y82cw53d5u] {
    margin-top: .2rem;
    color: rgba(255,255,255,.6);
}

.complete-growth[b-y82cw53d5u] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .55rem;
    margin-top: 2rem;
}

.complete-growth div[b-y82cw53d5u] {
    padding: 1rem .75rem;
    border-top: 3px solid #75b8e7;
    background: white;
    box-shadow: 0 8px 24px rgba(28, 69, 102, .05);
    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

@media (hover: hover) and (pointer: fine) {
    .complete-growth div:hover[b-y82cw53d5u] {
        border-top-color: #f59e0b;
        background: #fff7ed;
        box-shadow: 0 12px 28px rgba(194, 112, 16, .12);
        transform: translateY(-3px);
    }
}

.complete-growth span[b-y82cw53d5u],
.complete-growth strong[b-y82cw53d5u],
.complete-growth small[b-y82cw53d5u] {
    display: block;
}

.complete-growth span[b-y82cw53d5u] {
    color: #54728e;
    font-size: .7rem;
    font-weight: 800;
}

.complete-growth strong[b-y82cw53d5u] {
    margin-top: .4rem;
    color: #075a9d;
    font-size: clamp(1rem, 2vw, 1.55rem);
}

.complete-growth small[b-y82cw53d5u] {
    color: #738ba0;
    font-size: .67rem;
}

.complete-caption[b-y82cw53d5u] {
    max-width: 66rem;
    margin-top: 1.25rem;
    color: #637c93;
    font-size: .9rem;
    line-height: 1.7;
}

.complete-contrast[b-y82cw53d5u] {
    display: grid;
    max-width: 68rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.complete-contrast > div[b-y82cw53d5u] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: .85rem;
    padding: 1.4rem;
    border: 1px solid #cbdce9;
    background: white;
}

.complete-contrast i[b-y82cw53d5u] {
    grid-row: span 2;
    margin-top: .2rem;
    color: #3988bf;
}

.complete-contrast span[b-y82cw53d5u] {
    color: #3977a5;
    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.complete-contrast strong[b-y82cw53d5u] {
    margin-top: .35rem;
    color: #173e63;
    line-height: 1.5;
}

.complete-checks[b-y82cw53d5u] {
    display: grid;
    max-width: 68rem;
    gap: .75rem;
    margin-top: 2rem;
}

.complete-checks article[b-y82cw53d5u] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid #d1e0eb;
    background: white;
}

.complete-checks article > span[b-y82cw53d5u] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
    place-items: center;
    background: #dff0fc;
    color: #075a9d;
    font-weight: 900;
}

.complete-checks h3[b-y82cw53d5u] {
    font-weight: 900;
}

.complete-checks p[b-y82cw53d5u] {
    margin-top: .25rem;
    color: #5d758c;
    line-height: 1.55;
}

.complete-responsible[b-y82cw53d5u] {
    display: flex;
    max-width: 68rem;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1.25rem;
    border-left: 3px solid #397dad;
    background: linear-gradient(90deg, #e7f2fa, #f3f8fc);
    color: #244d70;
    line-height: 1.7;
}

.complete-responsible i[b-y82cw53d5u] {
    margin-top: .27rem;
    color: #176aa8;
}

@media (max-width: 900px) {
    .complete-section[b-y82cw53d5u] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .complete-number[b-y82cw53d5u] {
        font-size: 4.5rem;
    }

    .complete-lab__header[b-y82cw53d5u],
    .complete-lab__grid[b-y82cw53d5u] {
        grid-template-columns: 1fr;
    }

    .complete-lab__header[b-y82cw53d5u] {
        gap: 1.5rem;
    }

    .complete-growth[b-y82cw53d5u] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .complete-hero__inner[b-y82cw53d5u],
    .complete-article[b-y82cw53d5u],
    .complete-lab__inner[b-y82cw53d5u] {
        width: min(100% - 1.5rem, 90rem);
    }

    .complete-hero h1[b-y82cw53d5u] {
        font-size: clamp(3rem, 17vw, 4.7rem);
    }

    .complete-hero__facts[b-y82cw53d5u] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .complete-hero__facts i[b-y82cw53d5u] {
        transform: rotate(90deg);
    }

    .complete-prose[b-y82cw53d5u],
    .complete-prose--two[b-y82cw53d5u],
    .complete-flow[b-y82cw53d5u],
    .complete-contrast[b-y82cw53d5u] {
        grid-template-columns: 1fr;
    }

    .complete-flow > i[b-y82cw53d5u] {
        transform: none;
    }

    .complete-control-row[b-y82cw53d5u],
    .complete-sample__grid[b-y82cw53d5u] {
        grid-template-columns: 1fr;
    }

    .complete-selected[b-y82cw53d5u] {
        grid-template-columns: 1fr;
    }

    .complete-orbit[b-y82cw53d5u] {
        min-height: 21rem;
        margin: 1rem;
    }

    .complete-orbit__ring--outer[b-y82cw53d5u] {
        width: 14rem;
        height: 10rem;
    }

    .complete-orbit__ring--inner[b-y82cw53d5u] {
        width: 9.5rem;
        height: 13rem;
    }

    .complete-orbit__core[b-y82cw53d5u] {
        width: 8.5rem;
        height: 8.5rem;
    }

    .complete-orbit__values[b-y82cw53d5u] {
        gap: .3rem;
        padding: .55rem .65rem;
    }

    .complete-orbit__values span[b-y82cw53d5u] {
        width: 2.05rem;
        height: 2.05rem;
        font-size: .72rem;
    }

    .complete-balls[b-y82cw53d5u] {
        justify-content: flex-start;
    }

    .complete-universe__summary[b-y82cw53d5u] {
        flex-direction: column;
    }

    .complete-universe__summary div:last-child[b-y82cw53d5u] {
        text-align: left;
    }

    .complete-growth[b-y82cw53d5u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: no-preference) {
    .complete-hero__inner[b-y82cw53d5u],
    .complete-section[b-y82cw53d5u],
    .complete-lab__inner[b-y82cw53d5u] {
        animation: complete-rise-b-y82cw53d5u .65s both;
    }

    .complete-section:nth-child(2)[b-y82cw53d5u] {
        animation-delay: .08s;
    }

    .complete-orbit__ring--outer[b-y82cw53d5u] {
        animation: complete-orbit-spin-b-y82cw53d5u 18s linear infinite;
    }

    .complete-orbit__ring--inner[b-y82cw53d5u] {
        animation: complete-orbit-spin-reverse-b-y82cw53d5u 14s linear infinite;
    }

    .complete-orbit__core[b-y82cw53d5u] {
        animation: complete-core-breathe-b-y82cw53d5u 4.5s ease-in-out infinite;
    }

    .complete-orbit__ring i[b-y82cw53d5u] {
        animation: complete-node-pulse-b-y82cw53d5u 2.8s ease-in-out infinite alternate;
    }
}

@keyframes complete-rise-b-y82cw53d5u {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes complete-orbit-spin-b-y82cw53d5u {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes complete-orbit-spin-reverse-b-y82cw53d5u {
    from { transform: translate(-50%, -50%) rotate(360deg); }
    to { transform: translate(-50%, -50%) rotate(0deg); }
}

@keyframes complete-core-breathe-b-y82cw53d5u {
    0%, 100% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 0 1rem rgba(102,183,255,.035), 0 1.4rem 3rem rgba(0,15,31,.4); }
    50% { transform: translate(-50%, -50%) scale(1.025); box-shadow: 0 0 0 1.35rem rgba(102,183,255,.055), 0 1.6rem 3.4rem rgba(0,15,31,.48); }
}

@keyframes complete-node-pulse-b-y82cw53d5u {
    from { opacity: .65; filter: brightness(.9); }
    to { opacity: 1; filter: brightness(1.25); }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-wt45o7hwqy] { scroll-behavior: smooth; }
.contact-hero[b-wt45o7hwqy] { isolation: isolate; background:linear-gradient(125deg,#06162b 0%,#073760 58%,#075f9d 100%); }
.contact-title[b-wt45o7hwqy] { font-size: clamp(3.15rem, 6vw, 6.2rem); line-height: .9; letter-spacing: -.045em; }
.contact-section-title[b-wt45o7hwqy] { font-size: clamp(2.3rem, 4.5vw, 4.2rem); line-height: .96; letter-spacing: -.035em; }
.contact-grid[b-wt45o7hwqy] { background-image: linear-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 5%) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 90%); }
.contact-glow[b-wt45o7hwqy] { background: radial-gradient(circle, rgb(102 183 255 / 28%), rgb(47 134 213 / 10%) 42%, transparent 70%); filter: blur(24px); }
.contact-hero-point[b-wt45o7hwqy] { display:flex; align-items:flex-start; gap:.9rem; border-top:1px solid rgb(255 255 255 / 10%); padding-top:1rem; }
.contact-hero-point:first-child[b-wt45o7hwqy] { border-top:0; padding-top:0; }
.contact-hero-point > i[b-wt45o7hwqy] { margin-top:.2rem; color:#66b7ff; }
.contact-hero-point strong[b-wt45o7hwqy], .contact-hero-point span[b-wt45o7hwqy] { display:block; }
.contact-hero-point strong[b-wt45o7hwqy] { font-size:.9rem; }
.contact-hero-point span[b-wt45o7hwqy] { margin-top:.25rem; color:rgb(255 255 255 / 55%); font-size:.78rem; line-height:1.5; }
.contact-trust[b-wt45o7hwqy] { display:flex; align-items:flex-start; gap:1rem; }
.contact-trust > i[b-wt45o7hwqy] { margin-top:.15rem; font-size:1.15rem; }
.contact-trust strong[b-wt45o7hwqy], .contact-trust span[b-wt45o7hwqy] { display:block; }
.contact-trust strong[b-wt45o7hwqy] { color:#06162b; font-size:.95rem; }
.contact-trust span[b-wt45o7hwqy] { margin-top:.25rem; color:#64748b; font-size:.82rem; line-height:1.45; }
.contact-kicker[b-wt45o7hwqy] { color:#004c8e; font-size:.7rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.contact-form-layout[b-wt45o7hwqy] { display:grid; gap:1.5rem; }
.contact-form fieldset[b-wt45o7hwqy] { min-width:0; border:1px solid #dbe4ee; background:#fff; padding:1.5rem; }
.contact-form legend[b-wt45o7hwqy] { float:left; width:100%; margin:0 0 1.2rem; border-bottom:1px solid #e2e8f0; padding:0 0 1rem; color:#06162b; font-size:1rem; font-weight:850; line-height:1.25; }
.contact-form legend + *[b-wt45o7hwqy] { clear:both; }
.contact-step-heading[b-wt45o7hwqy] { display:flex; align-items:center; gap:.75rem; }
.contact-step-number[b-wt45o7hwqy] { display:inline-flex; width:2rem; height:2rem; flex:0 0 auto; align-items:center; justify-content:center; background:#004c8e; color:#fff; font-size:.78rem; font-weight:900; }
.contact-field-help[b-wt45o7hwqy] { margin-bottom:1rem; color:#64748b; font-size:.85rem; line-height:1.6; }
.contact-category-grid[b-wt45o7hwqy] { display:grid; gap:.7rem; }
.contact-category[b-wt45o7hwqy] { position:relative; display:grid; grid-template-columns:2.5rem minmax(0,1fr) auto; align-items:center; gap:.85rem; min-height:4.4rem; cursor:pointer; border:1px solid #dbe4ee; background:#f8fafc; padding:.75rem; transition:border-color .2s ease, background .2s ease, transform .2s ease; }
.contact-category:hover[b-wt45o7hwqy] { border-color:#8ac7ff; background:#fff; transform:translateY(-1px); }
.contact-category[b-wt45o7hwqy]  input { position:absolute; opacity:0; pointer-events:none; }
.contact-category:has(input:focus-visible)[b-wt45o7hwqy] { outline:3px solid rgb(35 136 255 / 25%); outline-offset:2px; }
.contact-category:has(input:checked)[b-wt45o7hwqy] { border-color:#004c8e; background:#edf6ff; }
.contact-category-icon[b-wt45o7hwqy] { display:flex; width:2.5rem; height:2.5rem; align-items:center; justify-content:center; background:#fff; color:#004c8e; box-shadow:inset 0 0 0 1px #dbe4ee; }
.contact-category strong[b-wt45o7hwqy], .contact-category small[b-wt45o7hwqy] { display:block; }
.contact-category strong[b-wt45o7hwqy] { color:#06162b; font-size:.88rem; }
.contact-category small[b-wt45o7hwqy] { margin-top:.2rem; color:#64748b; font-size:.72rem; }
.contact-category-check[b-wt45o7hwqy] { color:#004c8e; opacity:0; }
.contact-category:has(input:checked) .contact-category-check[b-wt45o7hwqy] { opacity:1; }
.contact-guidance[b-wt45o7hwqy] { display:none; align-items:flex-start; gap:1rem; border-left:3px solid #66b7ff; background:#edf6ff; padding:1rem 1.1rem; }
.contact-guidance > span[b-wt45o7hwqy] { display:flex; width:2rem; height:2rem; flex:0 0 auto; align-items:center; justify-content:center; background:#fff; color:#004c8e; }
.contact-guidance strong[b-wt45o7hwqy] { color:#06162b; }
.contact-guidance p[b-wt45o7hwqy] { margin-top:.25rem; color:#475569; font-size:.85rem; line-height:1.6; }
.contact-guidance nav[b-wt45o7hwqy] { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.7rem; }
.contact-guidance a[b-wt45o7hwqy] { border:1px solid #b9d5ee; background:#fff; padding:.45rem .65rem; color:#004c8e; font-size:.76rem; font-weight:800; text-decoration:none; }
.contact-form:has(input[value="account"]:checked) .contact-guidance--account[b-wt45o7hwqy],
.contact-form:has(input[value="technical"]:checked) .contact-guidance--technical[b-wt45o7hwqy],
.contact-form:has(input[value="privacy"]:checked) .contact-guidance--privacy[b-wt45o7hwqy],
.contact-form:has(input[value="general"]:checked) .contact-guidance--general[b-wt45o7hwqy] { display:flex; }
.contact-fields-grid[b-wt45o7hwqy], .contact-fields-stack[b-wt45o7hwqy] { display:grid; gap:1rem; }
.contact-fields-section label[b-wt45o7hwqy] { display:block; margin-bottom:.45rem; color:#0f172a; font-size:.85rem; font-weight:750; }
.contact-label-row[b-wt45o7hwqy] { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.contact-label-row > span[b-wt45o7hwqy] { margin-bottom:.45rem; }
.contact-fields-section[b-wt45o7hwqy]  input, .contact-fields-section[b-wt45o7hwqy]  textarea { display:block; width:100%; border:1px solid #cbd5e1; background:#fff; padding:.8rem .9rem; color:#0f172a; font-size:1rem; line-height:1.5; outline:none; transition:border-color .2s ease, box-shadow .2s ease; }
.contact-fields-section[b-wt45o7hwqy]  textarea { min-height:12rem; resize:vertical; }
.contact-fields-section[b-wt45o7hwqy]  input:focus, .contact-fields-section[b-wt45o7hwqy]  textarea:focus { border-color:#004c8e; box-shadow:0 0 0 3px rgb(35 136 255 / 12%); }
.contact-validation-summary[b-wt45o7hwqy] { border-left:3px solid #e11d48; background:#fff1f2; padding:.9rem 1rem; color:#be123c; font-size:.85rem; }
.contact-validation-summary:empty[b-wt45o7hwqy] { display:none; }
.contact-validation-message[b-wt45o7hwqy] { display:block; margin-top:.4rem; color:#be123c; font-size:.78rem; }
.contact-privacy-check[b-wt45o7hwqy] { display:grid; grid-template-columns:1.2rem minmax(0,1fr); align-items:start; gap:.7rem; }
.contact-privacy-check[b-wt45o7hwqy]  input { width:1.1rem; height:1.1rem; margin-top:.15rem; accent-color:#004c8e; }
.contact-privacy-check label[b-wt45o7hwqy] { color:#475569; font-size:.84rem; line-height:1.6; }
.contact-privacy-check a[b-wt45o7hwqy] { color:#004c8e; font-weight:750; }
.contact-consent-panel[b-wt45o7hwqy] { border:1px solid #dbe4ee; background:#fff; padding:1.5rem; }
.contact-honeypot[b-wt45o7hwqy] { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.contact-submit-row[b-wt45o7hwqy] { display:flex; flex-direction:column; align-items:flex-start; gap:.9rem; border-top:1px solid #dbe4ee; padding-top:1.25rem; }
.contact-submit-row p[b-wt45o7hwqy] { color:#64748b; font-size:.76rem; line-height:1.5; }
.contact-button[b-wt45o7hwqy] { display:inline-flex; min-height:3rem; align-items:center; justify-content:center; gap:.6rem; border:1px solid #cbd5e1; background:#fff; padding:.75rem 1.2rem; color:#173a5e; font-size:.85rem; font-weight:850; text-decoration:none; transition:background .2s ease, border-color .2s ease, transform .2s ease; }
.contact-button:hover[b-wt45o7hwqy] { border-color:#004c8e; transform:translateY(-2px); }
.contact-button--primary[b-wt45o7hwqy] { border-color:#004c8e; background:#004c8e; color:#fff; }
.contact-button--primary:hover[b-wt45o7hwqy] { background:#061f3d; }
.contact-button:disabled[b-wt45o7hwqy] { cursor:wait; opacity:.65; transform:none; }
.contact-error[b-wt45o7hwqy] { display:flex; align-items:flex-start; gap:.8rem; margin-top:1.25rem; border-left:3px solid #e11d48; background:#fff1f2; padding:1rem; color:#be123c; }
.contact-success[b-wt45o7hwqy] { border:1px solid #b9d5ee; border-left:4px solid #004c8e; background:#fff; padding:clamp(1.4rem,4vw,3rem); }
.contact-success-icon[b-wt45o7hwqy] { display:flex; width:3.25rem; height:3.25rem; align-items:center; justify-content:center; background:#004c8e; color:#fff; font-size:1.25rem; }
.contact-success h2[b-wt45o7hwqy] { margin-top:.7rem; color:#06162b; font-size:clamp(2rem,4vw,3.4rem); font-weight:900; letter-spacing:-.035em; line-height:1; }
.contact-success h2 + p[b-wt45o7hwqy] { margin-top:1rem; color:#475569; line-height:1.7; }
.contact-reference[b-wt45o7hwqy] { display:inline-flex; margin-top:1.25rem; border:1px solid #8ac7ff; background:#edf6ff; padding:.8rem 1rem; color:#004c8e; font-family:Consolas,monospace; font-weight:850; letter-spacing:.05em; }
.contact-success-note[b-wt45o7hwqy] { margin-top:1rem; color:#64748b; font-size:.84rem; }
.contact-sidebar[b-wt45o7hwqy] { position:sticky; top:6.5rem; }
.contact-sidebar section[b-wt45o7hwqy] { border:1px solid #dbe4ee; background:#fff; padding:1.25rem; }
.contact-sidebar-icon[b-wt45o7hwqy] { display:flex; width:2.75rem; height:2.75rem; align-items:center; justify-content:center; margin-bottom:1rem; background:#edf6ff; color:#004c8e; }
.contact-sidebar h2[b-wt45o7hwqy] { margin-top:.35rem; color:#06162b; font-size:1.25rem; font-weight:850; }
.contact-sidebar h2 + a[b-wt45o7hwqy] { display:inline-block; margin-top:.6rem; color:#004c8e; font-weight:800; word-break:break-word; }
.contact-sidebar section > p:last-child[b-wt45o7hwqy] { margin-top:.75rem; color:#64748b; font-size:.84rem; line-height:1.65; }
.contact-sidebar ol[b-wt45o7hwqy] { display:grid; gap:.75rem; margin-top:1rem; }
.contact-sidebar li[b-wt45o7hwqy] { display:grid; grid-template-columns:1.75rem minmax(0,1fr); align-items:start; gap:.65rem; color:#475569; font-size:.82rem; line-height:1.5; }
.contact-sidebar li span[b-wt45o7hwqy] { display:flex; width:1.55rem; height:1.55rem; align-items:center; justify-content:center; border-radius:50%; background:#edf6ff; color:#004c8e; font-size:.7rem; font-weight:900; }
.contact-sidebar-warning[b-wt45o7hwqy] { border-left:3px solid #2388ff !important; background:#edf6ff !important; }
.contact-sidebar-warning .contact-sidebar-icon[b-wt45o7hwqy] { background:#fff; color:#004c8e; }
.contact-meeting-panel[b-wt45o7hwqy] { margin-top:0; scroll-margin-top:6.5rem; }
.contact-channel-grid[b-wt45o7hwqy] { display:grid; gap:.8rem; }
.contact-channel-grid > *[b-wt45o7hwqy] { display:grid; grid-template-columns:2.75rem minmax(0,1fr); align-items:center; gap:1rem; min-height:5rem; border:1px solid #dbe4ee; background:#f8fafc; padding:1rem; color:#06162b; text-decoration:none; }
.contact-channel-grid > * > i[b-wt45o7hwqy] { display:flex; width:2.75rem; height:2.75rem; align-items:center; justify-content:center; background:#fff; color:#004c8e; box-shadow:inset 0 0 0 1px #dbe4ee; }
.contact-channel-grid strong[b-wt45o7hwqy], .contact-channel-grid small[b-wt45o7hwqy] { display:block; }
.contact-channel-grid small[b-wt45o7hwqy] { margin-top:.25rem; color:#64748b; font-size:.76rem; line-height:1.5; }
.contact-channel-grid a:hover[b-wt45o7hwqy] { border-color:#004c8e; background:#fff; }
@media (min-width:640px) { .contact-category-grid[b-wt45o7hwqy], .contact-fields-grid[b-wt45o7hwqy] { grid-template-columns:repeat(2,minmax(0,1fr)); } .contact-submit-row[b-wt45o7hwqy] { flex-direction:row; align-items:center; justify-content:space-between; } .contact-channel-grid[b-wt45o7hwqy] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px) { .contact-channel-grid[b-wt45o7hwqy] { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:1279px) { .contact-sidebar[b-wt45o7hwqy] { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767px) { .contact-sidebar[b-wt45o7hwqy] { grid-template-columns:1fr; } }
@media (max-width:639px) { .contact-form fieldset[b-wt45o7hwqy], .contact-consent-panel[b-wt45o7hwqy] { padding:1.1rem; } .contact-label-row[b-wt45o7hwqy] { align-items:flex-start; flex-direction:column; gap:0; } }
@media (prefers-reduced-motion:no-preference) { .contact-reveal[b-wt45o7hwqy] { opacity:0; animation:contact-reveal-b-wt45o7hwqy .75s cubic-bezier(.16,1,.3,1) forwards; } .contact-reveal--2[b-wt45o7hwqy] { animation-delay:.12s; } }
@keyframes contact-reveal-b-wt45o7hwqy { from { opacity:0; transform:translateY(1rem); } to { opacity:1; transform:translateY(0); } }
/* /Components/Pages/CookiePolicy.razor.rz.scp.css */
.cookie-page[b-h9hnk3x8fu] {
    background-image:
        radial-gradient(circle at 8% 2%, rgb(0 76 142 / 0.045), transparent 26rem),
        radial-gradient(circle at 92% 18%, rgb(35 136 255 / 0.035), transparent 30rem);
}

.cookie-reveal[b-h9hnk3x8fu],
.cookie-panel[b-h9hnk3x8fu] {
    opacity: 0;
    transform: translateY(18px);
    animation: cookie-enter-b-h9hnk3x8fu 820ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.cookie-reveal--1[b-h9hnk3x8fu] {
    animation-delay: 40ms;
}

.cookie-reveal--2[b-h9hnk3x8fu] {
    animation-delay: 100ms;
}

.cookie-reveal--3[b-h9hnk3x8fu] {
    animation-delay: 160ms;
}

.cookie-reveal--4[b-h9hnk3x8fu] {
    animation-delay: 220ms;
}

.cookie-panel[b-h9hnk3x8fu] {
    position: relative;
    overflow: hidden;
    animation-delay: 280ms;
    box-shadow: 0 24px 70px -52px rgb(6 22 43 / 0.45);
}

.cookie-panel[b-h9hnk3x8fu]::before {
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(5rem, 18%, 11rem);
    height: 2px;
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, transparent, #2388ff, transparent);
    opacity: 0;
    transform: translateX(-160%);
    animation: cookie-glint-b-h9hnk3x8fu 6s ease-in-out 1.2s infinite;
}

.cookie-summary[b-h9hnk3x8fu] {
    transition:
        border-color 220ms ease,
        background-color 220ms ease,
        transform 220ms ease;
}

.cookie-summary:hover[b-h9hnk3x8fu] {
    border-left-color: #2388ff;
    background-color: rgb(248 250 252 / 0.72);
    transform: translateY(-1px);
}

.cookie-index a[b-h9hnk3x8fu] {
    display: inline-block;
    transition:
        color 180ms ease,
        transform 180ms ease;
}

.cookie-index a:hover[b-h9hnk3x8fu] {
    color: #2388ff;
    transform: translateX(2px);
}

.cookie-data-table tbody tr[b-h9hnk3x8fu] {
    transition:
        background-color 180ms ease,
        box-shadow 180ms ease;
}

.cookie-data-table tbody tr:hover[b-h9hnk3x8fu] {
    background-color: rgb(0 76 142 / 0.065);
    box-shadow: inset 3px 0 0 #2388ff;
}

@keyframes cookie-enter-b-h9hnk3x8fu {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes cookie-glint-b-h9hnk3x8fu {
    0%, 18% {
        opacity: 0;
        transform: translateX(-160%);
    }

    28%, 70% {
        opacity: 0.8;
    }

    82%, 100% {
        opacity: 0;
        transform: translateX(650%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cookie-reveal[b-h9hnk3x8fu],
    .cookie-panel[b-h9hnk3x8fu],
    .cookie-panel[b-h9hnk3x8fu]::before {
        opacity: 1;
        transform: none;
        animation: none;
    }

    .cookie-summary[b-h9hnk3x8fu],
    .cookie-index a[b-h9hnk3x8fu],
    .cookie-data-table tbody tr[b-h9hnk3x8fu] {
        transition: none;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-kicker[b-bq9079pfhr] { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.dashboard-signal[b-bq9079pfhr] { display:inline-flex; align-items:center; gap:4px; }
.dashboard-signal > span[b-bq9079pfhr] { width:7px; height:15px; border-radius:2px; background:#b8d8ef; animation:dashboard-signal-b-bq9079pfhr 2.4s ease-in-out both; }
.dashboard-signal > span:nth-child(2)[b-bq9079pfhr] { animation-delay:.12s; }
.dashboard-signal > span:nth-child(3)[b-bq9079pfhr] { animation-delay:.24s; }
.dashboard-signal > span:nth-child(4)[b-bq9079pfhr] { animation-delay:.36s; }
.dashboard-signal > span:nth-child(5)[b-bq9079pfhr] { animation-delay:.48s; }
.dashboard-signal > span:nth-child(6)[b-bq9079pfhr] { animation-delay:.6s; }
.dashboard-hero-actions[b-bq9079pfhr] { display:flex; align-items:center; gap:16px; flex-shrink:0; }
.dashboard-guide-link[b-bq9079pfhr] { display:inline-flex; align-items:center; gap:7px; min-height:44px; color:#075da2; font-size:.875rem; font-weight:650; white-space:nowrap; }
.dashboard-guide-link:hover[b-bq9079pfhr] { color:#2189c7; }
.dashboard-page .workspace-hero[b-bq9079pfhr] { padding:0 0 18px; }
.dashboard-page .workspace-hero p[b-bq9079pfhr] { margin:6px 0 0; }
.dashboard-page .workspace-eyebrow[b-bq9079pfhr] { margin:0; }
.dashboard-page .workspace-empty[b-bq9079pfhr] { padding:32px 16px; }
.dashboard-page .workspace-panel[b-bq9079pfhr] { animation:dashboard-arrive-b-bq9079pfhr .45s ease-out both; }

.dashboard-systems-panel[b-bq9079pfhr] { min-width:0; margin-top:0; }
.dashboard-collection-heading[b-bq9079pfhr] { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.dashboard-collection-heading h2[b-bq9079pfhr] { margin:0; font-size:1.25rem; }
.dashboard-collection-heading>span[b-bq9079pfhr] { color:#60758a; font-size:.8rem; }
.dashboard-grid-shell[b-bq9079pfhr] { min-width:0; width:100%; }
.dashboard-grid-shell[b-bq9079pfhr]  .dashboard-systems-grid {
    --dxbl-grid-toolbar-container-padding-y:0px;
    --dxbl-grid-toolbar-container-padding-x:0px;
    --dxbl-grid-toolbar-container-min-height:0px;
    width:100%;
    max-width:100%;
    border-color:#d6e2ec;
    border-radius:var(--lottify-radius-panel,6px);
}
.dashboard-grid-toolbar[b-bq9079pfhr] { display:flex; align-items:center; flex:1; width:100%; min-width:0; gap:8px; padding:4px 8px; }
/* The shared workspace button minimum must not enlarge toolbar or search icons. */
.dashboard-grid-toolbar[b-bq9079pfhr]  .dxbl-btn { min-height:28px; }
.dashboard-grid-commands[b-bq9079pfhr] { flex:1 1 0; min-width:0; }
.dashboard-grid-commands[b-bq9079pfhr]  .dxbl-toolbar { width:100%; min-width:0; max-width:100%; }
.dashboard-grid-search[b-bq9079pfhr] { flex:0 1 290px; min-width:190px; max-width:360px; }
.dashboard-grid-search[b-bq9079pfhr]  .dxbl-text-edit { height:30px; min-height:30px; }
.dashboard-grid-search[b-bq9079pfhr]  .dxbl-text-edit-input { height:100%; min-height:0; }
.dashboard-page button.dashboard-view-toggle[b-bq9079pfhr] { min-height:30px; padding:3px 8px; gap:7px; font-size:.8rem; background:#edf3f8; border-color:#ccdbe7; }
.dashboard-page button.dashboard-filter-reset[b-bq9079pfhr] { min-height:28px; margin-top:4px; padding:3px 6px; gap:6px; font-size:.75rem; color:#075da2; border-color:#c7dbea; background:#edf5fc; }
.dashboard-system-name[b-bq9079pfhr] { display:inline-flex; align-items:center; min-height:28px; color:#075da2; font-weight:650; text-decoration:none; }
.dashboard-system-name:hover[b-bq9079pfhr] { text-decoration:underline; }
.dashboard-system-cell[b-bq9079pfhr] { min-width:0; }
.dashboard-system-lottery[b-bq9079pfhr],.dashboard-system-progress[b-bq9079pfhr],.dashboard-system-updated[b-bq9079pfhr] { display:block; white-space:normal; overflow-wrap:anywhere; }
.dashboard-system-lottery[b-bq9079pfhr] { font-size:.85rem; color:#34566f; margin:2px 0 7px; }
.dashboard-system-progress[b-bq9079pfhr] { color:#587087; font-size:.76rem; }
.dashboard-status[b-bq9079pfhr] { display:inline-block; background:#edf3f8; color:#45627a; padding:2px 5px; border-radius:2px; margin:0 4px 4px 0; font-size:.7rem; font-weight:700; }
.dashboard-status-complete[b-bq9079pfhr] { color:#216649; background:#eaf5ee; }
.dashboard-system-updated[b-bq9079pfhr] { color:#60758a; font-size:.7rem; margin-top:5px; }
.dashboard-grid-empty[b-bq9079pfhr] { padding:28px 16px; text-align:center; color:#536c82; white-space:normal; }
.dashboard-grid-empty p[b-bq9079pfhr] { max-width:480px; margin:8px auto 18px; }
.dashboard-grid-help[b-bq9079pfhr] { margin:12px 0 0; font-size:.8rem; color:#60758a; }
.dashboard-grid-feedback[b-bq9079pfhr] { font-size:.85rem; color:#1668aa; }
.dashboard-row-actions[b-bq9079pfhr] { display:flex; align-items:center; gap:6px; flex-wrap:nowrap; }
.dashboard-row-actions[b-bq9079pfhr]  .dashboard-row-action {
    width:32px;
    height:32px;
    min-width:32px;
    min-height:32px;
    padding:6px;
    border:0;
    background:transparent;
    box-shadow:none;
    color:#075da2;
    font-size:.875rem;
    line-height:1.2;
    white-space:nowrap;
}
.dashboard-row-actions[b-bq9079pfhr]  .dashboard-row-action:is(:hover,:focus,:active) { background:transparent; border:0; box-shadow:none; }
.dashboard-row-actions[b-bq9079pfhr]  .dashboard-row-action:focus-visible { outline:2px solid #269bff; outline-offset:1px; }
.dashboard-row-actions[b-bq9079pfhr]  .dashboard-row-action:hover:not(:disabled) { color:#2189c7; }
.dashboard-row-actions[b-bq9079pfhr]  .dashboard-row-delete { color:#a22e3b; }
.dashboard-row-actions[b-bq9079pfhr]  .dashboard-row-delete:hover:not(:disabled) { color:#dc3048; }
@keyframes dashboard-arrive-b-bq9079pfhr { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
@keyframes dashboard-signal-b-bq9079pfhr { 0%,100% { background:#b8d8ef; transform:scaleY(.65); } 35%,60% { background:#176ba7; transform:scaleY(1); } }
@media(max-width:760px) {
    .dashboard-hero-actions[b-bq9079pfhr] { flex-direction:row; flex-wrap:wrap; min-width:0; gap:8px 16px; }
    .dashboard-hero-actions[b-bq9079pfhr]  .dashboard-new-button { flex:1 1 160px; }
    .dashboard-guide-link[b-bq9079pfhr] { justify-content:center; flex:1 1 140px; font-size:.8rem; }
    .dashboard-page .workspace-hero[b-bq9079pfhr] { gap:12px; padding-bottom:16px; }
    .dashboard-page .workspace-hero p[b-bq9079pfhr] { font-size:.875rem; }
    .dashboard-collection-heading[b-bq9079pfhr] { gap:2px 10px; margin-bottom:10px; }
    .dashboard-collection-heading>span[b-bq9079pfhr] { font-size:.75rem; }
    .dashboard-grid-toolbar[b-bq9079pfhr] { flex-wrap:wrap; padding:4px 6px; gap:4px 6px; }
    .dashboard-grid-search[b-bq9079pfhr] { order:-1; flex-basis:100%; min-width:0; max-width:none; width:100%; }
    .dashboard-grid-search[b-bq9079pfhr]  .dxbl-text-edit { height:32px; min-height:32px; }
    .dashboard-grid-search[b-bq9079pfhr]  input { font-size:16px; }
    .dashboard-grid-commands[b-bq9079pfhr]  .dxbl-toolbar,.dashboard-grid-commands[b-bq9079pfhr]  .dxbl-btn { min-height:32px; }
    .dashboard-page button.dashboard-view-toggle[b-bq9079pfhr],.dashboard-page button.dashboard-filter-reset[b-bq9079pfhr] { min-height:32px; }
    .dashboard-grid-help[b-bq9079pfhr] { font-size:.75rem; line-height:1.5; }
    .dashboard-compact-view .dashboard-row-actions[b-bq9079pfhr] { flex-direction:column; gap:0; }
    .dashboard-compact-view .dashboard-row-actions[b-bq9079pfhr]  .dashboard-row-action { width:44px; min-width:44px; height:44px; min-height:44px; padding:10px; font-size:1rem; }
    .dashboard-compact-view .dashboard-system-name[b-bq9079pfhr] { white-space:normal; overflow-wrap:anywhere; min-height:30px; line-height:1.35; }
    .dashboard-compact-view .dashboard-grid-shell[b-bq9079pfhr]  td { vertical-align:middle; }
}
@media(prefers-reduced-motion:reduce) {
    .dashboard-page .workspace-panel[b-bq9079pfhr],.dashboard-signal > span[b-bq9079pfhr] { animation:none; }
}
/* /Components/Pages/DefineSystem.razor.rz.scp.css */
.start-page[b-i91wagz3xq]{background:#f1f6fb;color:#10243c;min-height:75vh;padding:48px 20px 72px}.start-shell[b-i91wagz3xq]{max-width:850px;margin:auto}.back-link[b-i91wagz3xq]{color:#125f9d}.eyebrow[b-i91wagz3xq]{margin:30px 0 12px;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}h1[b-i91wagz3xq]{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:1.06;margin:0 0 24px}.intro[b-i91wagz3xq]{font-size:1.15rem;line-height:1.7;max-width:680px}.panel[b-i91wagz3xq]{margin:32px 0;padding:clamp(20px,4vw,40px);background:white;border:1px solid #d5e2ed;border-radius:var(--lottify-radius-panel,6px)}h2[b-i91wagz3xq]{font-size:1.5rem;font-weight:800;margin-bottom:24px}label[b-i91wagz3xq]{display:block;font-weight:700;margin:24px 0 8px}textarea[b-i91wagz3xq],input[b-i91wagz3xq]{display:block;border:1px solid #9bafc3;border-radius:6px;padding:12px;font:inherit;width:100%;background:white}input[b-i91wagz3xq]{max-width:180px}small[b-i91wagz3xq],.note[b-i91wagz3xq],.example[b-i91wagz3xq]{display:block;color:#52657a;line-height:1.6;margin-top:12px}.actions[b-i91wagz3xq]{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}button[b-i91wagz3xq]{font:inherit;font-weight:700;border-radius:6px;padding:14px 20px;cursor:pointer;min-height:48px}.primary[b-i91wagz3xq]{background:#075a9d;color:white;border:1px solid #075a9d}.secondary[b-i91wagz3xq]{background:white;color:#075a9d;border:1px solid #a5bfd4}button:disabled[b-i91wagz3xq]{opacity:.6;cursor:wait}.error[b-i91wagz3xq]{color:#a01818;margin-top:16px}:is(a,button,input,textarea):focus-visible[b-i91wagz3xq]{outline:3px solid #d88417;outline-offset:3px}@media(max-width:500px){.actions>*[b-i91wagz3xq]{width:100%}}

.field-grid[b-i91wagz3xq]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
select[b-i91wagz3xq]{display:block;width:100%;border:1px solid #9bafc3;background:white;border-radius:6px;padding:12px;font:inherit;min-height:48px}
select:focus-visible[b-i91wagz3xq]{outline:3px solid #d88417;outline-offset:3px}
.wide-input[b-i91wagz3xq]{max-width:none}
.section-number[b-i91wagz3xq]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border-radius:50%;background:#e3f1fb;color:#075a9d;margin-right:8px}
.rule-summary[b-i91wagz3xq]{margin-top:20px;font-weight:700}.rules-link[b-i91wagz3xq]{display:inline-block;color:#075a9d;margin-top:16px;text-decoration:underline}
.generator-action[b-i91wagz3xq]{display:flex;align-items:end}.generator-action button[b-i91wagz3xq]{width:100%}
.integral-panel[b-i91wagz3xq]{background:#e7f2fa;border-color:#b2d1e8}.integral-panel output[b-i91wagz3xq]{display:block;font-size:clamp(2.3rem,6vw,4rem);font-weight:500;line-height:1.15;overflow-wrap:anywhere;margin:20px 0 10px;font-variant-numeric:tabular-nums}
.integral-panel p[b-i91wagz3xq]{line-height:1.6}.integral-panel small[b-i91wagz3xq]{margin-top:12px}textarea[readonly][b-i91wagz3xq]{background:#f5f8fb}
@media(max-width:600px){.field-grid[b-i91wagz3xq]{grid-template-columns:1fr;gap:8px}.generator-action[b-i91wagz3xq]{margin-top:12px}}
/* /Components/Pages/External.razor.rz.scp.css */
.external-page[b-to0nih2szr] {
    min-height: 100vh;
}

.external-grid[b-to0nih2szr] {
    background-image:
        linear-gradient(rgba(102, 183, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(102, 183, 255, .035) 1px, transparent 1px);
    background-size: 72px 72px;
}

.external-glow[b-to0nih2szr] {
    background: radial-gradient(circle, rgba(0, 110, 189, .32) 0%, rgba(0, 110, 189, 0) 70%);
    filter: blur(8px);
}

.external-flow-step[b-to0nih2szr] {
    display: flex;
    min-height: 7rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .05);
    padding: 1rem;
    text-align: center;
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.2;
}

.external-flow-step i[b-to0nih2szr] {
    color: #66b7ff;
    font-size: 1.25rem;
}

.external-trust-item[b-to0nih2szr] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.external-trust-item > i[b-to0nih2szr] {
    width: 1.5rem;
    flex: none;
    text-align: center;
    font-size: 1.2rem;
}

.external-trust-item div[b-to0nih2szr] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.external-trust-item strong[b-to0nih2szr] {
    color: #06162b;
    font-size: .95rem;
}

.external-trust-item span[b-to0nih2szr] {
    color: #64748b;
    font-size: .82rem;
    line-height: 1.4;
}

.external-provider-card[b-to0nih2szr] {
    display: flex;
    min-height: 8.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border: 1px solid #cbd5e1;
    background: white;
    color: #06162b;
    box-shadow: 0 10px 24px rgba(6, 22, 43, .045);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.external-provider-card:hover[b-to0nih2szr] {
    transform: translateY(-3px);
    border-color: #66b7ff;
    box-shadow: 0 16px 32px rgba(6, 22, 43, .1);
}

.external-provider-card i[b-to0nih2szr] {
    font-size: 2rem;
}

.external-provider-card span[b-to0nih2szr] {
    font-size: .9rem;
    font-weight: 800;
}

.external-guide-section[b-to0nih2szr] {
    display: grid;
    grid-template-columns: 8rem minmax(0, 1fr);
    gap: 2rem;
    border-top: 1px solid #dbe3ec;
    padding: 4rem 0;
}

.external-guide-section:first-of-type[b-to0nih2szr] {
    margin-top: 4rem;
}

.external-section-number[b-to0nih2szr] {
    color: rgba(6, 22, 43, .09);
    font-size: clamp(4rem, 8vw, 7rem);
    font-weight: 900;
    line-height: .82;
    letter-spacing: -.07em;
}

.external-guide-section h2[b-to0nih2szr] {
    color: #06162b;
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
}

.external-guide-section h2 + p[b-to0nih2szr],
.external-guide-section > div > p[b-to0nih2szr] {
    margin-top: 1.25rem;
    color: #475569;
    font-size: 1.05rem;
    line-height: 1.85;
}

.external-process-list[b-to0nih2szr] {
    margin-top: 1.75rem;
    border: 1px solid #dbe3ec;
    background: white;
}

.external-process-list li[b-to0nih2szr] {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding: 1.25rem;
}

.external-process-list li + li[b-to0nih2szr] {
    border-top: 1px solid #dbe3ec;
}

.external-process-list li > span[b-to0nih2szr] {
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #9ccaf2;
    color: #004c8e;
    font-weight: 900;
}

.external-process-list strong[b-to0nih2szr] {
    color: #06162b;
    font-size: 1rem;
}

.external-process-list p[b-to0nih2szr] {
    margin-top: .3rem;
    color: #64748b;
    line-height: 1.65;
}

.external-info-card[b-to0nih2szr] {
    display: flex;
    min-height: 12rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border: 1px solid #bfdbf4;
    border-top: 4px solid #006ebd;
    background: white;
    padding: 1.5rem;
    box-shadow: 0 14px 30px rgba(6, 22, 43, .06);
}

.external-info-card i[b-to0nih2szr] {
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    background: #e7f3ff;
    color: #006ebd;
    font-size: 1.1rem;
}

.external-info-card strong[b-to0nih2szr] {
    margin-top: 1rem;
    color: #06162b;
    font-size: 1.02rem;
}

.external-info-card span[b-to0nih2szr] {
    margin-top: .5rem;
    color: #64748b;
    font-size: .9rem;
    line-height: 1.65;
}

.external-content-action[b-to0nih2szr] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    border: 1px solid #94a3b8;
    padding: .8rem 1.2rem;
    color: #06162b;
    font-size: .88rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, background-color .2s ease;
}

.external-content-action:hover[b-to0nih2szr] {
    transform: translateY(-2px);
    background: white;
}

.external-content-action--primary[b-to0nih2szr] {
    border-color: #005ba0;
    background: #005ba0;
    color: white;
}

.external-content-action--primary:hover[b-to0nih2szr] {
    background: #00467b;
}

.external-faq-list[b-to0nih2szr] {
    margin-top: 1.75rem;
    border-top: 1px solid #cbd5e1;
}

.external-faq-list details[b-to0nih2szr] {
    border-bottom: 1px solid #cbd5e1;
    padding: 1.25rem 0;
}

.external-faq-list summary[b-to0nih2szr] {
    cursor: pointer;
    color: #06162b;
    font-size: 1.12rem;
    font-weight: 650;
    list-style: none;
}

.external-faq-list summary[b-to0nih2szr]::-webkit-details-marker {
    display: none;
}

.external-faq-list summary[b-to0nih2szr]::after {
    content: '+';
    float: right;
    margin-left: 1rem;
    color: #006ebd;
    font-size: 1.5rem;
    font-weight: 400;
}

.external-faq-list details[open] summary[b-to0nih2szr]::after {
    content: '−';
}

.external-faq-list p[b-to0nih2szr] {
    margin-top: .85rem;
    max-width: 52rem;
    color: #64748b;
    line-height: 1.7;
}

@media (prefers-reduced-motion: no-preference) {
    .external-reveal[b-to0nih2szr] {
        opacity: 0;
        transform: translateY(18px);
        animation: external-reveal-b-to0nih2szr .75s cubic-bezier(.16, 1, .3, 1) forwards;
    }

    .external-reveal--delay[b-to0nih2szr] {
        animation-delay: .12s;
    }
}

@media (max-width: 640px) {
    .external-guide-section[b-to0nih2szr] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        padding: 3rem 0;
    }

    .external-guide-section:first-of-type[b-to0nih2szr] {
        margin-top: 3rem;
    }

    .external-section-number[b-to0nih2szr] {
        font-size: 4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .external-provider-card[b-to0nih2szr],
    .external-content-action[b-to0nih2szr] {
        transition: none;
    }
}

@keyframes external-reveal-b-to0nih2szr {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/FiltersAndConstraints.razor.rz.scp.css */
.filters-page[b-4pfbru6psb] {
    --ink: #06162b;
    --navy: #082a4c;
    --blue: #075a9d;
    --sky: #66b7ff;
    overflow: hidden;
    background: #f5f8fb;
    color: var(--ink);
}

.filters-shell[b-4pfbru6psb] {
    width: min(100% - 2.5rem, 90rem);
    margin-inline: auto;
}

.filters-hero[b-4pfbru6psb] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(112deg, #06162b 0%, #08365f 68%, #075a9d 135%);
    color: #fff;
}

.filters-hero[b-4pfbru6psb]::after {
    position: absolute;
    z-index: -1;
    top: -24rem;
    right: -9rem;
    width: 44rem;
    height: 44rem;
    border: 1px solid rgb(102 183 255 / 20%);
    border-radius: 50%;
    box-shadow: 0 0 0 6rem rgb(102 183 255 / 3.5%), 0 0 0 13rem rgb(102 183 255 / 2.5%);
    content: "";
}

.filters-hero__grid[b-4pfbru6psb],
.filters-lab__grid-bg[b-4pfbru6psb] {
    position: absolute;
    z-index: -2;
    inset: 0;
    background-image: linear-gradient(rgb(102 183 255 / 5.5%) 1px, transparent 1px), linear-gradient(90deg, rgb(102 183 255 / 5.5%) 1px, transparent 1px);
    background-size: 4rem 4rem;
}

.filters-hero__grid[b-4pfbru6psb] { mask-image: linear-gradient(90deg, #000, transparent 84%); }
.filters-hero__inner[b-4pfbru6psb] { padding-block: clamp(4.5rem, 9vw, 8rem); }

.filters-eyebrow[b-4pfbru6psb],
.filters-kicker[b-4pfbru6psb] {
    color: #66b7ff;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.filters-eyebrow span[b-4pfbru6psb] {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    margin-right: .7rem;
    place-items: center;
    border: 1px solid rgb(102 183 255 / 35%);
    background: rgb(102 183 255 / 8%);
    color: #9bd0ff;
}

.filters-hero h1[b-4pfbru6psb] {
    max-width: 79rem;
    margin: 1.7rem 0 0;
    font-size: clamp(3.1rem, 8vw, 7.5rem);
    font-weight: 950;
    letter-spacing: -.018em;
    line-height: .88;
}

.filters-hero h1 em[b-4pfbru6psb] { color: var(--sky); font-style: normal; }

.filters-hero__lead[b-4pfbru6psb] {
    max-width: 61rem;
    margin-top: 2.2rem;
    color: rgb(255 255 255 / 72%);
    font-size: clamp(1.05rem, 2vw, 1.28rem);
    line-height: 1.75;
}

.filters-hero__sequence[b-4pfbru6psb] {
    display: flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 1.1rem;
    margin-top: 2.6rem;
    padding: 1rem 1.2rem;
    border: 1px solid rgb(138 199 255 / 18%);
    background: rgb(2 20 39 / 48%);
    backdrop-filter: blur(8px);
}

.filters-hero__sequence div[b-4pfbru6psb] { display: grid; gap: .2rem; }
.filters-hero__sequence span[b-4pfbru6psb] { color: rgb(255 255 255 / 52%); font-size: .62rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.filters-hero__sequence strong[b-4pfbru6psb] { font-size: .94rem; }
.filters-hero__sequence i[b-4pfbru6psb],
.filters-hero__sequence .is-accent strong[b-4pfbru6psb] { color: #8ac7ff; }

.filters-article[b-4pfbru6psb] { padding-block: clamp(3.25rem, 5vw, 5.25rem); }
.filters-article--lower[b-4pfbru6psb] { padding-top: 3.5rem; }

.filters-section[b-4pfbru6psb] {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: 2.25rem;
    scroll-margin-top: 6.5rem;
}

.filters-section + .filters-section[b-4pfbru6psb] { margin-top: clamp(3rem, 5vw, 5rem); }

.filters-number[b-4pfbru6psb] {
    color: #dce4eb;
    font-size: clamp(4.5rem, 8vw, 7.75rem);
    font-weight: 950;
    letter-spacing: -.08em;
    line-height: .8;
}

.filters-copy[b-4pfbru6psb] { max-width: 74rem; }
.filters-kicker[b-4pfbru6psb] { color: var(--blue); }

.filters-copy h2[b-4pfbru6psb],
.filters-lab h2[b-4pfbru6psb] {
    max-width: 67rem;
    margin: .72rem 0 0;
    font-size: clamp(2.1rem, 5vw, 4.65rem);
    font-weight: 950;
    letter-spacing: -.045em;
    line-height: .99;
}

.filters-prose[b-4pfbru6psb] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
    margin-top: 1.8rem;
}

.filters-prose p[b-4pfbru6psb],
.filters-section-lead[b-4pfbru6psb],
.filters-caption[b-4pfbru6psb] {
    margin: 0;
    color: #3f5872;
    font-size: 1.05rem;
    line-height: 1.8;
}

.filters-section-lead[b-4pfbru6psb] { max-width: 67rem; margin-top: 1.6rem; }
.filters-prose--after[b-4pfbru6psb] { display: block; }

.filters-definition[b-4pfbru6psb] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.8rem;
    padding: 1.2rem;
    border-left: 3px solid #4a9bd6;
    background: #e9f3fb;
}

.filters-definition > i[b-4pfbru6psb] {
    display: grid;
    width: 3.1rem;
    height: 3.1rem;
    place-items: center;
    background: #d5eafa;
    color: #075a9d;
    font-size: 1.3rem;
}

.filters-definition span[b-4pfbru6psb],
.filters-dashboard span[b-4pfbru6psb],
.filters-sample__heading span[b-4pfbru6psb] {
    color: #39789f;
    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.filters-definition p[b-4pfbru6psb] { margin: .35rem 0 0; color: #294b69; line-height: 1.65; }

.filters-contrast[b-4pfbru6psb] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.filters-contrast article[b-4pfbru6psb] {
    min-height: 14rem;
    padding: 1.5rem;
    border: 1px solid #cddce8;
    background: #fff;
}

.filters-contrast article:first-child[b-4pfbru6psb] { border-color: #62a9dc; background: #e8f3fb; }
.filters-contrast i[b-4pfbru6psb] { color: #2a80bd; font-size: 1.8rem; }
.filters-contrast span[b-4pfbru6psb],
.filters-contrast strong[b-4pfbru6psb] { display: block; }
.filters-contrast span[b-4pfbru6psb] { margin-top: 1.1rem; color: #4d7191; font-size: .68rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.filters-contrast strong[b-4pfbru6psb] { margin-top: .4rem; font-size: 1.25rem; line-height: 1.35; }
.filters-contrast p[b-4pfbru6psb] { margin: .7rem 0 0; color: #567089; line-height: 1.6; }

.filters-lab[b-4pfbru6psb] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(116deg, #07558f 0%, #0968a8 58%, #0c73b4 100%);
    color: #fff;
}

.filters-lab[b-4pfbru6psb]::before {
    position: absolute;
    z-index: -1;
    inset: -30%;
    background:
        radial-gradient(circle at 24% 42%, rgb(112 198 255 / 13%) 0, rgb(112 198 255 / 4%) 20%, transparent 43%),
        radial-gradient(circle at 76% 58%, rgb(180 225 255 / 9%) 0, transparent 36%);
    content: "";
    filter: blur(10px);
    animation: filters-ambient-glow-b-4pfbru6psb 24s ease-in-out infinite alternate;
    pointer-events: none;
}

.filters-lab[b-4pfbru6psb]::after {
    position: absolute;
    z-index: -1;
    right: -8rem;
    bottom: -21rem;
    width: 42rem;
    height: 42rem;
    border: 1px solid rgb(150 211 255 / 18%);
    border-radius: 50%;
    box-shadow: 0 0 0 6rem rgb(112 190 246 / 4%), 0 0 0 13rem rgb(112 190 246 / 3%);
    content: "";
    animation: filters-orbit-drift-b-4pfbru6psb 18s ease-in-out infinite alternate;
    pointer-events: none;
}

.filters-lab__grid-bg[b-4pfbru6psb] {
    z-index: -1;
    opacity: .72;
    animation: filters-grid-drift-b-4pfbru6psb 32s linear infinite;
    will-change: background-position;
}
.filters-lab__inner[b-4pfbru6psb] { padding-block: clamp(3.25rem, 5vw, 5.25rem); }

.filters-lab__header[b-4pfbru6psb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .58fr);
    align-items: end;
    gap: 3rem;
}

.filters-lab__header > p[b-4pfbru6psb] { margin: 0 0 .3rem; color: rgb(255 255 255 / 72%); font-size: 1.02rem; line-height: 1.75; }

.filters-lab__layout[b-4pfbru6psb] {
    display: grid;
    grid-template-columns: minmax(19rem, .76fr) minmax(0, 1.45fr);
    gap: 1.4rem;
    margin-top: 2.5rem;
}

.filters-controls[b-4pfbru6psb],
.filters-dashboard[b-4pfbru6psb] {
    border: 1px solid rgb(174 218 249 / 28%);
    background: rgb(4 43 76 / 74%);
    backdrop-filter: blur(5px);
}

.filters-controls[b-4pfbru6psb],
.filters-dashboard[b-4pfbru6psb] { padding: 1.6rem; }
.filters-field[b-4pfbru6psb] { display: grid; gap: .55rem; }
.filters-field label[b-4pfbru6psb] { color: #fff; font-size: .86rem; font-weight: 850; }

.filters-field textarea[b-4pfbru6psb],
.filters-field[b-4pfbru6psb]  input {
    width: 100%;
    min-height: 2.65rem;
    border: 1px solid rgb(176 211 237 / 55%);
    border-radius: 0;
    outline: 0;
    background: #f8fbfd;
    color: #082a4c;
    font: inherit;
}

.filters-field textarea[b-4pfbru6psb] { min-height: 6rem; padding: .75rem .9rem; resize: vertical; line-height: 1.55; }
.filters-field[b-4pfbru6psb]  input { height: 2.65rem; padding: .55rem .8rem; }
.filters-field textarea:focus[b-4pfbru6psb],
.filters-field[b-4pfbru6psb]  input:focus { border-color: #8ac7ff; box-shadow: 0 0 0 3px rgb(138 199 255 / 18%); }
.filters-field small[b-4pfbru6psb] { color: rgb(255 255 255 / 64%); line-height: 1.5; }

.filters-control-grid[b-4pfbru6psb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.05rem;
    margin-top: 1.2rem;
}

.filters-apply[b-4pfbru6psb] {
    display: inline-flex;
    width: 100%;
    min-height: 3.8rem;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    margin-top: 1.5rem;
    border: 1px solid #d2ebfd;
    border-radius: 0;
    background: #d8edfc;
    color: #07365e;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    transition: background .2s ease, transform .2s ease;
}

.filters-apply:hover[b-4pfbru6psb] { background: #fff; transform: translateY(-2px); }

.filters-message[b-4pfbru6psb] {
    display: flex;
    gap: .7rem;
    margin: 1.25rem 0 0;
    padding: .9rem;
    border-left: 3px solid #8ac7ff;
    background: rgb(3 54 93 / 72%);
    color: #dcedfa;
    line-height: 1.55;
}

.filters-message i[b-4pfbru6psb] { margin-top: .2rem; color: #8ac7ff; }
.filters-message--error[b-4pfbru6psb] { border-color: #a9d7f7; background: rgb(7 35 61 / 84%); }

.filters-dashboard__summary[b-4pfbru6psb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding-bottom: 1.3rem;
    border-bottom: 1px solid rgb(174 218 249 / 23%);
}

.filters-dashboard__summary div[b-4pfbru6psb] { display: grid; gap: .18rem; }
.filters-dashboard__summary strong[b-4pfbru6psb] { font-size: clamp(1.65rem, 3.3vw, 3.15rem); line-height: 1; }
.filters-dashboard__summary small[b-4pfbru6psb] { color: rgb(255 255 255 / 58%); }
.filters-dashboard__summary > i[b-4pfbru6psb] { color: #8ac7ff; animation: filters-arrow-b-4pfbru6psb 2.2s ease-in-out infinite; }
.filters-dashboard__summary .is-result strong[b-4pfbru6psb] { color: #8ac7ff; }

.filters-result-figure[b-4pfbru6psb] {
    position: relative;
    isolation: isolate;
    display: grid;
    width: 7rem;
    min-height: 4.6rem;
    place-items: center;
    margin-block: -.45rem;
}

.filters-result-figure strong[b-4pfbru6psb] {
    position: relative;
    z-index: 2;
    text-shadow: 0 0 1.4rem rgb(138 199 255 / 24%);
    animation: filters-result-breathe-b-4pfbru6psb 4.8s ease-in-out infinite;
}

.filters-result-orbit[b-4pfbru6psb] {
    position: absolute;
    z-index: 1;
    inset: 50% auto auto 50%;
    border: 1px solid rgb(138 199 255 / 28%);
    border-radius: 50%;
    pointer-events: none;
}

.filters-result-orbit[b-4pfbru6psb]::after {
    position: absolute;
    top: -.24rem;
    left: 50%;
    width: .42rem;
    height: .42rem;
    border: 1px solid rgb(220 241 255 / 78%);
    border-radius: 50%;
    background: #8ac7ff;
    box-shadow: 0 0 .72rem rgb(138 199 255 / 76%);
    content: "";
    transform: translateX(-50%);
}

.filters-result-orbit--wide[b-4pfbru6psb] {
    width: 7.4rem;
    height: 3.2rem;
    animation: filters-result-orbit-wide-b-4pfbru6psb 9s linear infinite;
}

.filters-result-orbit--tall[b-4pfbru6psb] {
    width: 6.2rem;
    height: 4.15rem;
    border-color: rgb(138 199 255 / 18%);
    animation: filters-result-orbit-tall-b-4pfbru6psb 13s linear infinite reverse;
}

.filters-result-orbit--tall[b-4pfbru6psb]::after {
    width: .3rem;
    height: .3rem;
    opacity: .78;
}

.filters-rules[b-4pfbru6psb] { padding-block: 1.35rem; border-bottom: 1px solid rgb(174 218 249 / 23%); }
.filters-rules__heading[b-4pfbru6psb] { display: flex; justify-content: space-between; gap: 1rem; }
.filters-rules__heading small[b-4pfbru6psb] { color: rgb(255 255 255 / 58%); }

.filters-rule[b-4pfbru6psb] { margin-top: 1rem; }
.filters-rule > div[b-4pfbru6psb] { display: flex; justify-content: space-between; gap: 1rem; }
.filters-rule > div span[b-4pfbru6psb] { color: #dcedfa; font-size: .75rem; letter-spacing: .03em; text-transform: none; }
.filters-rule > div strong[b-4pfbru6psb] { color: #fff; }
.filters-rule > i[b-4pfbru6psb] { position: relative; display: block; height: .42rem; margin-top: .45rem; overflow: hidden; background: rgb(255 255 255 / 9%); }
.filters-rule > i[b-4pfbru6psb]::after { position: absolute; inset: 0 auto 0 0; width: var(--rule-width); background: linear-gradient(100deg, #4b9ddd 0%, #9bd0ff 42%, #d9efff 50%, #9bd0ff 58%, #4b9ddd 100%); background-size: 220% 100%; content: ""; animation: filters-bar-b-4pfbru6psb 1s ease-out both, filters-bar-shimmer-b-4pfbru6psb 8s linear 1s infinite; }

.filters-outcome[b-4pfbru6psb] {
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr);
    gap: 1rem;
    padding: 1.15rem 0;
    color: #d9ebf8;
}

.filters-outcome i[b-4pfbru6psb] { color: #8ac7ff; font-size: 1.35rem; }
.filters-outcome p[b-4pfbru6psb] { margin: 0; line-height: 1.65; }

.filters-sample[b-4pfbru6psb] { padding-top: 1.15rem; border-top: 1px solid rgb(174 218 249 / 23%); }
.filters-sample__heading[b-4pfbru6psb] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.filters-sample__heading div[b-4pfbru6psb] { display: grid; gap: .22rem; }
.filters-sample__heading small[b-4pfbru6psb] { color: rgb(255 255 255 / 58%); }
.filters-sample__heading i[b-4pfbru6psb] { color: #8ac7ff; }

.filters-sample__grid[b-4pfbru6psb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-top: 1rem; }
.filters-sample__grid > div[b-4pfbru6psb] { display: grid; min-height: 3.5rem; grid-template-columns: 3.2rem minmax(0, 1fr); align-items: center; gap: .7rem; padding: .7rem .8rem; border: 1px solid rgb(145 202 244 / 24%); background: rgb(3 40 70 / 72%); animation: filters-column-in-b-4pfbru6psb .5s ease-out both; }
.filters-sample__grid > div:nth-child(2)[b-4pfbru6psb] { animation-delay: .05s; }
.filters-sample__grid > div:nth-child(3)[b-4pfbru6psb] { animation-delay: .1s; }
.filters-sample__grid > div:nth-child(4)[b-4pfbru6psb] { animation-delay: .15s; }
.filters-sample__grid > div:nth-child(5)[b-4pfbru6psb] { animation-delay: .2s; }
.filters-sample__grid > div:nth-child(6)[b-4pfbru6psb] { animation-delay: .25s; }
.filters-sample__grid b[b-4pfbru6psb] { color: #8ac7ff; }
.filters-sample__grid span[b-4pfbru6psb] { color: #fff; font-size: .85rem; font-weight: 700; letter-spacing: 0; }

.filters-intersection[b-4pfbru6psb] {
    display: flex;
    max-width: 67rem;
    align-items: center;
    gap: .75rem;
    margin-top: 1.8rem;
    padding: 1.2rem;
    border: 1px solid #cbdde9;
    background: #fff;
}

.filters-intersection span[b-4pfbru6psb],
.filters-intersection strong[b-4pfbru6psb] { padding: .7rem .8rem; background: #edf5fa; color: #315874; }
.filters-intersection strong[b-4pfbru6psb] { background: #dbeefa; color: #075a9d; }
.filters-intersection i[b-4pfbru6psb] { color: #5aa3d5; }

.filters-caption[b-4pfbru6psb] { max-width: 67rem; margin-top: 1.25rem; padding-left: 1.1rem; border-left: 3px solid #5ba7db; }

.filters-types[b-4pfbru6psb] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.filters-types article[b-4pfbru6psb] { min-height: 16rem; padding: 1.4rem; border: 1px solid #cddce8; background: #fff; }
.filters-types article:first-child[b-4pfbru6psb] { border-color: #65a9d8; background: #e8f3fb; }
.filters-types i[b-4pfbru6psb] { color: #2b83c0; font-size: 1.7rem; }
.filters-types span[b-4pfbru6psb] { display: block; margin-top: 1rem; color: #47728f; font-size: .68rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.filters-types h3[b-4pfbru6psb] { margin: .45rem 0 0; font-size: 1.25rem; line-height: 1.35; }
.filters-types p[b-4pfbru6psb] { margin: .65rem 0 0; color: #536d84; line-height: 1.65; }

.filters-note[b-4pfbru6psb] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1.2rem;
    border-left: 3px solid #2b83c0;
    background: #e7f2fa;
    color: #294d6b;
}

.filters-note i[b-4pfbru6psb] { color: #075a9d; font-size: 1.3rem; }
.filters-note p[b-4pfbru6psb] { margin: 0; line-height: 1.7; }

.filters-pipeline[b-4pfbru6psb] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    margin-top: 1.8rem;
}

.filters-pipeline div[b-4pfbru6psb] { display: grid; min-height: 8.5rem; align-content: center; gap: .2rem; padding: 1.1rem; border: 1px solid #ccdde9; background: #fff; }
.filters-pipeline div:nth-of-type(2)[b-4pfbru6psb] { background: #e8f3fb; border-color: #6caedb; }
.filters-pipeline span[b-4pfbru6psb] {
    display: grid;
    width: 2.85rem;
    height: 2.85rem;
    place-items: center;
    margin-bottom: .45rem;
    border: 2px solid #2f8ac6;
    border-radius: 50%;
    background: #edf7fd;
    color: #075a9d;
    font-size: 1.08rem;
    font-weight: 950;
    line-height: 1;
}
.filters-pipeline div:nth-of-type(2) span[b-4pfbru6psb] { background: #d5ecfb; border-color: #1575b5; }
.filters-pipeline strong[b-4pfbru6psb] { font-size: 1.25rem; }
.filters-pipeline small[b-4pfbru6psb] { color: #587087; }
.filters-pipeline > i[b-4pfbru6psb] { color: #4a9bd6; }

@keyframes filters-arrow-b-4pfbru6psb { 0%, 100% { opacity: .65; transform: translateX(0); } 50% { opacity: 1; transform: translateX(.28rem); } }
@keyframes filters-bar-b-4pfbru6psb { from { width: 0; } }
@keyframes filters-bar-shimmer-b-4pfbru6psb { from { background-position: 100% 0; } to { background-position: -120% 0; } }
@keyframes filters-column-in-b-4pfbru6psb { from { opacity: 0; transform: translateY(.45rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes filters-grid-drift-b-4pfbru6psb { to { background-position: 4rem 4rem; } }
@keyframes filters-result-orbit-wide-b-4pfbru6psb {
    from { transform: translate(-50%, -50%) rotate(12deg); }
    to { transform: translate(-50%, -50%) rotate(372deg); }
}
@keyframes filters-result-orbit-tall-b-4pfbru6psb {
    from { transform: translate(-50%, -50%) rotate(-48deg); }
    to { transform: translate(-50%, -50%) rotate(312deg); }
}
@keyframes filters-result-breathe-b-4pfbru6psb {
    0%, 100% { opacity: .88; transform: scale(.98); }
    50% { opacity: 1; transform: scale(1.035); }
}
@keyframes filters-orbit-drift-b-4pfbru6psb {
    from { opacity: .72; transform: translate3d(0, 0, 0) scale(.98); }
    to { opacity: 1; transform: translate3d(-2.5rem, -1.2rem, 0) scale(1.04); }
}
@keyframes filters-ambient-glow-b-4pfbru6psb {
    0% { opacity: .55; transform: translate3d(-2%, -1%, 0) rotate(-2deg) scale(1); }
    50% { opacity: .82; transform: translate3d(3%, 2%, 0) rotate(1deg) scale(1.04); }
    100% { opacity: .62; transform: translate3d(1%, -2%, 0) rotate(3deg) scale(1.01); }
}

@media (max-width: 1100px) {
    .filters-lab__layout[b-4pfbru6psb] { grid-template-columns: 1fr; }
}

@media (max-width: 960px) {
    .filters-section[b-4pfbru6psb] { grid-template-columns: 5.5rem minmax(0, 1fr); gap: 1.5rem; }
    .filters-lab__header[b-4pfbru6psb] { grid-template-columns: 1fr; gap: 1.2rem; }
    .filters-dashboard__summary[b-4pfbru6psb] { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
    .filters-dashboard__summary > div:last-child[b-4pfbru6psb] { grid-column: 1 / -1; padding-top: 1rem; border-top: 1px solid rgb(174 218 249 / 18%); }
}

@media (max-width: 640px) {
    .filters-shell[b-4pfbru6psb] { width: min(100% - 1.5rem, 90rem); }
    .filters-hero__inner[b-4pfbru6psb] { padding-block: 3.5rem; }
    .filters-hero__sequence[b-4pfbru6psb] { width: 100%; align-items: stretch; flex-direction: column; }
    .filters-hero__sequence > i[b-4pfbru6psb] { transform: rotate(90deg); }
    .filters-section[b-4pfbru6psb] { grid-template-columns: 1fr; gap: .8rem; }
    .filters-number[b-4pfbru6psb] { font-size: 3.9rem; }
    .filters-prose[b-4pfbru6psb],
    .filters-contrast[b-4pfbru6psb],
    .filters-control-grid[b-4pfbru6psb],
    .filters-sample__grid[b-4pfbru6psb],
    .filters-types[b-4pfbru6psb] { grid-template-columns: 1fr; }
    .filters-dashboard__summary[b-4pfbru6psb] { grid-template-columns: 1fr; }
    .filters-dashboard__summary > i[b-4pfbru6psb] { transform: rotate(90deg); }
    .filters-dashboard__summary > div:last-child[b-4pfbru6psb] { grid-column: auto; }
    .filters-rules__heading[b-4pfbru6psb] { align-items: flex-start; flex-direction: column; }
    .filters-intersection[b-4pfbru6psb],
    .filters-pipeline[b-4pfbru6psb] { display: grid; grid-template-columns: 1fr; }
    .filters-intersection i[b-4pfbru6psb],
    .filters-pipeline > i[b-4pfbru6psb] { justify-self: center; transform: rotate(90deg); }
}

@media (prefers-reduced-motion: reduce) {
    .filters-lab[b-4pfbru6psb]::before,
    .filters-lab[b-4pfbru6psb]::after,
    .filters-lab__grid-bg[b-4pfbru6psb],
    .filters-dashboard__summary > i[b-4pfbru6psb],
    .filters-result-figure strong[b-4pfbru6psb],
    .filters-result-orbit[b-4pfbru6psb],
    .filters-rule > i[b-4pfbru6psb]::after,
    .filters-sample__grid > div[b-4pfbru6psb] { animation: none; }
    .filters-apply[b-4pfbru6psb] { transition: none; }
}
/* /Components/Pages/Help.razor.rz.scp.css */
.help-page[b-ky5bs5g4fd] {
    scroll-behavior: smooth;
}

.help-title[b-ky5bs5g4fd] {
    font-size: clamp(3.5rem, 7vw, 7rem);
    line-height: .88;
    letter-spacing: -.05em;
}

.help-section-title[b-ky5bs5g4fd],
.help-cta-title[b-ky5bs5g4fd] {
    font-size: clamp(2.4rem, 5vw, 4.7rem);
    line-height: .94;
    letter-spacing: -.04em;
}

.help-grid[b-ky5bs5g4fd] {
    background-image:
        linear-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 5%) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, black, transparent 90%);
}

.help-glow[b-ky5bs5g4fd] {
    background: radial-gradient(circle, rgb(102 183 255 / 28%), rgb(47 134 213 / 10%) 42%, transparent 70%);
    filter: blur(24px);
}

.quick-link[b-ky5bs5g4fd] {
    display: flex;
    min-height: 4.2rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: rgb(255 255 255 / 76%);
    font-size: .9rem;
    font-weight: 800;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

.quick-link > span[b-ky5bs5g4fd] {
    display: inline-flex;
    align-items: center;
    gap: .85rem;
}

.quick-link > span i[b-ky5bs5g4fd] {
    width: 1.25rem;
    color: #66b7ff;
    text-align: center;
}

.quick-link:hover[b-ky5bs5g4fd] {
    color: white;
    transform: translateX(.2rem);
}

.help-trust[b-ky5bs5g4fd] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.help-trust > i[b-ky5bs5g4fd] {
    margin-top: .15rem;
    font-size: 1.15rem;
}

.help-trust strong[b-ky5bs5g4fd],
.help-trust span[b-ky5bs5g4fd] {
    display: block;
}

.help-trust strong[b-ky5bs5g4fd] {
    color: #06162b;
    font-size: .95rem;
}

.help-trust span[b-ky5bs5g4fd] {
    margin-top: .25rem;
    color: #64748b;
    font-size: .82rem;
    line-height: 1.45;
}

.help-card[b-ky5bs5g4fd] {
    position: relative;
    display: flex;
    min-height: 25rem;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cbddeb;
    border-radius: .2rem;
    background: white;
    box-shadow: 0 .75rem 2rem rgb(6 22 43 / 6%);
    padding: 1.6rem;
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.help-card[b-ky5bs5g4fd]::before {
    position: absolute;
    inset: 0 0 auto;
    height: .22rem;
    content: "";
    background: linear-gradient(90deg, #004c8e, #66b7ff);
}

.help-card:hover[b-ky5bs5g4fd] {
    border-color: #77afe0;
    box-shadow: 0 1.15rem 2.8rem rgb(6 22 43 / 11%);
    transform: translateY(-.2rem);
}

.help-card-icon[b-ky5bs5g4fd] {
    display: inline-flex;
    width: 3.25rem;
    height: 3.25rem;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    background: #004c8e;
    color: white;
    box-shadow: 0 .55rem 1.25rem rgb(0 76 142 / 17%);
    font-size: 1.2rem;
}

.help-card-kicker[b-ky5bs5g4fd] {
    margin-top: 1.25rem;
    color: #004c8e;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.help-card h3[b-ky5bs5g4fd] {
    margin-top: .55rem;
    color: #06162b;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.help-card > p:not(.help-card-kicker)[b-ky5bs5g4fd] {
    margin-top: .9rem;
    color: #64748b;
    line-height: 1.7;
}

.help-card nav[b-ky5bs5g4fd] {
    display: grid;
    gap: .15rem;
    margin-top: auto;
    padding-top: 1.5rem;
}

.help-card nav a[b-ky5bs5g4fd] {
    display: flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid #e2e8f0;
    color: #173a5e;
    font-size: .85rem;
    font-weight: 800;
    text-decoration: none;
    transition: color .2s ease, padding-left .2s ease;
}

.help-card nav a:hover[b-ky5bs5g4fd] {
    padding-left: .25rem;
    color: #004c8e;
}

.help-faq[b-ky5bs5g4fd] {
    border-top: 1px solid #cbd5e1;
}

.help-faq details[b-ky5bs5g4fd] {
    border-bottom: 1px solid #cbd5e1;
}

.help-faq summary[b-ky5bs5g4fd] {
    position: relative;
    cursor: pointer;
    list-style: none;
    padding: 1.45rem 3rem 1.45rem 0;
    color: #06162b;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.4;
}

.help-faq summary[b-ky5bs5g4fd]::-webkit-details-marker {
    display: none;
}

.help-faq summary[b-ky5bs5g4fd]::after {
    position: absolute;
    top: 1.45rem;
    right: .2rem;
    content: "+";
    color: #004c8e;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
}

.help-faq details[open] summary[b-ky5bs5g4fd]::after {
    content: "−";
}

.help-faq details p[b-ky5bs5g4fd] {
    max-width: 50rem;
    padding: 0 3rem 1.5rem 0;
    color: #64748b;
    line-height: 1.75;
}

.help-reveal[b-ky5bs5g4fd] {
    animation: help-reveal .7s cubic-bezier(.16, 1, .3, 1) both;
}

.help-reveal--2[b-ky5bs5g4fd] { animation-delay: 90ms; }
.help-reveal--3[b-ky5bs5g4fd] { animation-delay: 120ms; }
.help-reveal--4[b-ky5bs5g4fd] { animation-delay: 180ms; }
.help-reveal--5[b-ky5bs5g4fd] { animation-delay: 240ms; }

@@keyframes help-reveal {
    from[b-ky5bs5g4fd] {
        opacity: 0;
        transform: translateY(1rem);
    }
    to[b-ky5bs5g4fd] {
        opacity: 1;
        transform: translateY(0);
    }
}

@@media (prefers-reduced-motion: reduce) {
    .help-page[b-ky5bs5g4fd] {
        scroll-behavior: auto;
    }

    .help-reveal[b-ky5bs5g4fd] {
        animation: none;
    }

    .help-card[b-ky5bs5g4fd],
    .quick-link[b-ky5bs5g4fd] {
        transition: none;
    }
}

@@media (max-width: 767px) {
    .help-card[b-ky5bs5g4fd] {
        min-height: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hero-surface[b-hbd00dp9ck] {
    isolation: isolate;
}

.section-spacing-primary[b-hbd00dp9ck] {
    padding-block: 5rem 4rem;
}

.section-spacing-secondary[b-hbd00dp9ck] {
    padding-block: 4rem 5rem;
}

#laboratorio[b-hbd00dp9ck] {
    scroll-margin-top: 5rem;
}

#come-funziona[b-hbd00dp9ck],
#algoritmi[b-hbd00dp9ck],
#matematica[b-hbd00dp9ck],
#principi[b-hbd00dp9ck] {
    scroll-margin-top: 4.75rem;
}

.hero-primary-action:focus-visible[b-hbd00dp9ck],
.hero-secondary-action:focus-visible[b-hbd00dp9ck],
.cta-button:focus-visible[b-hbd00dp9ck] {
    outline: 3px solid #ffb84d;
    outline-offset: 3px;
}

.hero-grid[b-hbd00dp9ck] {
    background-image:
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, black, transparent 78%);
}

.intro-flare[b-hbd00dp9ck],
.intro-sweep[b-hbd00dp9ck] {
    pointer-events: none;
}

.intro-flare[b-hbd00dp9ck] {
    z-index: 1;
    background: radial-gradient(circle at 65% 35%, rgb(102 183 255 / 46%), rgb(0 76 142 / 18%) 18%, transparent 48%);
    opacity: 0;
    mix-blend-mode: screen;
}

.intro-sweep[b-hbd00dp9ck] {
    z-index: 2;
    background: linear-gradient(90deg, transparent, rgb(102 183 255 / 38%), rgb(0 76 142 / 14%), transparent);
    filter: blur(20px);
    opacity: 0;
    transform: skewX(-12deg);
}

.hero-accent[b-hbd00dp9ck] {
    z-index: 0;
    isolation: isolate;
}

.hero-accent[b-hbd00dp9ck]::before {
    position: absolute;
    z-index: -1;
    inset: -.06em -.12em -.08em -.08em;
    content: "";
    border: 1px solid rgb(102 183 255 / 34%);
    border-radius: 50%;
    background: radial-gradient(ellipse at 66% 48%, rgb(102 183 255 / 17%), transparent 56%);
    box-shadow:
        inset 0 0 1.3em rgb(47 134 213 / 10%),
        0 0 1.6em rgb(102 183 255 / 11%);
    transform: rotate(-5deg) scale(.98);
}

.hero-accent[b-hbd00dp9ck]::after {
    position: absolute;
    z-index: 1;
    top: .08em;
    right: .08em;
    width: clamp(7px, .085em, 11px);
    aspect-ratio: 1;
    content: "";
    border-radius: 50%;
    background: #ffb84d;
    box-shadow:
        -1.35em .28em 0 -.018em #66b7ff,
        -2.72em .05em 0 -.022em rgb(102 183 255 / 82%),
        -4.05em .42em 0 -.028em rgb(47 134 213 / 72%);
    filter: drop-shadow(0 0 .16em rgb(255 184 77 / 75%));
}

.eyebrow[b-hbd00dp9ck] {
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgb(10 27 46 / 52%);
}

.section-title[b-hbd00dp9ck] {
    max-width: 52rem;
    font-size: clamp(2.65rem, 4.7vw, 5.25rem);
    font-weight: 900;
    line-height: .94;
    letter-spacing: -.035em;
}

.process-stage-grid[b-hbd00dp9ck] {
    background-image:
        linear-gradient(rgb(0 76 142 / 5%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(0 76 142 / 5%) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, transparent, black 18%, black 82%, transparent);
}

.process-stage-glow[b-hbd00dp9ck] {
    background: radial-gradient(circle, rgb(102 183 255 / 30%), rgb(47 134 213 / 9%) 42%, transparent 70%);
    filter: blur(20px);
}

.process-progress-dot[b-hbd00dp9ck] {
    left: 50%;
    background: #66b7ff;
    box-shadow: 0 0 0 .3rem rgb(102 183 255 / 12%), 0 0 1.5rem rgb(102 183 255 / 45%);
    transform: translate(-50%, -50%);
    transition: left .48s cubic-bezier(.16, 1, .3, 1), box-shadow .3s ease;
}

.process-stage:has(.process-card:nth-child(1):hover) .process-progress-dot[b-hbd00dp9ck] { left: 0%; }
.process-stage:has(.process-card:nth-child(2):hover) .process-progress-dot[b-hbd00dp9ck] { left: 25%; }
.process-stage:has(.process-card:nth-child(3):hover) .process-progress-dot[b-hbd00dp9ck] { left: 50%; }
.process-stage:has(.process-card:nth-child(4):hover) .process-progress-dot[b-hbd00dp9ck] { left: 75%; }
.process-stage:has(.process-card:nth-child(5):hover) .process-progress-dot[b-hbd00dp9ck] { left: 100%; }

.process-stage:has(.process-card:hover) .process-progress-dot[b-hbd00dp9ck] {
    box-shadow: 0 0 0 .42rem rgb(102 183 255 / 15%), 0 0 2rem rgb(102 183 255 / 72%);
}

.process-journey[b-hbd00dp9ck] {
    isolation: isolate;
    background-image:
        radial-gradient(circle at 9% 25%, rgb(20 117 194 / 22%), transparent 24%),
        radial-gradient(circle at 88% 82%, rgb(0 76 142 / 20%), transparent 28%),
        linear-gradient(135deg, rgb(255 255 255 / 3%), transparent 46%);
}

.process-journey[b-hbd00dp9ck]::after {
    position: absolute;
    z-index: 20;
    top: 7.65rem;
    right: 10%;
    left: 10%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, #66b7ff 16%, #dff1ff 50%, #66b7ff 84%, transparent);
    background-size: 200% 100%;
    box-shadow: 0 0 1.15rem rgb(102 183 255 / 60%);
    pointer-events: none;
}

.process-card[b-hbd00dp9ck]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, transparent, #66b7ff, transparent);
    opacity: 0;
    transition: opacity .3s ease;
}

.process-card:hover[b-hbd00dp9ck]::before {
    opacity: 1;
}

.process-card[b-hbd00dp9ck]::after {
    position: absolute;
    right: -2.5rem;
    bottom: -3.5rem;
    width: 8rem;
    height: 8rem;
    content: "";
    border: 1px solid rgb(138 199 255 / 14%);
    border-radius: 999px;
    transition: transform .35s ease;
}

.process-card:hover[b-hbd00dp9ck]::after {
    transform: scale(1.25);
}

.algorithm-rings[b-hbd00dp9ck]::before,
.algorithm-rings[b-hbd00dp9ck]::after {
    position: absolute;
    content: "";
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: inherit;
    transform-origin: center;
}

.algorithm-rings[b-hbd00dp9ck] {
    transform-origin: center;
}

.algorithm-rings[b-hbd00dp9ck]::before {
    inset: 12%;
    border-style: dashed;
}

.algorithm-rings[b-hbd00dp9ck]::after {
    inset: 26%;
    border-top-color: transparent;
    border-bottom-color: rgb(138 199 255 / 28%);
}

.algorithm-orbit-dot[b-hbd00dp9ck] {
    background: #8ac7ff;
    box-shadow:
        0 0 0 .45rem rgb(138 199 255 / 10%),
        0 0 1.8rem rgb(138 199 255 / 78%);
    transform: translate(-50%, -50%);
}

.algorithm-card[b-hbd00dp9ck] {
    isolation: isolate;
    transition: border-color .3s ease, background-color .3s ease, transform .3s ease;
}

.algorithm-card[b-hbd00dp9ck]::before {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -55%;
    width: 38%;
    content: "";
    background: linear-gradient(100deg, transparent, rgb(138 199 255 / 9%), rgb(255 255 255 / 12%), transparent);
    opacity: 0;
    pointer-events: none;
    transform: skewX(-14deg);
}

.algorithm-card:hover[b-hbd00dp9ck] {
    border-color: rgb(185 221 255 / 34%);
    background-color: rgb(7 59 109 / 74%);
    transform: translateY(-.2rem);
}

.algorithm-more[open] .algorithm-more-arrow[b-hbd00dp9ck] {
    transform: rotate(180deg);
}

.algorithm-more summary:focus-visible[b-hbd00dp9ck] {
    outline: 2px solid #8ac7ff;
    outline-offset: -2px;
}

.principles-section[b-hbd00dp9ck] {
    isolation: isolate;
}

.principles-grid[b-hbd00dp9ck] {
    z-index: -2;
    background-image:
        linear-gradient(rgb(0 76 142 / 5%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(0 76 142 / 5%) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, transparent, black 16%, black 88%, transparent);
}

.principles-orbit[b-hbd00dp9ck] {
    z-index: -1;
    border: 1px solid rgb(0 76 142 / 10%);
    box-shadow:
        0 0 0 5rem rgb(102 183 255 / 5%),
        0 0 0 10rem rgb(102 183 255 / 3%);
}

.principle-manifesto[b-hbd00dp9ck] {
    padding-top: 2rem;
}

.principle-rail[b-hbd00dp9ck] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    overflow: visible;
    background: linear-gradient(90deg, rgb(0 76 142 / 12%), rgb(0 76 142 / 38%) 50%, rgb(0 76 142 / 12%));
}

.principle-rail-marker[b-hbd00dp9ck] {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: .65rem;
    height: .65rem;
    border: 2px solid #edf6ff;
    border-radius: 50%;
    background: #ff9d2e;
    box-shadow: 0 0 0 .25rem rgb(255 157 46 / 11%), 0 0 1rem rgb(255 157 46 / 36%);
    transform: translate(-50%, -50%);
}

.principle-grid[b-hbd00dp9ck] {
    grid-template-columns: 1.18fr 1fr 1fr;
}

.principle-card[b-hbd00dp9ck] {
    isolation: isolate;
    min-height: 22rem;
    border-color: #b8d2e9;
    background:
        linear-gradient(145deg, rgb(255 255 255 / 98%), rgb(248 252 255 / 96%));
    box-shadow: 0 18px 55px rgb(8 43 80 / 8%);
    transition: border-color .3s ease, box-shadow .3s ease;
}

.principle-card[b-hbd00dp9ck]::after {
    position: absolute;
    right: -4rem;
    bottom: -5rem;
    width: 11rem;
    height: 11rem;
    content: "";
    border: 1px solid rgb(0 76 142 / 9%);
    border-radius: 50%;
    box-shadow: 0 0 0 2.75rem rgb(102 183 255 / 3%);
    pointer-events: none;
}

.principle-card:hover[b-hbd00dp9ck] {
    border-color: #66b7ff;
    box-shadow: 0 24px 65px rgb(0 76 142 / 13%);
}

.principle-card-featured[b-hbd00dp9ck] {
    border-color: rgb(138 199 255 / 28%);
    background:
        radial-gradient(circle at 88% 14%, rgb(102 183 255 / 22%), transparent 31%),
        linear-gradient(145deg, #061f3d, #083763);
    box-shadow: 0 24px 70px rgb(6 31 61 / 22%);
    color: white;
}

.principle-card-featured[b-hbd00dp9ck]::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    background-image:
        linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(135deg, black, transparent 76%);
}

.principle-card-featured[b-hbd00dp9ck]::after {
    border-color: rgb(138 199 255 / 15%);
    box-shadow: 0 0 0 2.75rem rgb(102 183 255 / 5%);
}

.principle-number[b-hbd00dp9ck] {
    z-index: 0;
    font-size: clamp(3.4rem, 5vw, 5.25rem);
    letter-spacing: -.09em;
    color: rgb(0 76 142 / 8%);
}

.principle-card-featured .principle-number[b-hbd00dp9ck] {
    color: rgb(138 199 255 / 14%);
}

.principle-icon[b-hbd00dp9ck] {
    color: #00589f;
}

.principle-card-featured .principle-icon[b-hbd00dp9ck] {
    color: #8ac7ff;
}

.principle-divider[b-hbd00dp9ck] {
    background: rgb(0 76 142 / 14%);
}

.principle-copy[b-hbd00dp9ck] {
    color: #475569;
}

.principle-card-featured .principle-divider[b-hbd00dp9ck] {
    background: rgb(255 255 255 / 16%);
}

.principle-card-featured .principle-copy[b-hbd00dp9ck] {
    color: rgb(255 255 255 / 70%);
}

.principle-proof[b-hbd00dp9ck] {
    color: rgb(0 76 142 / 70%);
}

.principle-proof-dot[b-hbd00dp9ck] {
    background: #ff9d2e;
    box-shadow: 0 0 0 .2rem rgb(255 157 46 / 10%);
}

.principle-card-featured .principle-proof[b-hbd00dp9ck] {
    color: rgb(185 221 255 / 78%);
}

.final-cta[b-hbd00dp9ck] {
    isolation: isolate;
    padding-block: 4rem;
}

.final-cta[b-hbd00dp9ck]::before {
    position: absolute;
    inset: -30% -10%;
    z-index: 0;
    content: "";
    background:
        radial-gradient(circle at 74% 42%, rgb(255 255 255 / 36%), transparent 22%),
        radial-gradient(circle at 18% 80%, rgb(102 183 255 / 22%), transparent 28%);
    opacity: .55;
    pointer-events: none;
}

.cta-measure[b-hbd00dp9ck]::after {
    position: absolute;
    right: .02em;
    bottom: -.12em;
    left: .02em;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, #ff9d2e, #ffd28a 58%, #ff9d2e);
    box-shadow: 0 0 .65rem rgb(255 157 46 / 32%);
    transform-origin: left;
}

.cta-measure[b-hbd00dp9ck]::before {
    position: absolute;
    z-index: 2;
    bottom: -.17em;
    left: 0;
    width: .12em;
    height: .12em;
    content: "";
    border-radius: 50%;
    background: #ff9d2e;
    box-shadow: 0 0 0 .08em rgb(255 157 46 / 14%), 0 0 .35em rgb(255 157 46 / 68%);
    opacity: 0;
}

.book-grid[b-hbd00dp9ck] {
    background-image:
        radial-gradient(circle at center, rgb(102 183 255 / 62%) 1px, transparent 1.5px),
        linear-gradient(rgb(47 134 213 / 13%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(47 134 213 / 13%) 1px, transparent 1px);
    background-size: 80px 80px, 40px 40px, 40px 40px;
    mask-image: radial-gradient(circle at 50% 46%, black, transparent 82%);
}

.combination-universe[b-hbd00dp9ck] {
    isolation: isolate;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 9%),
        inset 0 -5rem 8rem rgb(0 76 142 / 16%),
        0 1.75rem 5rem rgb(4 28 54 / 18%);
}

.universe-stage[b-hbd00dp9ck] {
    min-height: 25rem;
}

.universe-aurora[b-hbd00dp9ck] {
    z-index: -1;
    background:
        radial-gradient(circle at 50% 42%, rgb(102 183 255 / 34%), transparent 24%),
        radial-gradient(circle at 78% 18%, rgb(47 134 213 / 29%), transparent 32%),
        radial-gradient(circle at 15% 74%, rgb(0 110 196 / 20%), transparent 30%);
    mix-blend-mode: screen;
}

.universe-map[b-hbd00dp9ck] {
    z-index: -1;
    opacity: .9;
    filter: drop-shadow(0 0 12px rgb(102 183 255 / 13%));
}

.universe-ring[b-hbd00dp9ck] {
    fill: none;
    stroke: rgb(102 183 255 / 24%);
    stroke-width: 1.25;
    transform-box: fill-box;
    transform-origin: center;
}

.universe-ring-a[b-hbd00dp9ck] { stroke-dasharray: 2 12; }
.universe-ring-b[b-hbd00dp9ck] { stroke-dasharray: 22 10 3 10; stroke: rgb(138 199 255 / 30%); }
.universe-ring-c[b-hbd00dp9ck] { stroke-dasharray: 4 7; stroke: rgb(255 255 255 / 20%); }

.universe-line[b-hbd00dp9ck] {
    fill: none;
    stroke: rgb(102 183 255 / 38%);
    stroke-dasharray: 7 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5;
}

.universe-line-secondary[b-hbd00dp9ck] {
    opacity: .42;
    stroke-width: 1;
}

.universe-dot[b-hbd00dp9ck] {
    fill: #66b7ff;
    stroke: rgb(223 241 255 / 90%);
    stroke-width: 2;
    transform-box: fill-box;
    transform-origin: center;
}

.universe-core[b-hbd00dp9ck] {
    background:
        radial-gradient(circle at 50% 42%, rgb(102 183 255 / 23%), rgb(5 40 75 / 88%) 54%, rgb(4 28 54 / 92%) 72%);
    box-shadow:
        inset 0 0 2.5rem rgb(102 183 255 / 13%),
        0 0 0 1.1rem rgb(102 183 255 / 4%),
        0 0 5rem rgb(102 183 255 / 24%);
    backdrop-filter: blur(7px);
}

.universe-node[b-hbd00dp9ck] {
    min-width: 3.75rem;
    background: rgb(5 40 75 / 82%);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 7%),
        0 0 1.8rem rgb(102 183 255 / 12%);
    backdrop-filter: blur(8px);
}

@media (prefers-reduced-motion: reduce) {
    .intro-flare[b-hbd00dp9ck] {
        animation: none;
        opacity: 0;
    }

    .process-progress-dot[b-hbd00dp9ck] {
        transition: none;
    }

}

@media (prefers-reduced-motion: no-preference) {
    .intro-flare[b-hbd00dp9ck] {
        animation: intro-flash-b-hbd00dp9ck .85s cubic-bezier(.2, .75, .2, 1) both;
    }

    .intro-sweep[b-hbd00dp9ck] {
        animation: intro-sweep-b-hbd00dp9ck .78s cubic-bezier(.2, .8, .2, 1) .02s both;
    }

    .hero-grid[b-hbd00dp9ck] {
        animation: hero-grid-reveal-b-hbd00dp9ck .75s ease-out both;
    }

    .hero-glow[b-hbd00dp9ck] {
        animation: glow-awaken-b-hbd00dp9ck .85s cubic-bezier(.2, .8, .2, 1) both,
                   glow-drift-b-hbd00dp9ck 12s ease-in-out .85s infinite alternate;
    }

    .hero-kicker[b-hbd00dp9ck] {
        animation: hero-rise-b-hbd00dp9ck .32s cubic-bezier(.16, 1, .3, 1) .02s both;
    }

    .hero-title-line[b-hbd00dp9ck] {
        animation: hero-title-rise-b-hbd00dp9ck .52s cubic-bezier(.16, 1, .3, 1) .06s both;
    }

    .hero-title-line + .hero-title-line[b-hbd00dp9ck] {
        animation-delay: .12s;
    }

    .hero-copy[b-hbd00dp9ck] {
        animation: hero-rise-b-hbd00dp9ck .42s cubic-bezier(.16, 1, .3, 1) .18s both;
    }

    .hero-purpose[b-hbd00dp9ck] {
        animation: hero-rise-b-hbd00dp9ck .42s cubic-bezier(.16, 1, .3, 1) .24s both;
    }

    .hero-actions[b-hbd00dp9ck] {
        animation: hero-rise-b-hbd00dp9ck .42s cubic-bezier(.16, 1, .3, 1) .32s both;
    }

    .hero-note[b-hbd00dp9ck] {
        animation: hero-rise-b-hbd00dp9ck .38s cubic-bezier(.16, 1, .3, 1) .40s both;
    }

    .hero-canvas[b-hbd00dp9ck] {
        animation: canvas-arrive-b-hbd00dp9ck .65s cubic-bezier(.16, 1, .3, 1) .12s both;
        transform-origin: 70% 45%;
    }

    .universe-ring-a[b-hbd00dp9ck] {
        animation: universe-orbit-b-hbd00dp9ck 30s linear infinite;
    }

    .universe-ring-b[b-hbd00dp9ck] {
        animation: universe-orbit-reverse-b-hbd00dp9ck 23s linear infinite;
    }

    .universe-ring-c[b-hbd00dp9ck] {
        animation: universe-orbit-b-hbd00dp9ck 17s linear infinite;
    }

    .universe-line[b-hbd00dp9ck] {
        animation: universe-flow-b-hbd00dp9ck 8s linear infinite;
    }

    .universe-core[b-hbd00dp9ck] {
        animation: universe-breathe-b-hbd00dp9ck 5.5s ease-in-out infinite;
    }

    .universe-dot[b-hbd00dp9ck] {
        animation: universe-pulse-b-hbd00dp9ck 3.2s ease-in-out infinite;
    }

    .universe-dot-b[b-hbd00dp9ck] { animation-delay: -.7s; }
    .universe-dot-c[b-hbd00dp9ck] { animation-delay: -1.4s; }
    .universe-dot-d[b-hbd00dp9ck] { animation-delay: -2.1s; }
    .universe-dot-e[b-hbd00dp9ck] { animation-delay: -2.7s; }

    .process-journey[b-hbd00dp9ck]::after {
        animation: process-energy-b-hbd00dp9ck 4.5s linear infinite;
    }

    .algorithm-rings[b-hbd00dp9ck] {
        animation: algorithm-orbit-b-hbd00dp9ck 34s linear infinite;
    }

    .algorithm-rings[b-hbd00dp9ck]::before {
        animation: algorithm-orbit-reverse-b-hbd00dp9ck 26s linear infinite;
    }

    .algorithm-rings[b-hbd00dp9ck]::after {
        animation: algorithm-orbit-b-hbd00dp9ck 19s linear infinite;
    }

    .algorithm-orbit-dot[b-hbd00dp9ck] {
        animation: algorithm-dot-pulse-b-hbd00dp9ck 2.8s ease-in-out infinite;
    }

    .algorithm-card:hover[b-hbd00dp9ck]::before {
        animation: algorithm-card-scan-b-hbd00dp9ck .9s cubic-bezier(.22, .75, .25, 1) both;
    }

    .principle-rail-marker[b-hbd00dp9ck] {
        animation: principle-rail-travel-b-hbd00dp9ck 7s cubic-bezier(.16, 1, .3, 1) infinite;
    }

    .final-cta[b-hbd00dp9ck]::before {
        animation: cta-light-drift-b-hbd00dp9ck 8s ease-in-out infinite alternate;
    }

    .cta-measure[b-hbd00dp9ck]::after {
        animation: cta-measure-line-b-hbd00dp9ck 6.2s cubic-bezier(.16, 1, .3, 1) infinite;
    }

    .cta-measure[b-hbd00dp9ck]::before {
        animation: cta-measure-marker-b-hbd00dp9ck 6.2s cubic-bezier(.16, 1, .3, 1) infinite;
    }

    .cta-arrow[b-hbd00dp9ck] {
        animation: cta-arrow-nudge-b-hbd00dp9ck 2.8s ease-in-out infinite;
    }


    .hero-accent[b-hbd00dp9ck]::before {
        animation: orbit-reveal-b-hbd00dp9ck .55s cubic-bezier(.16, 1, .3, 1) .24s both;
    }

    .hero-accent[b-hbd00dp9ck]::after {
        animation: constellation-reveal-b-hbd00dp9ck .48s cubic-bezier(.16, 1, .3, 1) .32s both;
    }

    @keyframes glow-drift-b-hbd00dp9ck {
        to { transform: translate3d(-5rem, 4rem, 0) scale(1.08); }
    }

    @keyframes glow-awaken-b-hbd00dp9ck {
        from { opacity: 0; transform: scale(.55); }
        to { opacity: 1; transform: scale(1); }
    }

    @keyframes intro-flash-b-hbd00dp9ck {
        0% { opacity: 0; transform: scale(.65); }
        24% { opacity: .92; }
        100% { opacity: 0; transform: scale(1.3); }
    }

    @keyframes intro-sweep-b-hbd00dp9ck {
        0% { opacity: 0; transform: translate3d(-30vw, 0, 0) skewX(-12deg); }
        25% { opacity: .9; }
        100% { opacity: 0; transform: translate3d(190vw, 0, 0) skewX(-12deg); }
    }

    @keyframes hero-grid-reveal-b-hbd00dp9ck {
        from { opacity: 0; transform: scale(1.08); }
        to { opacity: .3; transform: scale(1); }
    }

    @keyframes hero-rise-b-hbd00dp9ck {
        from { opacity: 0; transform: translate3d(0, 1.6rem, 0); }
        to { opacity: 1; transform: translate3d(0, 0, 0); }
    }

    @keyframes hero-title-rise-b-hbd00dp9ck {
        from { opacity: 0; transform: translate3d(0, .35em, 0); filter: blur(3px); }
        to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
    }

    @keyframes canvas-arrive-b-hbd00dp9ck {
        from { opacity: 0; transform: translate3d(2rem, 1rem, 0) scale(.95); filter: blur(5px) saturate(.75); }
        to { opacity: 1; transform: translate3d(0, 0, 0) scale(1) rotate(0); filter: blur(0) saturate(1); }
    }

    @keyframes orbit-reveal-b-hbd00dp9ck {
        from { opacity: 0; transform: rotate(-9deg) scale(.72); }
        to { opacity: 1; transform: rotate(-5deg) scale(.98); }
    }

    @keyframes constellation-reveal-b-hbd00dp9ck {
        from { opacity: 0; transform: translate3d(.25em, -.12em, 0) scale(.45); }
        to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
    }

    @keyframes universe-orbit-b-hbd00dp9ck {
        to { transform: rotate(360deg); }
    }

    @keyframes universe-orbit-reverse-b-hbd00dp9ck {
        to { transform: rotate(-360deg); }
    }

    @keyframes universe-flow-b-hbd00dp9ck {
        to { stroke-dashoffset: -68; }
    }

    @keyframes universe-breathe-b-hbd00dp9ck {
        0%, 100% { transform: scale(1); box-shadow: inset 0 0 2.5rem rgb(102 183 255 / 13%), 0 0 0 1.1rem rgb(102 183 255 / 4%), 0 0 5rem rgb(102 183 255 / 24%); }
        50% { transform: scale(1.025); box-shadow: inset 0 0 3rem rgb(102 183 255 / 18%), 0 0 0 1.35rem rgb(102 183 255 / 6%), 0 0 6rem rgb(102 183 255 / 34%); }
    }

    @keyframes universe-pulse-b-hbd00dp9ck {
        0%, 100% { opacity: .65; transform: scale(.8); }
        50% { opacity: 1; transform: scale(1.18); }
    }

    @keyframes process-energy-b-hbd00dp9ck {
        to { background-position: -200% 0; }
    }

    @keyframes algorithm-orbit-b-hbd00dp9ck {
        to { transform: rotate(360deg); }
    }

    @keyframes algorithm-orbit-reverse-b-hbd00dp9ck {
        to { transform: rotate(-360deg); }
    }

    @keyframes algorithm-dot-pulse-b-hbd00dp9ck {
        0%, 100% { opacity: .55; box-shadow: 0 0 0 .35rem rgb(138 199 255 / 8%), 0 0 1.2rem rgb(138 199 255 / 55%); }
        50% { opacity: 1; box-shadow: 0 0 0 .65rem rgb(138 199 255 / 13%), 0 0 2.4rem rgb(138 199 255 / 92%); }
    }

    @keyframes algorithm-card-scan-b-hbd00dp9ck {
        0% { opacity: 0; transform: translateX(0) skewX(-14deg); }
        24% { opacity: .7; }
        100% { opacity: 0; transform: translateX(440%) skewX(-14deg); }
    }

    @keyframes principle-rail-travel-b-hbd00dp9ck {
        0%, 8% { left: 0; opacity: 0; }
        12% { opacity: 1; }
        36% { left: 100%; opacity: 1; }
        42%, 100% { left: 100%; opacity: 0; }
    }

    @keyframes principle-rail-travel-mobile-b-hbd00dp9ck {
        0%, 8% { top: 0; opacity: 0; }
        12% { opacity: 1; }
        36% { top: 100%; opacity: 1; }
        42%, 100% { top: 100%; opacity: 0; }
    }

    @keyframes cta-light-drift-b-hbd00dp9ck {
        from { transform: translate3d(-2%, 0, 0) scale(1); }
        to { transform: translate3d(3%, -2%, 0) scale(1.04); }
    }

    @keyframes cta-measure-line-b-hbd00dp9ck {
        0%, 7% { opacity: 0; transform: scaleX(0); }
        20%, 82% { opacity: 1; transform: scaleX(1); }
        100% { opacity: 0; transform: scaleX(1); }
    }

    @keyframes cta-measure-marker-b-hbd00dp9ck {
        0%, 7% { left: 0; opacity: 0; }
        9% { opacity: 1; }
        20% { left: calc(100% - .12em); opacity: 1; }
        27%, 100% { left: calc(100% - .12em); opacity: 0; }
    }

    @keyframes cta-arrow-nudge-b-hbd00dp9ck {
        0%, 72%, 100% { transform: translateX(0); }
        84% { transform: translateX(.28rem); }
    }

}

@media (max-width: 1279px) {
    .process-journey[b-hbd00dp9ck]::after {
        display: none;
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .principle-grid[b-hbd00dp9ck] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .principle-card-featured[b-hbd00dp9ck] {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1280px) and (max-width: 1535px) {
    .hero-frame[b-hbd00dp9ck] {
        padding-top: 3.5rem;
        padding-bottom: 3.75rem;
    }

    .hero-layout[b-hbd00dp9ck] {
        grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
        gap: 2.5rem;
    }

    .hero-title[b-hbd00dp9ck] {
        font-size: clamp(4.6rem, 6vw, 5.55rem);
    }

    .hero-copy[b-hbd00dp9ck] {
        margin-top: 1.65rem;
    }

    .hero-actions[b-hbd00dp9ck],
    .hero-note[b-hbd00dp9ck] {
        margin-top: 1.65rem;
    }
}

@media (min-width: 640px) {
    .section-spacing-primary[b-hbd00dp9ck] {
        padding-block: 6rem 5rem;
    }

    .section-spacing-secondary[b-hbd00dp9ck] {
        padding-block: 5rem 6rem;
    }

    .final-cta[b-hbd00dp9ck] {
        padding-block: 5rem;
    }
}

@media (max-width: 639px) {
    .section-spacing-primary[b-hbd00dp9ck] {
        padding-block: 3.5rem;
    }

    .section-spacing-secondary[b-hbd00dp9ck] {
        padding-block: 3.5rem 4rem;
    }

    .section-title[b-hbd00dp9ck] {
        letter-spacing: -.035em;
    }

    .hero-layout[b-hbd00dp9ck] {
        gap: 2rem;
    }

    .hero-copy[b-hbd00dp9ck] {
        margin-top: 1.5rem;
        font-size: 1.05rem;
        line-height: 1.9rem;
    }

    .hero-actions[b-hbd00dp9ck],
    .hero-note[b-hbd00dp9ck] {
        margin-top: 1.5rem;
    }

    .hero-note[b-hbd00dp9ck] {
        padding-top: 1rem;
    }

    .hero-metrics[b-hbd00dp9ck] {
        gap: .5rem;
        padding-bottom: 1.5rem;
    }

    .hero-metric[b-hbd00dp9ck] {
        padding: .9rem;
    }

    .hero-metric-detail[b-hbd00dp9ck] {
        display: none;
    }

    .process-heading[b-hbd00dp9ck] {
        gap: 1.75rem;
    }

    .process-heading-line[b-hbd00dp9ck] {
        min-width: 0;
    }

    .process-journey[b-hbd00dp9ck] {
        margin-top: 2rem;
        border-radius: var(--lottify-radius-panel, 6px);
    }

    .process-card[b-hbd00dp9ck] {
        display: grid;
        min-height: 0;
        grid-template-columns: 3.35rem minmax(0, 1fr);
        grid-template-areas:
            "index index"
            "icon title"
            "icon copy";
        column-gap: 1rem;
        padding: 1.35rem;
    }

    .process-card-index[b-hbd00dp9ck] {
        grid-area: index;
    }

    .process-card-icon[b-hbd00dp9ck] {
        grid-area: icon;
        width: 3.25rem;
        height: 3.25rem;
        margin-top: 1rem;
        border-radius: var(--lottify-radius-panel, 6px);
        font-size: 1.15rem;
        box-shadow: 0 10px 24px rgb(0 0 0 / 20%);
    }

    .process-card-title[b-hbd00dp9ck] {
        align-self: center;
        grid-area: title;
        margin-top: 1rem;
        font-size: 1.32rem;
    }

    .process-card-copy[b-hbd00dp9ck] {
        grid-area: copy;
        margin-top: .2rem;
        padding-right: .15rem;
    }

    .process-card[b-hbd00dp9ck]::after {
        display: none;
    }

    .algorithm-card[b-hbd00dp9ck] {
        padding: 1.25rem;
    }

    .algorithm-primary-grid[b-hbd00dp9ck] {
        grid-auto-flow: column;
        grid-auto-columns: minmax(16.75rem, 86%);
        grid-template-columns: none;
        overflow-x: auto;
        padding-bottom: .6rem;
        scroll-snap-type: inline mandatory;
        scrollbar-color: rgb(138 199 255 / 70%) rgb(255 255 255 / 10%);
        scrollbar-width: thin;
        overscroll-behavior-inline: contain;
    }

    .algorithm-primary-grid:focus-visible[b-hbd00dp9ck] {
        outline: 2px solid #ffb84d;
        outline-offset: 4px;
    }

    .algorithm-primary-grid .algorithm-card[b-hbd00dp9ck] {
        min-height: 14.5rem;
        scroll-snap-align: start;
    }

    .algorithm-card-title[b-hbd00dp9ck] {
        margin-top: 1.25rem;
        font-size: 1.35rem;
    }

    .algorithm-card-copy[b-hbd00dp9ck] {
        margin-top: .55rem;
    }

    .book-visual[b-hbd00dp9ck] {
        order: 2;
        min-height: 32rem;
        padding: 1.5rem;
        border-radius: var(--lottify-radius-panel, 6px);
    }

    .mathematics-copy[b-hbd00dp9ck] {
        order: 1;
    }

    .mathematics-visual-inner[b-hbd00dp9ck] {
        min-height: 28rem;
    }

    .universe-stage[b-hbd00dp9ck] {
        min-height: 21rem;
        padding-block: 1.25rem;
    }

    .principle-grid[b-hbd00dp9ck] {
        grid-template-columns: minmax(0, 1fr);
        gap: .85rem;
    }

    .principles-heading[b-hbd00dp9ck] {
        gap: 1.75rem;
    }

    .principles-promise[b-hbd00dp9ck] {
        padding-left: 1rem;
    }

    .principle-manifesto[b-hbd00dp9ck] {
        margin-top: 2rem;
        padding-top: 0;
        padding-left: 1rem;
    }

    .principle-rail[b-hbd00dp9ck] {
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        width: 1px;
        height: auto;
        background: linear-gradient(to bottom, rgb(0 76 142 / 12%), rgb(0 76 142 / 38%) 50%, rgb(0 76 142 / 12%));
    }

    .principle-rail-marker[b-hbd00dp9ck] {
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    @media (prefers-reduced-motion: no-preference) {
        .principle-rail-marker[b-hbd00dp9ck] {
            animation-name: principle-rail-travel-mobile-b-hbd00dp9ck;
        }
    }

    .principle-card[b-hbd00dp9ck] {
        min-height: 0;
        padding: 1.5rem;
        border-radius: var(--lottify-radius-panel, 6px);
    }

    .principle-icon[b-hbd00dp9ck] {
        width: 3rem;
        height: 3rem;
        font-size: 2.15rem;
    }

    .principle-title[b-hbd00dp9ck] {
        margin-top: 1rem;
        font-size: 1.45rem;
    }

    .principle-divider[b-hbd00dp9ck],
    .principle-copy[b-hbd00dp9ck] {
        margin-top: .85rem;
    }

    .principle-proof[b-hbd00dp9ck] {
        margin-top: 1.25rem;
    }

    .final-cta[b-hbd00dp9ck] {
        padding-block: 3.5rem;
    }

    .final-cta-action[b-hbd00dp9ck],
    .cta-button[b-hbd00dp9ck] {
        width: 100%;
    }
}

.hero-primary-action[b-hbd00dp9ck] {
    min-height: 3.5rem;
    font-size: 1rem;
    box-shadow: 0 8px 28px rgb(102 183 255 / 24%);
}

.hero-kicker[b-hbd00dp9ck] {
    line-height: 1.5;
}

.hero-title[b-hbd00dp9ck] {
    font-size: clamp(2.8rem, 5vw, 5.4rem);
    line-height: 1.02;
}

.hero-actions[b-hbd00dp9ck] {
    flex-wrap: wrap;
}

@media (min-width: 640px) and (max-width: 1279px) {
    .process-journey[b-hbd00dp9ck] {
        margin-top: 2rem;
    }

    .process-card[b-hbd00dp9ck] {
        min-height: 0;
        padding: 1.5rem;
    }

    .process-card-icon[b-hbd00dp9ck] {
        width: 3rem;
        height: 3rem;
        margin-top: 1rem;
        font-size: 1.25rem;
    }

    .process-card-title[b-hbd00dp9ck] {
        margin-top: 1rem;
        font-size: 1.4rem;
    }

    .process-card-copy[b-hbd00dp9ck] {
        margin-top: .65rem;
    }
}
.process-start[b-hbd00dp9ck] { display:inline-flex; position:relative; z-index:2; margin-top:1rem; padding:.65rem .9rem; border-radius:4px; background:#8ac7ff; color:#06162b; font-weight:800; text-decoration:none; }
.process-start:focus-visible[b-hbd00dp9ck] { outline:3px solid #ffb84d; outline-offset:3px; }

@media(max-width:639px) { .process-start[b-hbd00dp9ck] { grid-column:1 / -1; grid-row:4; justify-self:start; } }
/* /Components/Pages/Passkey.razor.rz.scp.css */
.passkey-page[b-kl6fckt1le] {
    scroll-behavior: smooth;
}

.passkey-hero[b-kl6fckt1le] {
    isolation: isolate;
}

.passkey-title[b-kl6fckt1le] {
    font-size: clamp(3.35rem, 7vw, 7rem);
    line-height: .88;
    letter-spacing: -.045em;
}

.passkey-intro-title[b-kl6fckt1le] {
    font-size: clamp(2.45rem, 5vw, 4.6rem);
    line-height: .94;
    letter-spacing: -.035em;
}

.passkey-cta-title[b-kl6fckt1le] {
    font-size: clamp(2.2rem, 4vw, 4.4rem);
    line-height: .94;
    letter-spacing: -.035em;
}

.passkey-grid[b-kl6fckt1le] {
    background-image:
        linear-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 5%) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, black, transparent 88%);
}

.passkey-glow[b-kl6fckt1le] {
    background: radial-gradient(circle, rgb(102 183 255 / 28%), rgb(47 134 213 / 10%) 42%, transparent 70%);
    filter: blur(24px);
}

.passkey-diagram[b-kl6fckt1le] {
    border-radius: .35rem;
    backdrop-filter: blur(14px);
}

.diagram-step[b-kl6fckt1le] {
    display: flex;
    min-height: 7.25rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    border: 1px solid rgb(255 255 255 / 11%);
    border-radius: .2rem;
    background: rgb(255 255 255 / 5%);
    padding: 1rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
}

.diagram-step i[b-kl6fckt1le] {
    font-size: 1.5rem;
    color: #66b7ff;
}

.trust-item[b-kl6fckt1le] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.trust-item > i[b-kl6fckt1le] {
    margin-top: .15rem;
    font-size: 1.15rem;
}

.trust-item strong[b-kl6fckt1le],
.trust-item span[b-kl6fckt1le] {
    display: block;
}

.trust-item strong[b-kl6fckt1le] {
    color: #06162b;
    font-size: .95rem;
}

.trust-item span[b-kl6fckt1le] {
    margin-top: .25rem;
    color: #64748b;
    font-size: .82rem;
    line-height: 1.45;
}

.passkey-guide-shell[b-kl6fckt1le] {
    width: 100%;
    max-width: 82rem;
}

.guide-index[b-kl6fckt1le] {
    margin-top: 2rem;
    border: 1px solid #cbd5e1;
    border-left: 4px solid #004c8e;
    background: white;
    padding: 1.25rem;
}

.guide-index > p[b-kl6fckt1le] {
    color: #06162b;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.guide-index > div[b-kl6fckt1le] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: .85rem;
}

.guide-index a[b-kl6fckt1le] {
    border: 1px solid #dbe4ee;
    background: #f8fafc;
    padding: .55rem .75rem;
    color: #173a5e;
    font-size: .82rem;
    font-weight: 750;
    text-decoration: none;
}

.guide-index a:hover[b-kl6fckt1le] {
    border-color: #66b7ff;
    background: #edf6ff;
}

.guide-section[b-kl6fckt1le] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: 2rem;
    scroll-margin-top: 7rem;
    border-top: 1px solid #e2e8f0;
    padding-block: 2.4rem;
}

.guide-section:first-of-type[b-kl6fckt1le] {
    margin-top: 2rem;
}

.section-number[b-kl6fckt1le] {
    display: block;
    color: rgb(6 22 43 / 10%);
    font-family: inherit;
    font-size: 5.4rem;
    font-weight: 900;
    line-height: .8;
    letter-spacing: -.09em;
}

.guide-section h2[b-kl6fckt1le] {
    color: #06162b;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.03em;
}

.guide-section h2 + p[b-kl6fckt1le],
.guide-section > div > p[b-kl6fckt1le] {
    margin-top: 1.25rem;
    max-width: 58rem;
    color: #475569;
    font-size: 1.02rem;
    line-height: 1.85;
}

.info-callout[b-kl6fckt1le],
.warning-callout[b-kl6fckt1le] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.5rem;
    border-left: 3px solid #004c8e;
    background: #edf6ff;
    padding: 1.15rem 1.25rem;
    color: #173a5e;
    line-height: 1.65;
}

.warning-callout[b-kl6fckt1le] {
    border-left-color: #f59e0b;
    background: #fffbeb;
    color: #713f12;
}

.info-callout i[b-kl6fckt1le],
.warning-callout i[b-kl6fckt1le] {
    margin-top: .25rem;
}

.process-list[b-kl6fckt1le] {
    margin-top: 1.75rem;
    display: grid;
    gap: .8rem;
}

.process-list li[b-kl6fckt1le] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: 1rem;
    border: 1px solid #e2e8f0;
    background: white;
    padding: 1rem 1.1rem;
}

.list-number[b-kl6fckt1le] {
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #b9ddff;
    border-radius: 50%;
    background: #edf6ff;
    color: #004c8e;
    font-size: .75rem;
    font-weight: 900;
}

.process-list strong[b-kl6fckt1le] {
    display: block;
    color: #0f172a;
}

.process-list p[b-kl6fckt1le] {
    margin-top: .25rem;
    color: #64748b;
    font-size: .9rem;
    line-height: 1.55;
}

.feature-grid[b-kl6fckt1le] {
    display: grid;
    gap: .85rem;
    margin-top: 1.75rem;
}

.scenario-grid[b-kl6fckt1le],
.comparison-grid[b-kl6fckt1le],
.two-column-steps[b-kl6fckt1le] {
    display: grid;
    gap: 1rem;
    margin-top: 1.75rem;
}

.scenario-grid > div[b-kl6fckt1le],
.comparison-grid > div[b-kl6fckt1le] {
    border: 1px solid #dbe4ee;
    background: white;
    padding: 1.35rem;
}

.scenario-grid i[b-kl6fckt1le] {
    display: flex;
    width: 2.6rem;
    height: 2.6rem;
    align-items: center;
    justify-content: center;
    background: #edf6ff;
    color: #004c8e;
}

.scenario-grid strong[b-kl6fckt1le] {
    display: block;
    margin-top: 1rem;
    color: #06162b;
}

.scenario-grid p[b-kl6fckt1le],
.comparison-grid p[b-kl6fckt1le] {
    margin-top: .55rem;
    color: #64748b;
    font-size: .9rem;
    line-height: 1.65;
}

.recovery-path[b-kl6fckt1le] {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.25rem;
    border: 1px solid #dbe4ee;
    border-left: 3px solid #8ac7ff;
    background: white;
    padding: 1.25rem;
}

.recovery-path-icon[b-kl6fckt1le] {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    background: #edf6ff;
    color: #004c8e;
    font-size: .9rem;
}

.recovery-path-label[b-kl6fckt1le] {
    color: #64748b;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.recovery-path h3[b-kl6fckt1le] {
    margin-top: .4rem;
    color: #06162b;
    font-size: clamp(1.1rem, 1.8vw, 1.4rem);
    font-weight: 800;
    line-height: 1.25;
}

.recovery-path h3 + p[b-kl6fckt1le] {
    margin-top: .8rem;
    color: #475569;
    line-height: 1.7;
}

.recovery-path ol[b-kl6fckt1le] {
    margin: .85rem 0 1rem;
    padding-left: 1.2rem;
    color: #334155;
    line-height: 1.65;
    list-style: decimal;
}

.recovery-path-action[b-kl6fckt1le] {
    min-height: 2.75rem;
    border-color: #b9d5ee;
    background: #edf6ff;
    color: #004c8e;
}

.recovery-path-action:hover[b-kl6fckt1le] {
    border-color: #004c8e;
    background: white;
}

.recovery-path li + li[b-kl6fckt1le] {
    margin-top: .4rem;
}

.recovery-path-note[b-kl6fckt1le] {
    margin-top: .9rem;
    border-top: 1px solid #cbd5e1;
    padding-top: .85rem;
    color: #713f12;
    font-size: .8rem;
    line-height: 1.65;
}

.comparison-label[b-kl6fckt1le] {
    color: #004c8e;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.comparison-grid h3[b-kl6fckt1le],
.two-column-steps h3[b-kl6fckt1le] {
    margin-top: .55rem;
    color: #06162b;
    font-size: 1.2rem;
    font-weight: 850;
}

.comparison-grid ol[b-kl6fckt1le] {
    margin-top: 1rem;
    padding-left: 1.2rem;
    color: #475569;
    list-style: decimal;
}

.comparison-grid li + li[b-kl6fckt1le] {
    margin-top: .55rem;
}

.two-column-steps > div > h3[b-kl6fckt1le] {
    margin: 0;
}

.two-column-steps .steps-card[b-kl6fckt1le] {
    height: calc(100% - 2.25rem);
}

.official-resources[b-kl6fckt1le] {
    margin-top: 1.5rem;
}

.official-resources > p[b-kl6fckt1le] {
    color: #475569;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.official-resources > div[b-kl6fckt1le] {
    display: grid;
    gap: .8rem;
    margin-top: .8rem;
}

.official-resources a[b-kl6fckt1le] {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.8rem;
    border: 1px solid #b9d5ee;
    background: white;
    padding: .9rem 1rem;
    color: #06162b;
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.official-resources a:hover[b-kl6fckt1le] {
    border-color: #004c8e;
    box-shadow: 0 .8rem 2rem rgb(0 76 142 / 10%);
    transform: translateY(-2px);
}

.official-resource-icon[b-kl6fckt1le] {
    display: flex;
    width: 2.75rem;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    background: #004c8e;
    color: white;
}

.official-resources strong[b-kl6fckt1le],
.official-resources small[b-kl6fckt1le] {
    display: block;
}

.official-resources strong[b-kl6fckt1le] {
    font-size: .95rem;
}

.official-resources small[b-kl6fckt1le] {
    margin-top: .25rem;
    color: #64748b;
    font-size: .76rem;
    line-height: 1.45;
}

.official-resources a > i[b-kl6fckt1le] {
    color: #004c8e;
    font-size: .85rem;
}

.feature-grid > div[b-kl6fckt1le] {
    position: relative;
    display: flex;
    min-height: 11.25rem;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #b9d5ee;
    border-radius: .2rem;
    background: white;
    box-shadow: 0 .8rem 2rem rgb(6 22 43 / 7%);
    padding: 1.5rem;
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.feature-grid > div[b-kl6fckt1le]::before {
    position: absolute;
    inset: 0 0 auto;
    height: .22rem;
    content: "";
    background: linear-gradient(90deg, #004c8e, #66b7ff);
}

.feature-grid > div:hover[b-kl6fckt1le] {
    border-color: #77afe0;
    box-shadow: 0 1.15rem 2.8rem rgb(6 22 43 / 12%);
    transform: translateY(-.2rem);
}

.feature-grid i[b-kl6fckt1le] {
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    background: #004c8e;
    color: white;
    box-shadow: 0 .55rem 1.25rem rgb(0 76 142 / 17%);
    font-size: 1.15rem;
    transition: transform .3s cubic-bezier(.16, 1, .3, 1), box-shadow .3s ease;
}

.feature-grid > div:hover i[b-kl6fckt1le] {
    box-shadow: 0 .75rem 1.5rem rgb(0 76 142 / 23%);
    transform: translateY(-.16rem) scale(1.035);
}

.feature-grid strong[b-kl6fckt1le] {
    margin-top: 1.15rem;
    color: #06162b;
    font-size: 1rem;
}

.feature-grid span[b-kl6fckt1le] {
    margin-top: .45rem;
    color: #64748b;
    font-size: .87rem;
    line-height: 1.55;
}

.steps-card[b-kl6fckt1le] {
    margin-top: 1.4rem;
    border: 1px solid #dbe4ee;
    background: white;
}

.steps-card li[b-kl6fckt1le] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #e2e8f0;
    padding: .95rem 1.1rem;
    color: #475569;
    line-height: 1.55;
}

.steps-card li:last-child[b-kl6fckt1le] {
    border-bottom: 0;
}

.steps-card li p[b-kl6fckt1le] {
    min-width: 0;
    margin: 0;
}

.steps-card strong[b-kl6fckt1le] {
    color: #173a5e;
    font-weight: 800;
}

.content-action[b-kl6fckt1le] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    border: 1px solid #cbd5e1;
    border-radius: .15rem;
    background: white;
    padding: .75rem 1.25rem;
    color: #0f172a;
    font-size: .88rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.content-action:hover[b-kl6fckt1le] {
    transform: translateY(-2px);
    border-color: #004c8e;
}

.content-action--primary[b-kl6fckt1le] {
    border-color: #004c8e;
    background: #004c8e;
    color: white;
}

.content-action--primary:hover[b-kl6fckt1le] {
    background: #061f3d;
}

.faq-list[b-kl6fckt1le] {
    margin-top: 1.5rem;
    border-top: 1px solid #cbd5e1;
}

.faq-list details[b-kl6fckt1le] {
    border-bottom: 1px solid #cbd5e1;
    background: white;
}

.faq-list summary[b-kl6fckt1le] {
    position: relative;
    cursor: pointer;
    list-style: none;
    padding: 1.25rem 3.5rem 1.25rem 1rem;
    color: #06162b;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.5;
}

.faq-list summary[b-kl6fckt1le]::-webkit-details-marker {
    display: none;
}

.faq-list summary[b-kl6fckt1le]::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    content: "+";
    color: #004c8e;
    font-size: 1.4rem;
    transform: translateY(-50%);
}

.faq-list details[open] summary[b-kl6fckt1le]::after {
    content: "−";
}

.faq-list details p[b-kl6fckt1le] {
    padding: 0 3.5rem 1.35rem 1rem;
    color: #64748b;
    line-height: 1.7;
}

@media (min-width: 640px) {
    .diagram-flow[b-kl6fckt1le] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    }

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

    .scenario-grid[b-kl6fckt1le],
    .comparison-grid[b-kl6fckt1le],
    .two-column-steps[b-kl6fckt1le] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .official-resources > div[b-kl6fckt1le] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .passkey-hero-layout[b-kl6fckt1le] {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    }
}

@media (max-width: 639px) {
    .guide-section[b-kl6fckt1le] {
        grid-template-columns: 3.6rem minmax(0, 1fr);
        gap: 1rem;
        padding-block: 2rem;
    }

    .section-number[b-kl6fckt1le] {
        font-size: 3.4rem;
        line-height: .86;
    }

    .diagram-step[b-kl6fckt1le] {
        min-height: auto;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
    }

    .recovery-path[b-kl6fckt1le] {
        grid-template-columns: 1fr;
        padding: 1.2rem;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .passkey-reveal[b-kl6fckt1le] {
        opacity: 0;
        animation: passkey-reveal-b-kl6fckt1le .8s cubic-bezier(.16, 1, .3, 1) forwards;
    }

    .passkey-reveal--2[b-kl6fckt1le] {
        animation-delay: .14s;
    }

    .passkey-diagram[b-kl6fckt1le] {
        animation: passkey-float-b-kl6fckt1le 6s ease-in-out 1s infinite;
    }
}

@supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
        .feature-grid > div[b-kl6fckt1le] {
            animation: feature-card-reveal-b-kl6fckt1le linear both;
            animation-timeline: view();
            animation-range: entry 8% cover 28%;
        }
    }
}

@keyframes passkey-reveal-b-kl6fckt1le {
    from { opacity: 0; transform: translateY(1rem); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes passkey-float-b-kl6fckt1le {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-.45rem); }
}

@keyframes feature-card-reveal-b-kl6fckt1le {
    from {
        opacity: .25;
        transform: translateY(.75rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
.pricing-page[b-epd5z3wt4e] { background: #f1f6fb; color: #10243c; padding: 56px 20px 64px; }
.pricing-shell[b-epd5z3wt4e] { max-width: 1150px; margin: auto; }
.eyebrow[b-epd5z3wt4e] { margin: 0 0 12px; color: #075a9d; font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .13em; }
h1[b-epd5z3wt4e] { margin: 0; max-width: 900px; font-size: clamp(2.4rem, 5vw, 4.1rem); line-height: 1.08; font-weight: 850; letter-spacing: -.035em; }
.intro[b-epd5z3wt4e] { max-width: 900px; font-size: 1.12rem; line-height: 1.75; margin: 24px 0; }
.status[b-epd5z3wt4e] { padding: 14px 18px; border-left: 3px solid #075a9d; background: #e2edf6; line-height: 1.65; }
.plans[b-epd5z3wt4e] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; margin: 36px 0 44px; }
.plan[b-epd5z3wt4e] { display: flex; flex-direction: column; min-width: 0; padding: 26px; border: 1px solid #ccdae7; border-radius: var(--lottify-radius-panel, 6px); background: #fff; }
.featured[b-epd5z3wt4e] { border-top: 3px solid #075a9d; padding-top: 24px; }
h2[b-epd5z3wt4e] { margin: 0; font-size: 1.7rem; line-height: 1.3; font-weight: 800; }
.price[b-epd5z3wt4e] { margin: 20px 0; font-size: clamp(2.7rem, 4vw, 3.3rem); font-weight: 600; line-height: 1.2; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.price span[b-epd5z3wt4e] { display: block; margin-top: 5px; color: #53667a; font-size: .85rem; font-weight: 500; line-height: 1.5; letter-spacing: normal; }
.plan > p:not(.price):not(.eyebrow)[b-epd5z3wt4e] { margin: 0; line-height: 1.7; }
.plan ul[b-epd5z3wt4e] { flex: 1; padding-left: 19px; margin: 20px 0 24px; list-style: disc; font-size: .92rem; line-height: 1.7; }
.plan li + li[b-epd5z3wt4e] { margin-top: 8px; }
.plan .plan-note[b-epd5z3wt4e] { padding: 18px 0; color: #53667a; font-size: .88rem; }
.ai-option[b-epd5z3wt4e] { margin-bottom: 22px; padding: 18px 16px; border: 1px solid #d5e3ef; border-radius: var(--lottify-radius-panel, 6px); background: #edf5fb; }
.ai-option p[b-epd5z3wt4e] { margin: 0; font-size: .88rem; line-height: 1.65; }
.ai-option .ai-option__title[b-epd5z3wt4e] { margin-bottom: 8px; color: #075a9d; font-size: .8rem; font-weight: 800; }
.ai-option .ai-option__price[b-epd5z3wt4e] { font-size: 1.85rem; font-weight: 750; line-height: 1.3; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.ai-option__price span[b-epd5z3wt4e] { color: #53667a; font-size: .76rem; font-weight: 500; letter-spacing: normal; white-space: nowrap; }
.ai-option .ai-option__difference[b-epd5z3wt4e] { margin: 5px 0 12px; color: #53667a; font-size: .78rem; }
.primary[b-epd5z3wt4e], .availability[b-epd5z3wt4e] { display: block; margin-top: auto; padding: 12px; border-radius: var(--lottify-radius-control, 2px); font-size: .86rem; font-weight: 700; line-height: 1.5; text-align: center; }
.primary[b-epd5z3wt4e] { background: #075a9d; color: white; text-decoration: none; }
.primary:hover[b-epd5z3wt4e] { background: #064b81; }
.availability[b-epd5z3wt4e] { background: #eaf0f5; color: #53667a; }
.pricing-details[b-epd5z3wt4e] { max-width: 900px; line-height: 1.8; }
.pricing-details p[b-epd5z3wt4e] { margin: 16px 0; }
.pricing-details > a[b-epd5z3wt4e] { display: inline-block; margin: 6px 24px 0 0; color: #075a9d; text-decoration: underline; }
.pricing-faq[b-epd5z3wt4e] { margin: 26px 0; border-top: 1px solid #ccdae7; }
.pricing-faq > div[b-epd5z3wt4e] { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 24px; padding: 18px 0; border-bottom: 1px solid #ccdae7; }
.pricing-faq dt[b-epd5z3wt4e] { font-size: .93rem; font-weight: 750; }
.pricing-faq dd[b-epd5z3wt4e] { margin: 0; color: #53667a; font-size: .92rem; }
a:focus-visible[b-epd5z3wt4e] { outline: 3px solid #d88417; outline-offset: 4px; }
@media (max-width: 950px) { .plan[b-epd5z3wt4e] { padding: 22px 18px; } .featured[b-epd5z3wt4e] { padding-top: 20px; } .ai-option[b-epd5z3wt4e] { padding: 16px 12px; } .price[b-epd5z3wt4e] { font-size: 2.6rem; } }
@media (max-width: 760px) { .pricing-page[b-epd5z3wt4e] { padding: 34px 16px 44px; } .plans[b-epd5z3wt4e] { grid-template-columns: 1fr; gap: 16px; margin: 28px 0 36px; } .plan[b-epd5z3wt4e] { padding: 24px; } .featured[b-epd5z3wt4e] { padding-top: 22px; } .plan ul[b-epd5z3wt4e] { margin-bottom: 20px; } .pricing-faq > div[b-epd5z3wt4e] { grid-template-columns: 1fr; gap: 5px; } .ai-option__price span[b-epd5z3wt4e] { font-size: .85rem; } }
/* /Components/Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-v30hxmx3le] {
    background-image:
        radial-gradient(circle at 8% 2%, rgb(0 76 142 / 0.045), transparent 26rem),
        radial-gradient(circle at 92% 18%, rgb(35 136 255 / 0.035), transparent 30rem);
}

.privacy-reveal[b-v30hxmx3le],
.privacy-panel[b-v30hxmx3le] {
    opacity: 0;
    transform: translateY(18px);
    animation: privacy-enter-b-v30hxmx3le 820ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.privacy-reveal--1[b-v30hxmx3le] {
    animation-delay: 40ms;
}

.privacy-reveal--2[b-v30hxmx3le] {
    animation-delay: 100ms;
}

.privacy-reveal--3[b-v30hxmx3le] {
    animation-delay: 160ms;
}

.privacy-reveal--4[b-v30hxmx3le] {
    animation-delay: 220ms;
}

.privacy-panel[b-v30hxmx3le] {
    position: relative;
    overflow: hidden;
    animation-delay: 280ms;
    box-shadow: 0 24px 70px -52px rgb(6 22 43 / 0.45);
}

.privacy-panel[b-v30hxmx3le]::before {
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(5rem, 18%, 11rem);
    height: 2px;
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, transparent, #2388ff, transparent);
    opacity: 0;
    transform: translateX(-160%);
    animation: privacy-glint-b-v30hxmx3le 6s ease-in-out 1.2s infinite;
}

.privacy-summary[b-v30hxmx3le] {
    transition:
        border-color 220ms ease,
        background-color 220ms ease,
        transform 220ms ease;
}

.privacy-summary:hover[b-v30hxmx3le] {
    border-left-color: #2388ff;
    background-color: rgb(248 250 252 / 0.72);
    transform: translateY(-1px);
}

.privacy-index a[b-v30hxmx3le] {
    display: inline-block;
    transition:
        color 180ms ease,
        transform 180ms ease;
}

.privacy-index a:hover[b-v30hxmx3le] {
    color: #2388ff;
    transform: translateX(2px);
}

.privacy-data-table tbody tr[b-v30hxmx3le] {
    transition:
        background-color 180ms ease,
        box-shadow 180ms ease;
}

.privacy-data-table tbody tr:hover[b-v30hxmx3le] {
    background-color: rgb(0 76 142 / 0.065);
    box-shadow: inset 3px 0 0 #2388ff;
}

@keyframes privacy-enter-b-v30hxmx3le {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes privacy-glint-b-v30hxmx3le {
    0%, 18% {
        opacity: 0;
        transform: translateX(-160%);
    }

    28%, 70% {
        opacity: 0.8;
    }

    82%, 100% {
        opacity: 0;
        transform: translateX(650%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .privacy-reveal[b-v30hxmx3le],
    .privacy-panel[b-v30hxmx3le],
    .privacy-panel[b-v30hxmx3le]::before {
        opacity: 1;
        transform: none;
        animation: none;
    }

    .privacy-summary[b-v30hxmx3le],
    .privacy-index a[b-v30hxmx3le],
    .privacy-data-table tbody tr[b-v30hxmx3le] {
        transition: none;
    }
}
/* /Components/Pages/ReducedSystems.razor.rz.scp.css */
.reduced-page[b-iub4eakkdt] {
    --ink: #06162b;
    --navy: #082a4c;
    --blue: #075a9d;
    --sky: #66b7ff;
    --mist: #e8f3fb;
    overflow: hidden;
    background: #f5f8fb;
    color: var(--ink);
}

.reduced-shell[b-iub4eakkdt] {
    width: min(100% - 2.5rem, 90rem);
    margin-inline: auto;
}

.reduced-hero[b-iub4eakkdt] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(112deg, #06162b 0%, #08365f 68%, #075a9d 135%);
    color: #fff;
}

.reduced-hero[b-iub4eakkdt]::after {
    position: absolute;
    z-index: -1;
    top: -24rem;
    right: -9rem;
    width: 44rem;
    height: 44rem;
    border: 1px solid rgb(102 183 255 / 20%);
    border-radius: 50%;
    box-shadow: 0 0 0 6rem rgb(102 183 255 / 3.5%), 0 0 0 13rem rgb(102 183 255 / 2.5%);
    content: "";
}

.reduced-hero__grid[b-iub4eakkdt],
.reduced-lab__grid-bg[b-iub4eakkdt] {
    position: absolute;
    z-index: -2;
    inset: 0;
    background-image: linear-gradient(rgb(102 183 255 / 5.5%) 1px, transparent 1px), linear-gradient(90deg, rgb(102 183 255 / 5.5%) 1px, transparent 1px);
    background-size: 4rem 4rem;
}

.reduced-hero__grid[b-iub4eakkdt] {
    mask-image: linear-gradient(90deg, #000, transparent 84%);
}

.reduced-hero__inner[b-iub4eakkdt] {
    padding-block: clamp(4.5rem, 9vw, 8rem);
}

.reduced-eyebrow[b-iub4eakkdt],
.reduced-kicker[b-iub4eakkdt] {
    color: #66b7ff;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.reduced-eyebrow span[b-iub4eakkdt] {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    margin-right: .7rem;
    place-items: center;
    border: 1px solid rgb(102 183 255 / 35%);
    background: rgb(102 183 255 / 8%);
    color: #9bd0ff;
}

.reduced-hero h1[b-iub4eakkdt] {
    max-width: 78rem;
    margin: 1.7rem 0 0;
    font-size: clamp(3.15rem, 8.3vw, 7.7rem);
    font-weight: 950;
    letter-spacing: -.018em;
    line-height: .87;
}

.reduced-hero h1 em[b-iub4eakkdt] {
    color: var(--sky);
    font-style: normal;
}

.reduced-hero__lead[b-iub4eakkdt] {
    max-width: 61rem;
    margin-top: 2.2rem;
    color: rgb(255 255 255 / 72%);
    font-size: clamp(1.05rem, 2vw, 1.28rem);
    line-height: 1.75;
}

.reduced-hero__sequence[b-iub4eakkdt] {
    display: flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 1.1rem;
    margin-top: 2.6rem;
    padding: 1rem 1.2rem;
    border: 1px solid rgb(138 199 255 / 18%);
    background: rgb(2 20 39 / 48%);
    backdrop-filter: blur(8px);
}

.reduced-hero__sequence div[b-iub4eakkdt] {
    display: grid;
    gap: .2rem;
}

.reduced-hero__sequence span[b-iub4eakkdt] {
    color: rgb(255 255 255 / 52%);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.reduced-hero__sequence strong[b-iub4eakkdt] {
    font-size: .94rem;
}

.reduced-hero__sequence i[b-iub4eakkdt],
.reduced-hero__sequence .is-accent strong[b-iub4eakkdt] {
    color: #8ac7ff;
}

.reduced-article[b-iub4eakkdt] {
    padding-block: clamp(3.25rem, 5vw, 5.25rem);
}

.reduced-article--lower[b-iub4eakkdt] {
    padding-top: 3.5rem;
}

.reduced-section[b-iub4eakkdt] {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: 2.25rem;
    scroll-margin-top: 6.5rem;
}

.reduced-section + .reduced-section[b-iub4eakkdt] {
    margin-top: clamp(3rem, 5vw, 5rem);
}

.reduced-number[b-iub4eakkdt] {
    color: #dce4eb;
    font-size: clamp(4.5rem, 8vw, 7.75rem);
    font-weight: 950;
    letter-spacing: -.08em;
    line-height: .8;
}

.reduced-copy[b-iub4eakkdt] {
    max-width: 74rem;
}

.reduced-kicker[b-iub4eakkdt] {
    color: var(--blue);
}

.reduced-copy h2[b-iub4eakkdt],
.reduced-lab h2[b-iub4eakkdt] {
    max-width: 66rem;
    margin: .72rem 0 0;
    font-size: clamp(2.1rem, 5vw, 4.65rem);
    font-weight: 950;
    letter-spacing: -.045em;
    line-height: .99;
}

.reduced-prose[b-iub4eakkdt] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
    margin-top: 1.8rem;
}

.reduced-prose p[b-iub4eakkdt],
.reduced-section-lead[b-iub4eakkdt],
.reduced-caption[b-iub4eakkdt] {
    color: #3f5872;
    font-size: 1.05rem;
    line-height: 1.8;
}

.reduced-prose p[b-iub4eakkdt],
.reduced-section-lead[b-iub4eakkdt],
.reduced-caption[b-iub4eakkdt],
.reduced-definition p[b-iub4eakkdt],
.reduced-comparison p[b-iub4eakkdt],
.reduced-coverage p[b-iub4eakkdt],
.reduced-metrics p[b-iub4eakkdt],
.reduced-note p[b-iub4eakkdt],
.reduced-checklist p[b-iub4eakkdt],
.reduced-responsible p[b-iub4eakkdt],
.reduced-guarantee p[b-iub4eakkdt] {
    margin: 0;
}

.reduced-section-lead[b-iub4eakkdt] {
    max-width: 65rem;
    margin-top: 1.6rem;
}

.reduced-definition[b-iub4eakkdt] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.8rem;
    padding: 1.2rem;
    border-left: 3px solid #4a9bd6;
    background: #e9f3fb;
}

.reduced-definition > i[b-iub4eakkdt] {
    display: grid;
    width: 3.1rem;
    height: 3.1rem;
    place-items: center;
    background: #d5eafa;
    color: #075a9d;
    font-size: 1.3rem;
}

.reduced-definition span[b-iub4eakkdt],
.reduced-dashboard span[b-iub4eakkdt],
.reduced-sample__heading span[b-iub4eakkdt],
.reduced-costs span[b-iub4eakkdt] {
    color: #39789f;
    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.reduced-definition p[b-iub4eakkdt] {
    margin-top: .35rem;
    color: #294b69;
    line-height: 1.65;
}

.reduced-comparison[b-iub4eakkdt] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 1.2rem;
    margin-top: 2rem;
}

.reduced-comparison article[b-iub4eakkdt] {
    min-height: 12.5rem;
    padding: 1.5rem;
    border: 1px solid #cddce8;
    background: #fff;
}

.reduced-comparison article.is-reduced[b-iub4eakkdt] {
    border-color: #62a9dc;
    background: #e8f3fb;
}

.reduced-comparison article > i[b-iub4eakkdt] {
    color: #2a80bd;
    font-size: 1.8rem;
}

.reduced-comparison article span[b-iub4eakkdt],
.reduced-comparison article strong[b-iub4eakkdt] {
    display: block;
}

.reduced-comparison article span[b-iub4eakkdt] {
    margin-top: 1.15rem;
    color: #4d7191;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.reduced-comparison article strong[b-iub4eakkdt] {
    margin-top: .35rem;
    font-size: 1.4rem;
}

.reduced-comparison article p[b-iub4eakkdt] {
    margin-top: .65rem;
    color: #567089;
    line-height: 1.6;
}

.reduced-comparison > i[b-iub4eakkdt] {
    color: #4a9bd6;
    font-size: 1.35rem;
}

.reduced-prose--after[b-iub4eakkdt] {
    grid-template-columns: 1fr;
    gap: 1rem;
}

.reduced-story[b-iub4eakkdt] {
    max-width: 67rem;
    margin: 1.25rem 0 0;
    color: #3f5872;
    font-size: 1.05rem;
    line-height: 1.8;
}

.reduced-lab[b-iub4eakkdt] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(116deg, #07558f 0%, #0968a8 58%, #0c73b4 100%);
    color: #fff;
}

.reduced-lab[b-iub4eakkdt]::after {
    position: absolute;
    z-index: -1;
    right: -8rem;
    bottom: -21rem;
    width: 42rem;
    height: 42rem;
    border: 1px solid rgb(150 211 255 / 18%);
    border-radius: 50%;
    box-shadow: 0 0 0 6rem rgb(112 190 246 / 4%), 0 0 0 13rem rgb(112 190 246 / 3%);
    content: "";
}

.reduced-lab__grid-bg[b-iub4eakkdt] {
    z-index: -1;
    opacity: .72;
}

.reduced-lab__inner[b-iub4eakkdt] {
    padding-block: clamp(3.25rem, 5vw, 5.25rem);
}

.reduced-lab__header[b-iub4eakkdt] {
    display: block;
}

.reduced-lab__header > p[b-iub4eakkdt] {
    width: 100%;
    margin: 1.35rem 0 0;
    color: rgb(255 255 255 / 72%);
    font-size: 1.02rem;
    line-height: 1.75;
}

.reduced-lab__layout[b-iub4eakkdt] {
    display: grid;
    grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.45fr);
    gap: 1.4rem;
    margin-top: 2.5rem;
}

.reduced-controls[b-iub4eakkdt],
.reduced-dashboard[b-iub4eakkdt] {
    border: 1px solid rgb(174 218 249 / 28%);
    background: rgb(4 43 76 / 74%);
    backdrop-filter: blur(5px);
}

.reduced-controls[b-iub4eakkdt] {
    align-self: stretch;
    padding: 1.6rem;
}

.reduced-field[b-iub4eakkdt] {
    display: grid;
    gap: .55rem;
}

.reduced-field label[b-iub4eakkdt] {
    color: #fff;
    font-size: .86rem;
    font-weight: 850;
}

.reduced-field textarea[b-iub4eakkdt],
.reduced-field[b-iub4eakkdt]  input {
    width: 100%;
    min-height: 3.2rem;
    border: 1px solid rgb(176 211 237 / 55%);
    border-radius: 0;
    outline: 0;
    background: #f8fbfd;
    color: #082a4c;
    font: inherit;
}

.reduced-field textarea[b-iub4eakkdt] {
    min-height: 8rem;
    padding: .9rem;
    resize: vertical;
    line-height: 1.65;
}

.reduced-field[b-iub4eakkdt]  input {
    padding: .75rem .8rem;
}

.reduced-field textarea:focus[b-iub4eakkdt],
.reduced-field[b-iub4eakkdt]  input:focus {
    border-color: #8ac7ff;
    box-shadow: 0 0 0 3px rgb(138 199 255 / 18%);
}

.reduced-field small[b-iub4eakkdt] {
    color: rgb(255 255 255 / 64%);
    line-height: 1.5;
}

.reduced-field .reduced-coverage-hint[b-iub4eakkdt] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    padding: .5rem .6rem;
    border-left: 2px solid #8ac7ff;
    background: rgb(3 54 93 / 58%);
    color: #dcedfa;
    font-size: .72rem;
    line-height: 1.45;
}

.reduced-coverage-hint i[b-iub4eakkdt] {
    flex: 0 0 auto;
    margin-top: .15rem;
    color: #8ac7ff;
}

.reduced-coverage-hint.is-complete[b-iub4eakkdt] {
    border-color: #b9e0ff;
    background: rgb(7 61 99 / 68%);
}

.reduced-control-grid[b-iub4eakkdt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
    margin-top: 1.25rem;
}

.reduced-price[b-iub4eakkdt] {
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr);
}

.reduced-price > span[b-iub4eakkdt] {
    display: grid;
    place-items: center;
    background: #d7ebfa;
    color: #075a9d;
    font-size: 1rem;
    letter-spacing: 0;
}

.reduced-generate[b-iub4eakkdt] {
    display: inline-flex;
    width: 100%;
    min-height: 3.8rem;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    margin-top: 1.5rem;
    border: 1px solid #d2ebfd;
    border-radius: 0;
    background: #d8edfc;
    color: #07365e;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    transition: background .2s ease, transform .2s ease;
}

.reduced-generate:hover[b-iub4eakkdt] {
    background: #fff;
    transform: translateY(-2px);
}

.reduced-message[b-iub4eakkdt] {
    display: flex;
    gap: .7rem;
    margin: 1.25rem 0 0;
    padding: .9rem;
    border-left: 3px solid #8ac7ff;
    background: rgb(3 54 93 / 72%);
    color: #dcedfa;
    line-height: 1.55;
}

.reduced-message i[b-iub4eakkdt] {
    margin-top: .2rem;
    color: #8ac7ff;
}

.reduced-message--error[b-iub4eakkdt] {
    border-color: #a9d7f7;
    background: rgb(7 35 61 / 84%);
}

.reduced-dashboard[b-iub4eakkdt] {
    padding: 1.6rem;
}

.reduced-dashboard__summary[b-iub4eakkdt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid rgb(174 218 249 / 23%);
}

.reduced-dashboard__summary div[b-iub4eakkdt] {
    display: grid;
    gap: .18rem;
}

.reduced-dashboard__summary strong[b-iub4eakkdt] {
    font-size: clamp(1.65rem, 3.3vw, 3.3rem);
    line-height: 1;
}

.reduced-dashboard__summary small[b-iub4eakkdt] {
    color: rgb(255 255 255 / 58%);
}

.reduced-dashboard__summary > i[b-iub4eakkdt] {
    color: #8ac7ff;
    animation: reduced-arrow-b-iub4eakkdt 2.2s ease-in-out infinite;
}

.reduced-dashboard__summary .is-reduced strong[b-iub4eakkdt],
.reduced-dashboard__summary .is-saving strong[b-iub4eakkdt] {
    color: #8ac7ff;
}

.reduced-coverage[b-iub4eakkdt] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1.6rem;
    padding-block: 1.5rem;
}

.reduced-coverage__ring[b-iub4eakkdt] {
    position: relative;
    display: grid;
    width: 11rem;
    height: 11rem;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(#8ac7ff var(--coverage), rgb(255 255 255 / 10%) 0);
    animation: reduced-ring-in-b-iub4eakkdt .7s ease-out both;
}

.reduced-coverage__orbit[b-iub4eakkdt] {
    position: absolute;
    z-index: 2;
    inset: -.42rem;
    border-radius: 50%;
    animation: reduced-orbit-b-iub4eakkdt 9s linear infinite;
    pointer-events: none;
}

.reduced-coverage__orbit i[b-iub4eakkdt] {
    position: absolute;
    display: block;
    width: .52rem;
    height: .52rem;
    top: -.03rem;
    left: calc(50% - .26rem);
    border: 2px solid #d9efff;
    border-radius: 50%;
    background: #66b7ff;
    box-shadow: 0 0 .8rem rgb(138 199 255 / 85%);
}

.reduced-coverage__orbit i:last-child[b-iub4eakkdt] {
    width: .28rem;
    height: .28rem;
    top: auto;
    right: 1.15rem;
    bottom: .62rem;
    left: auto;
    border: 0;
    background: #b9e0ff;
    opacity: .65;
    box-shadow: 0 0 .55rem rgb(138 199 255 / 60%);
}

.reduced-coverage__ring[b-iub4eakkdt]::before {
    position: absolute;
    inset: .75rem;
    border-radius: 50%;
    background: #07375f;
    content: "";
}

.reduced-coverage__ring > div[b-iub4eakkdt] {
    position: relative;
    z-index: 1;
    display: grid;
    text-align: center;
}

.reduced-coverage__ring strong[b-iub4eakkdt] {
    color: #fff;
    font-size: 1.75rem;
}

.reduced-coverage__ring span[b-iub4eakkdt] {
    color: #9bd0ff;
    font-size: .62rem;
    letter-spacing: .1em;
}

.reduced-coverage__copy[b-iub4eakkdt] {
    display: grid;
    gap: .45rem;
}

.reduced-coverage__copy strong[b-iub4eakkdt] {
    font-size: clamp(1.3rem, 2.5vw, 2rem);
}

.reduced-coverage__copy p[b-iub4eakkdt] {
    max-width: 34rem;
    color: rgb(255 255 255 / 68%);
    line-height: 1.65;
}

.reduced-sample[b-iub4eakkdt] {
    padding-top: 1.25rem;
    border-top: 1px solid rgb(174 218 249 / 23%);
}

.reduced-sample__heading[b-iub4eakkdt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.reduced-sample__heading div[b-iub4eakkdt] {
    display: grid;
    gap: .22rem;
}

.reduced-sample__heading small[b-iub4eakkdt] {
    color: rgb(255 255 255 / 58%);
}

.reduced-sample__heading i[b-iub4eakkdt] {
    color: #8ac7ff;
}

.reduced-sample__grid[b-iub4eakkdt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-top: 1rem;
}

.reduced-sample__grid > div[b-iub4eakkdt] {
    display: grid;
    min-height: 3.5rem;
    grid-template-columns: 3.2rem minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    padding: .7rem .8rem;
    border: 1px solid rgb(145 202 244 / 24%);
    background: rgb(3 40 70 / 72%);
    animation: reduced-column-in-b-iub4eakkdt .5s ease-out both;
}

.reduced-sample__grid > div:nth-child(2)[b-iub4eakkdt] { animation-delay: .05s; }
.reduced-sample__grid > div:nth-child(3)[b-iub4eakkdt] { animation-delay: .1s; }
.reduced-sample__grid > div:nth-child(4)[b-iub4eakkdt] { animation-delay: .15s; }
.reduced-sample__grid > div:nth-child(5)[b-iub4eakkdt] { animation-delay: .2s; }
.reduced-sample__grid > div:nth-child(6)[b-iub4eakkdt] { animation-delay: .25s; }

.reduced-sample__grid b[b-iub4eakkdt] {
    color: #8ac7ff;
}

.reduced-sample__grid span[b-iub4eakkdt] {
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: 0;
}

.reduced-costs[b-iub4eakkdt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.reduced-costs div[b-iub4eakkdt] {
    display: grid;
    gap: .25rem;
    padding: 1rem;
    border: 1px solid rgb(145 202 244 / 22%);
    background: rgb(22 91 139 / 45%);
}

.reduced-costs strong[b-iub4eakkdt] {
    font-size: 1.35rem;
}

.reduced-guarantee[b-iub4eakkdt] {
    display: grid;
    max-width: 67rem;
    gap: .75rem;
    margin-top: 2rem;
}

.reduced-guarantee > div[b-iub4eakkdt] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.3rem;
    border: 1px solid #d0dfe9;
    background: #fff;
}

.reduced-guarantee > div.is-result[b-iub4eakkdt] {
    border-color: #65a9d8;
    background: #e7f2fa;
}

.reduced-guarantee > div > span[b-iub4eakkdt] {
    color: #075a9d;
    font-size: .9rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.reduced-guarantee p[b-iub4eakkdt] {
    color: #365570;
    line-height: 1.65;
}

.reduced-guarantee > i[b-iub4eakkdt] {
    margin-left: 2.35rem;
    color: #4a9bd6;
}

.reduced-caption[b-iub4eakkdt] {
    max-width: 67rem;
    margin-top: 1.25rem;
    padding-left: 1.1rem;
    border-left: 3px solid #5ba7db;
}

.reduced-metrics[b-iub4eakkdt] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.reduced-metrics article[b-iub4eakkdt] {
    display: grid;
    min-height: 10rem;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-content: start;
    gap: .35rem 1rem;
    padding: 1.25rem;
    border: 1px solid #cddce8;
    background: #fff;
}

.reduced-metrics i[b-iub4eakkdt] {
    grid-row: 1 / span 2;
    color: #2b83c0;
    font-size: 1.65rem;
}

.reduced-metrics span[b-iub4eakkdt] {
    font-size: 1.15rem;
    font-weight: 900;
}

.reduced-metrics p[b-iub4eakkdt] {
    color: #536c84;
    line-height: 1.6;
}

.reduced-note[b-iub4eakkdt],
.reduced-responsible[b-iub4eakkdt] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1.2rem;
    border-left: 3px solid #2b83c0;
    background: #e7f2fa;
    color: #294d6b;
}

.reduced-note i[b-iub4eakkdt],
.reduced-responsible i[b-iub4eakkdt] {
    color: #075a9d;
    font-size: 1.3rem;
}

.reduced-note p[b-iub4eakkdt],
.reduced-responsible p[b-iub4eakkdt] {
    line-height: 1.7;
}

.reduced-checklist[b-iub4eakkdt] {
    display: grid;
    max-width: 67rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.reduced-checklist article[b-iub4eakkdt] {
    display: grid;
    grid-template-columns: 3.3rem minmax(0, 1fr);
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid #cfdee9;
    background: #fff;
}

.reduced-checklist article > span[b-iub4eakkdt] {
    color: #9cb4c7;
    font-size: 1.5rem;
    font-weight: 950;
}

.reduced-checklist h3[b-iub4eakkdt] {
    margin: 0;
    font-size: 1.05rem;
}

.reduced-checklist p[b-iub4eakkdt] {
    margin-top: .4rem;
    color: #587087;
    line-height: 1.55;
}

.reduced-responsible[b-iub4eakkdt] {
    margin-top: 1.5rem;
    border-color: #4b9bd4;
    background: #dfeff9;
}

@keyframes reduced-ring-in-b-iub4eakkdt {
    from { opacity: .35; transform: scale(.9) rotate(-8deg); }
    to { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes reduced-orbit-b-iub4eakkdt {
    to { transform: rotate(360deg); }
}

@keyframes reduced-arrow-b-iub4eakkdt {
    0%, 100% { opacity: .65; transform: translateX(0); }
    50% { opacity: 1; transform: translateX(.28rem); }
}

@keyframes reduced-column-in-b-iub4eakkdt {
    from { opacity: 0; transform: translateY(.45rem); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 960px) {
    .reduced-section[b-iub4eakkdt] {
        grid-template-columns: 5.5rem minmax(0, 1fr);
        gap: 1.5rem;
    }

    .reduced-lab__layout[b-iub4eakkdt] {
        grid-template-columns: 1fr;
    }

    .reduced-dashboard__summary[b-iub4eakkdt] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    .reduced-dashboard__summary .is-saving[b-iub4eakkdt] {
        grid-column: 1 / -1;
        padding-top: 1rem;
        border-top: 1px solid rgb(174 218 249 / 18%);
    }
}

@media (max-width: 640px) {
    .reduced-shell[b-iub4eakkdt] {
        width: min(100% - 1.5rem, 90rem);
    }

    .reduced-hero__inner[b-iub4eakkdt] {
        padding-block: 3.5rem;
    }

    .reduced-hero__sequence[b-iub4eakkdt] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .reduced-hero__sequence > i[b-iub4eakkdt] {
        transform: rotate(90deg);
    }

    .reduced-section[b-iub4eakkdt] {
        grid-template-columns: 1fr;
        gap: .8rem;
    }

    .reduced-number[b-iub4eakkdt] {
        font-size: 3.9rem;
    }

    .reduced-prose[b-iub4eakkdt],
    .reduced-comparison[b-iub4eakkdt],
    .reduced-control-grid[b-iub4eakkdt],
    .reduced-sample__grid[b-iub4eakkdt],
    .reduced-costs[b-iub4eakkdt],
    .reduced-metrics[b-iub4eakkdt],
    .reduced-checklist[b-iub4eakkdt] {
        grid-template-columns: 1fr;
    }

    .reduced-comparison > i[b-iub4eakkdt] {
        justify-self: center;
        transform: rotate(90deg);
    }

    .reduced-dashboard__summary[b-iub4eakkdt] {
        grid-template-columns: 1fr;
    }

    .reduced-dashboard__summary > i[b-iub4eakkdt] {
        transform: rotate(90deg);
    }

    .reduced-dashboard__summary .is-saving[b-iub4eakkdt] {
        grid-column: auto;
    }

    .reduced-coverage[b-iub4eakkdt] {
        grid-template-columns: 1fr;
    }

    .reduced-coverage__ring[b-iub4eakkdt] {
        width: 9rem;
        height: 9rem;
    }

    .reduced-guarantee > div[b-iub4eakkdt] {
        grid-template-columns: 1fr;
    }

    .reduced-guarantee > i[b-iub4eakkdt] {
        margin-left: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reduced-coverage__ring[b-iub4eakkdt],
    .reduced-coverage__orbit[b-iub4eakkdt],
    .reduced-dashboard__summary > i[b-iub4eakkdt],
    .reduced-sample__grid > div[b-iub4eakkdt] {
        animation: none;
    }

    .reduced-generate[b-iub4eakkdt] {
        transition: none;
    }
}
/* /Components/Pages/SystemProcedureGuide.razor.rz.scp.css */
.procedure-guide[b-97dipqefup] {
    --guide-navy: #102d46;
    --guide-blue: #0863a8;
    --guide-muted: #526a7e;
    --guide-line: #dce5ee;
    --guide-radius: 6px;
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
    padding: 40px 0 72px;
    color: var(--guide-navy);
}

.procedure-back[b-97dipqefup] {
    display: inline-block;
    margin-bottom: 30px;
    color: var(--guide-blue);
    font-size: .9rem;
    font-weight: 650;
    text-decoration: none;
}

.procedure-back:hover[b-97dipqefup] { text-decoration: underline; }

.procedure-eyebrow[b-97dipqefup] {
    margin: 0 0 12px;
    color: var(--guide-blue);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    line-height: 1.5;
    text-transform: uppercase;
}

.procedure-hero h1[b-97dipqefup] {
    max-width: 850px;
    margin: 0;
    font-size: clamp(2.3rem, 4.6vw, 3.8rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.08;
}

.procedure-lead[b-97dipqefup] {
    max-width: 760px;
    margin: 22px 0 26px;
    color: var(--guide-muted);
    font-size: 1.12rem;
    line-height: 1.75;
}

.procedure-actions[b-97dipqefup] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.procedure-button[b-97dipqefup] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 11px 18px;
    border: 1px solid #c6d5e2;
    border-radius: var(--guide-radius);
    background: white;
    color: var(--guide-navy);
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
}

.procedure-button:hover[b-97dipqefup] { border-color: var(--guide-blue); background: #f0f6fb; }
.procedure-button--primary[b-97dipqefup] { border-color: var(--guide-blue); background: var(--guide-blue); color: white; }
.procedure-button--primary:hover[b-97dipqefup] { border-color: #064e85; background: #064e85; }

.procedure-intro[b-97dipqefup] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 32px 0 40px;
    padding: 20px 24px;
    border: 1px solid var(--guide-line);
    border-left: 3px solid var(--guide-blue);
    border-radius: var(--guide-radius);
    background: #f1f6fa;
}

.procedure-intro__mark[b-97dipqefup] {
    flex: 0 0 24px;
    margin-top: 2px;
    color: var(--guide-blue);
    font-family: Georgia, serif;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.procedure-intro p[b-97dipqefup] { margin: 0; color: var(--guide-muted); line-height: 1.75; }
.procedure-intro strong[b-97dipqefup] { color: var(--guide-navy); }

.procedure-layout[b-97dipqefup] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    align-items: start;
    gap: 44px;
}

.procedure-index[b-97dipqefup] {
    position: sticky;
    top: 104px;
    padding: 20px 0;
    border-top: 2px solid var(--guide-navy);
}

.procedure-index ol[b-97dipqefup] { margin: 18px 0 0; padding: 0; list-style: none; }
.procedure-index li + li[b-97dipqefup] { border-top: 1px solid var(--guide-line); }

.procedure-index a[b-97dipqefup] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 4px;
    color: var(--guide-navy);
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.5;
    text-decoration: none;
}

.procedure-index a:hover[b-97dipqefup] { color: var(--guide-blue); background: #eaf2f8; }
.procedure-index a span[b-97dipqefup] { color: var(--guide-blue); font-size: .75rem; font-variant-numeric: tabular-nums; }
.procedure-index__note[b-97dipqefup] { margin: 20px 0 0; color: var(--guide-muted); font-size: .8rem; line-height: 1.7; }
.procedure-chapters[b-97dipqefup] { min-width: 0; }

.procedure-step[b-97dipqefup] {
    scroll-margin-top: 105px;
    margin-bottom: 22px;
    padding: 30px;
    border: 1px solid var(--guide-line);
    border-radius: var(--guide-radius);
    background: white;
    box-shadow: 0 3px 12px rgb(16 45 70 / 2%);
}

.procedure-step__heading[b-97dipqefup] { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; }
.procedure-step__heading .procedure-eyebrow[b-97dipqefup] { margin-bottom: 5px; }

.procedure-number[b-97dipqefup] {
    display: grid;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    place-items: center;
    border: 1px solid #d6e6f3;
    border-radius: var(--guide-radius);
    background: #edf5fb;
    color: var(--guide-blue);
    font-size: 1rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.procedure-step h2[b-97dipqefup] { margin: 0; font-size: clamp(1.35rem, 2.3vw, 1.65rem); font-weight: 750; letter-spacing: -.025em; line-height: 1.25; }
.procedure-step h3[b-97dipqefup] { margin: 0 0 8px; font-size: 1rem; font-weight: 750; line-height: 1.5; }
.procedure-step p[b-97dipqefup] { margin: 16px 0; color: var(--guide-muted); font-size: .95rem; line-height: 1.8; }
.procedure-step strong[b-97dipqefup] { color: var(--guide-navy); }
.procedure-step .procedure-detail[b-97dipqefup] { color: #617589; font-size: .85rem; }

.procedure-callout[b-97dipqefup] {
    margin: 22px 0;
    padding: 20px;
    border: 1px solid var(--guide-line);
    border-radius: var(--guide-radius);
    background: #f7f9fc;
}

.procedure-callout p[b-97dipqefup] { margin: 0; font-size: .9rem; }
.procedure-callout--scope[b-97dipqefup] { border-left: 3px solid var(--guide-blue); background: #eff6fc; }
.procedure-list[b-97dipqefup] { margin: 16px 0; padding-left: 21px; color: var(--guide-muted); font-size: .93rem; line-height: 1.8; }
.procedure-list li + li[b-97dipqefup] { margin-top: 10px; }
.procedure-callout .procedure-list[b-97dipqefup] { margin-bottom: 0; }

.procedure-methods[b-97dipqefup] { margin: 22px 0; border-top: 1px solid var(--guide-line); }
.procedure-methods > div[b-97dipqefup] { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--guide-line); }
.procedure-methods dt[b-97dipqefup] { font-size: .9rem; font-weight: 750; line-height: 1.6; }
.procedure-methods dd[b-97dipqefup] { margin: 0; color: var(--guide-muted); font-size: .9rem; line-height: 1.75; }

.procedure-tag[b-97dipqefup] { display: inline-block; margin-top: 5px; padding: 2px 7px; border: 1px solid #cbdceb; border-radius: 3px; color: var(--guide-blue); font-size: .67rem; font-weight: 700; letter-spacing: .035em; }
.procedure-example[b-97dipqefup] { margin: 24px 0; padding: 18px 20px; border-left: 2px solid #55a0d3; background: #f0f7fc; }
.procedure-example__label[b-97dipqefup] { color: var(--guide-blue); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.procedure-example p[b-97dipqefup] { margin: 8px 0 0; font-size: .9rem; }
.procedure-step .procedure-check[b-97dipqefup] { margin: 24px 0 0; padding-top: 18px; border-top: 1px dashed #cbd9e5; font-size: .87rem; }

.procedure-comparison[b-97dipqefup] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 24px 0; }
.procedure-comparison > div[b-97dipqefup] { padding: 0 0 0 16px; border-left: 2px solid var(--guide-line); }
.procedure-comparison p[b-97dipqefup] { margin: 0; font-size: .89rem; }
.procedure-formats[b-97dipqefup] { margin: 22px 0; }
.procedure-formats > div[b-97dipqefup] { display: grid; grid-template-columns: 65px minmax(0, 1fr); gap: 16px; padding: 15px 0; border-bottom: 1px solid var(--guide-line); }
.procedure-formats dt[b-97dipqefup] { color: var(--guide-blue); font-size: .8rem; font-weight: 800; letter-spacing: .06em; line-height: 1.8; }
.procedure-formats dd[b-97dipqefup] { margin: 0; color: var(--guide-muted); font-size: .9rem; line-height: 1.8; }

.procedure-finish[b-97dipqefup] { padding: 30px; border: 1px solid var(--guide-line); border-radius: var(--guide-radius); background: #eaf3fa; }
.procedure-finish h2[b-97dipqefup] { margin: 0; font-size: 1.55rem; font-weight: 750; letter-spacing: -.025em; line-height: 1.3; }
.procedure-finish p:not(.procedure-eyebrow)[b-97dipqefup] { margin: 14px 0 22px; color: var(--guide-muted); font-size: .95rem; line-height: 1.8; }

.procedure-guide a:focus-visible[b-97dipqefup] { outline: 3px solid #126da9; outline-offset: 4px; border-radius: 3px; }

@media (max-width: 960px) {
    .procedure-layout[b-97dipqefup] { grid-template-columns: 205px minmax(0, 1fr); gap: 24px; }
    .procedure-step[b-97dipqefup] { padding: 24px; }
    .procedure-methods > div[b-97dipqefup] { grid-template-columns: 1fr; gap: 7px; }
}

@media (max-width: 760px) {
    .procedure-guide[b-97dipqefup] { width: min(100% - 32px, 620px); padding-top: 26px; }
    .procedure-back[b-97dipqefup] { margin-bottom: 24px; }
    .procedure-lead[b-97dipqefup] { font-size: 1rem; }
    .procedure-intro[b-97dipqefup] { padding: 18px; margin: 26px 0; }
    .procedure-layout[b-97dipqefup] { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    .procedure-index[b-97dipqefup] { position: static; padding: 18px 0 0; }
    .procedure-index ol[b-97dipqefup] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin-top: 12px; }
    .procedure-index li + li[b-97dipqefup] { border-top: 0; }
    .procedure-index li[b-97dipqefup] { border-bottom: 1px solid var(--guide-line); }
    .procedure-index a[b-97dipqefup] { gap: 8px; padding: 12px 0; font-size: .83rem; }
    .procedure-index__note[b-97dipqefup] { margin-top: 14px; }
    .procedure-step[b-97dipqefup] { scroll-margin-top: 85px; padding: 22px; }
    .procedure-step__heading[b-97dipqefup] { gap: 13px; align-items: flex-start; }
    .procedure-number[b-97dipqefup] { width: 38px; height: 38px; flex-basis: 38px; font-size: .88rem; }
    .procedure-step__heading .procedure-eyebrow[b-97dipqefup] { font-size: .65rem; }
    .procedure-comparison[b-97dipqefup] { grid-template-columns: 1fr; }
    .procedure-finish[b-97dipqefup] { padding: 24px; }
}

@media (max-width: 420px) {
    .procedure-guide[b-97dipqefup] { width: calc(100% - 24px); }
    .procedure-hero h1[b-97dipqefup] { font-size: 2.15rem; }
    .procedure-actions[b-97dipqefup] { align-items: stretch; flex-direction: column; }
    .procedure-button[b-97dipqefup] { width: 100%; }
    .procedure-intro[b-97dipqefup] { gap: 10px; padding: 16px 12px; }
    .procedure-step[b-97dipqefup] { padding: 20px 16px; }
    .procedure-step h2[b-97dipqefup] { font-size: 1.3rem; }
    .procedure-callout[b-97dipqefup], .procedure-example[b-97dipqefup] { padding: 16px; }
    .procedure-formats > div[b-97dipqefup] { grid-template-columns: 50px minmax(0, 1fr); gap: 10px; }
}
/* /Components/Pages/Systems.razor.rz.scp.css */
.systems-page[b-xxa4t9bg27] {
    overflow-x: clip;
    scroll-behavior: smooth;
}

.systems-hero[b-xxa4t9bg27] {
    isolation: isolate;
}

.systems-title[b-xxa4t9bg27] {
    font-size: clamp(3.2rem, 6.6vw, 6.75rem);
    line-height: .9;
    letter-spacing: -.018em;
}

.systems-section-title[b-xxa4t9bg27],
.systems-lab-title[b-xxa4t9bg27] {
    font-size: clamp(2.4rem, 5vw, 4.75rem);
    line-height: .94;
    letter-spacing: -.04em;
}

.systems-grid[b-xxa4t9bg27] {
    background-image:
        linear-gradient(rgb(255 255 255 / 4.5%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 4.5%) 1px, transparent 1px);
    background-size: 62px 62px;
    mask-image: linear-gradient(to bottom, black, transparent 92%);
}

.systems-glow[b-xxa4t9bg27] {
    background: radial-gradient(circle, rgb(102 183 255 / 26%), rgb(47 134 213 / 9%) 44%, transparent 71%);
    filter: blur(24px);
}

.systems-glow--secondary[b-xxa4t9bg27] {
    opacity: .55;
}

.systems-action[b-xxa4t9bg27] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: .15rem;
    padding: .75rem 1.4rem;
    color: white;
    font-size: .88rem;
    font-weight: 850;
    text-decoration: none;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.systems-action:hover[b-xxa4t9bg27] {
    border-color: rgb(255 255 255 / 40%);
    background: rgb(255 255 255 / 8%);
    transform: translateY(-2px);
}

.systems-action--primary[b-xxa4t9bg27] {
    border-color: #66b7ff;
    background: #66b7ff;
    color: #06162b;
}

.systems-action--primary:hover[b-xxa4t9bg27] {
    border-color: white;
    background: white;
}

.systems-shell[b-xxa4t9bg27] {
    width: 100%;
    max-width: 82rem;
}

.systems-kicker[b-xxa4t9bg27] {
    color: #004c8e;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.systems-kicker--light[b-xxa4t9bg27] {
    color: #8ac7ff;
}

.systems-guide-section[b-xxa4t9bg27] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: 2rem;
    scroll-margin-top: 6.5rem;
    border-top: 1px solid #e2e8f0;
    padding-block: 2.15rem;
}

.systems-guide-section:first-of-type[b-xxa4t9bg27] {
    margin-top: 1.25rem;
}

.systems-section-number[b-xxa4t9bg27] {
    display: block;
    color: rgb(6 22 43 / 10%);
    font-size: 5.3rem;
    font-weight: 900;
    line-height: .8;
    letter-spacing: -.09em;
}

.systems-guide-section h2[b-xxa4t9bg27] {
    color: #06162b;
    font-size: clamp(1.85rem, 3vw, 2.7rem);
    font-weight: 900;
    line-height: 1.03;
    letter-spacing: -.03em;
}

.systems-guide-section h2 + p[b-xxa4t9bg27],
.systems-guide-section > div > p:not(.systems-kicker)[b-xxa4t9bg27] {
    margin-top: 1.25rem;
    max-width: 62rem;
    color: #475569;
    font-size: 1.02rem;
    line-height: 1.85;
}

.systems-narrative[b-xxa4t9bg27] {
    display: grid;
    max-width: 62rem;
    gap: .85rem;
    margin-top: 1.35rem;
    border-left: 2px solid #9dc7e5;
    padding-left: 1.15rem;
}

.systems-narrative p[b-xxa4t9bg27] {
    color: #52677d;
    font-size: .96rem;
    line-height: 1.78;
}

.systems-narrative strong[b-xxa4t9bg27] {
    color: #173a5e;
    font-weight: 850;
}

.systems-narrative--compact[b-xxa4t9bg27] {
    max-width: 58rem;
    border-left-color: #c5dbe9;
}

.systems-do-grid[b-xxa4t9bg27] {
    display: grid;
    gap: 1rem;
    margin-top: 1.8rem;
}

.systems-do-grid > section[b-xxa4t9bg27] {
    border: 1px solid #dbe4ee;
    background: white;
    padding: 1.35rem;
}

.systems-do-heading[b-xxa4t9bg27] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.systems-do-icon[b-xxa4t9bg27] {
    flex: 0 0 auto;
    color: #147d78;
    font-size: 2.35rem;
    line-height: 1;
    filter: drop-shadow(0 .35rem .65rem rgb(20 125 120 / 18%));
}

.systems-do-icon--no[b-xxa4t9bg27] {
    color: #a12a2a;
    font-size: 2.15rem;
    filter: drop-shadow(0 .35rem .65rem rgb(161 42 42 / 16%));
}

.systems-do-grid h3[b-xxa4t9bg27] {
    margin-top: 0;
    color: #06162b;
    font-size: 1.15rem;
    font-weight: 850;
}

.systems-do-grid ul[b-xxa4t9bg27] {
    margin-top: .85rem;
    padding-left: 1.2rem;
    color: #475569;
    line-height: 1.7;
    list-style: disc;
}

.systems-do-grid li + li[b-xxa4t9bg27] {
    margin-top: .35rem;
}

.systems-callout[b-xxa4t9bg27] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.5rem;
    border-left: 3px solid #004c8e;
    background: #edf6ff;
    padding: 1.15rem 1.25rem;
    color: #173a5e;
    line-height: 1.7;
}

.systems-callout--warning[b-xxa4t9bg27] {
    border-left-color: #f59e0b;
    background: #fffbeb;
    color: #713f12;
}

.systems-callout--responsible[b-xxa4t9bg27] {
    border-left-color: #397dad;
    background: linear-gradient(90deg, #e7f2fa 0%, #f3f8fc 100%);
    color: #244d70;
}

.systems-callout--responsible i[b-xxa4t9bg27] {
    color: #176aa8;
}

.systems-callout i[b-xxa4t9bg27] {
    margin-top: .28rem;
}

.systems-definition-line[b-xxa4t9bg27] {
    display: flex;
    max-width: 62rem;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.5rem;
    border-left: 3px solid #397dad;
    background: linear-gradient(90deg, #e7f2fa, #f5f9fc);
    padding: 1.2rem 1.3rem;
    color: #244d70;
    line-height: 1.7;
}

.systems-definition-line i[b-xxa4t9bg27] {
    margin-top: .28rem;
    color: #176aa8;
}

.systems-myth-grid[b-xxa4t9bg27] {
    display: grid;
    max-width: 68rem;
    gap: .85rem;
    margin-top: 1.75rem;
}

.systems-myth-grid article[b-xxa4t9bg27] {
    border: 1px solid #d7e2eb;
    border-top: 3px solid #6ca9d1;
    background: white;
    padding: 1.4rem;
    box-shadow: 0 12px 35px rgb(28 69 102 / 5%);
}

.systems-myth-grid span[b-xxa4t9bg27] {
    color: #397dad;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.systems-myth-grid h3[b-xxa4t9bg27] {
    margin-top: .65rem;
    color: #102d49;
    font-size: 1.06rem;
    font-weight: 900;
    line-height: 1.35;
}

.systems-myth-grid p[b-xxa4t9bg27] {
    margin-top: .65rem;
    color: #5d748b;
    line-height: 1.68;
}

.systems-certainty-grid[b-xxa4t9bg27] {
    display: grid;
    max-width: 68rem;
    gap: .8rem;
    margin-top: 1.75rem;
}

.systems-certainty-grid article[b-xxa4t9bg27] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    border: 1px solid #d7e2eb;
    background: white;
    padding: 1.2rem;
}

.systems-certainty-grid i[b-xxa4t9bg27] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    background: #e6f3fc;
    color: #176aa8;
}

.systems-certainty-grid h3[b-xxa4t9bg27] {
    color: #102d49;
    font-weight: 900;
}

.systems-certainty-grid p[b-xxa4t9bg27] {
    margin-top: .25rem;
    color: #60778d;
    line-height: 1.55;
}

.systems-term-grid[b-xxa4t9bg27] {
    display: grid;
    gap: .8rem;
    margin-top: 1.75rem;
}

.systems-term-grid article[b-xxa4t9bg27] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    border: 1px solid #dbe4ee;
    background: white;
    padding: 1rem;
}

.systems-term-grid article > span[b-xxa4t9bg27],
.systems-term-grid article > i[b-xxa4t9bg27] {
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #b9d5ee;
    background: #edf6ff;
    color: #176aa8;
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
}

.systems-term-grid h3[b-xxa4t9bg27] {
    color: #06162b;
    font-size: 1rem;
    font-weight: 850;
}

.systems-term-grid p[b-xxa4t9bg27] {
    margin-top: .25rem;
    color: #64748b;
    font-size: .86rem;
    line-height: 1.5;
}

.systems-formula-row[b-xxa4t9bg27] {
    display: grid;
    align-items: center;
    gap: 1rem 1.5rem;
    margin-top: 1.8rem;
}

.systems-formula[b-xxa4t9bg27] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    margin: 0;
    border: 1px solid #dbe4ee;
    background: white;
    padding: .8rem 1rem;
    color: #175a91;
    font-family: Cambria, "Times New Roman", serif;
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    font-weight: 700;
}

.systems-formula-row > p[b-xxa4t9bg27] {
    max-width: 50rem;
    color: #64748b;
    line-height: 1.65;
}

.systems-fraction[b-xxa4t9bg27] {
    display: inline-grid;
    text-align: center;
}

.systems-fraction b[b-xxa4t9bg27] {
    padding-inline: .35rem;
    font-weight: 700;
}

.systems-fraction b:first-child[b-xxa4t9bg27] {
    border-bottom: 1px solid currentColor;
    padding-bottom: .18rem;
}

.systems-fraction b:last-child[b-xxa4t9bg27] {
    padding-top: .18rem;
}

.systems-inline-tool[b-xxa4t9bg27],
.systems-integral-tool[b-xxa4t9bg27] {
    margin-top: 2rem;
    border: 1px solid #cdddeb;
    background: #f8fbfe;
    padding: 1.35rem;
}

.systems-inline-tool-header[b-xxa4t9bg27] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.systems-inline-tool-icon[b-xxa4t9bg27] {
    display: inline-flex;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid #b9d5ee;
    background: #e5f2fc;
    color: #176aa8;
}

.systems-inline-tool-header h3[b-xxa4t9bg27] {
    margin-top: .25rem;
    color: #06162b;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    font-weight: 900;
    letter-spacing: -.025em;
}

.systems-inline-tool-header > div > p:last-child[b-xxa4t9bg27] {
    margin-top: .5rem;
    max-width: 50rem;
    color: #64748b;
    font-size: .9rem;
    line-height: 1.65;
}

.systems-inline-calculator-grid[b-xxa4t9bg27] {
    display: grid;
    gap: 1rem;
    margin-top: 1.35rem;
}

.systems-tool-controls--light[b-xxa4t9bg27],
.systems-inline-result[b-xxa4t9bg27] {
    border: 1px solid #dbe4ee;
    background: white;
    padding: 1.2rem;
}

.systems-tool-controls.systems-tool-controls--light label[b-xxa4t9bg27] {
    color: #06162b;
}

.systems-tool-controls.systems-tool-controls--light label span[b-xxa4t9bg27] {
    color: #176aa8;
}

.systems-tool-controls.systems-tool-controls--light input[b-xxa4t9bg27] {
    border-color: #cbd5e1;
    background: #f8fafc;
    color: #06162b;
}

.systems-tool-controls.systems-tool-controls--light small[b-xxa4t9bg27] {
    color: #64748b;
}

.systems-inline-result[b-xxa4t9bg27] {
    min-width: 0;
}

.systems-inline-result-label[b-xxa4t9bg27] {
    color: #176aa8;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.systems-inline-result output[b-xxa4t9bg27] {
    display: block;
    overflow-wrap: anywhere;
    margin-top: .55rem;
    color: #004c8e;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
}

.systems-inline-result > p:not(.systems-inline-result-label)[b-xxa4t9bg27] {
    margin-top: .75rem;
    color: #64748b;
    font-size: .84rem;
    line-height: 1.6;
}

.systems-secondary-button.systems-secondary-button--light[b-xxa4t9bg27] {
    margin-top: 1rem;
    border-color: #cbd5e1;
    background: #f8fafc;
    color: #173a5e;
}

.systems-secondary-button.systems-secondary-button--light:hover[b-xxa4t9bg27] {
    border-color: #004c8e;
    background: #edf6ff;
    color: #004c8e;
}

.systems-integral-reading[b-xxa4t9bg27] {
    margin-top: 1.8rem;
    border-left: 4px solid #579bd1;
    background: linear-gradient(90deg, #edf6ff, #f8fbfe);
    padding: 1.2rem 1.3rem;
}

.systems-integral-sentence[b-xxa4t9bg27] {
    margin-top: .45rem;
    max-width: 58rem;
    color: #173a5e;
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    line-height: 1.55;
}

.systems-integral-sentence strong[b-xxa4t9bg27] {
    color: #004c8e;
    font-weight: 900;
}

.systems-integral-legend[b-xxa4t9bg27] {
    display: grid;
    gap: .6rem;
    margin-top: 1rem;
}

.systems-integral-legend > div[b-xxa4t9bg27] {
    border: 1px solid #cfe0ef;
    background: white;
    padding: .8rem 1rem;
}

.systems-integral-legend span[b-xxa4t9bg27],
.systems-integral-legend small[b-xxa4t9bg27] {
    display: block;
}

.systems-integral-legend span[b-xxa4t9bg27] {
    color: #06162b;
    font-size: 1.15rem;
    font-weight: 900;
}

.systems-integral-legend small[b-xxa4t9bg27] {
    margin-top: .15rem;
    color: #64748b;
    font-size: .72rem;
}

.systems-integral-legend > i[b-xxa4t9bg27] {
    align-self: center;
    justify-self: center;
    color: #579bd1;
    transform: rotate(90deg);
}

.systems-integral-legend > div.systems-integral-legend--result[b-xxa4t9bg27] {
    border-color: #579bd1;
    background: #e5f2fc;
}

.systems-integral-legend--result span[b-xxa4t9bg27] {
    color: #004c8e;
    font-size: 1.5rem;
}

.systems-integral-context[b-xxa4t9bg27] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .9rem;
    color: #486985;
    font-size: .76rem;
    line-height: 1.55;
}

.systems-integral-context i[b-xxa4t9bg27] {
    margin-top: .18rem;
    color: #176aa8;
}

.systems-growth[b-xxa4t9bg27] {
    display: grid;
    gap: .75rem;
    margin-top: 1.8rem;
}

.systems-growth > div[b-xxa4t9bg27] {
    border: 1px solid #dbe4ee;
    background: white;
    padding: 1.25rem;
    text-align: center;
}

.systems-growth > div.systems-growth--active[b-xxa4t9bg27] {
    border-color: #66b7ff;
    background: #edf6ff;
}

.systems-growth span[b-xxa4t9bg27],
.systems-growth strong[b-xxa4t9bg27],
.systems-growth small[b-xxa4t9bg27] {
    display: block;
}

.systems-growth span[b-xxa4t9bg27] {
    color: #004c8e;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.systems-growth strong[b-xxa4t9bg27] {
    margin-top: .45rem;
    color: #06162b;
    font-size: 2.25rem;
    line-height: 1;
}

.systems-growth small[b-xxa4t9bg27] {
    margin-top: .45rem;
    color: #64748b;
}

.systems-growth > i[b-xxa4t9bg27] {
    align-self: center;
    justify-self: center;
    color: #66b7ff;
    transform: rotate(90deg);
}

.systems-tool[b-xxa4t9bg27] {
    border-radius: .25rem;
    backdrop-filter: blur(14px);
}

.systems-tool-controls label[b-xxa4t9bg27],
.systems-generator-controls label[b-xxa4t9bg27] {
    display: block;
    color: white;
    font-size: .78rem;
    font-weight: 850;
}

.systems-tool-controls label span[b-xxa4t9bg27],
.systems-generator-controls label span[b-xxa4t9bg27] {
    color: #8ac7ff;
}

.systems-tool-controls input[b-xxa4t9bg27],
.systems-generator-controls input[b-xxa4t9bg27],
.systems-generator-controls textarea[b-xxa4t9bg27] {
    width: 100%;
    margin-top: .55rem;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: .15rem;
    background: rgb(0 0 0 / 18%);
    padding: .85rem 1rem;
    color: white;
    font-size: 1rem;
    outline: none;
}

.systems-tool-controls input:focus[b-xxa4t9bg27],
.systems-generator-controls input:focus[b-xxa4t9bg27],
.systems-generator-controls textarea:focus[b-xxa4t9bg27] {
    border-color: #66b7ff;
    box-shadow: 0 0 0 4px rgb(102 183 255 / 15%);
}

.systems-tool-controls small[b-xxa4t9bg27],
.systems-generator-controls small[b-xxa4t9bg27] {
    display: block;
    margin-top: .4rem;
    color: rgb(255 255 255 / 48%);
    font-size: .7rem;
}

.systems-tool-button[b-xxa4t9bg27],
.systems-generator-button[b-xxa4t9bg27],
.systems-secondary-button[b-xxa4t9bg27] {
    display: inline-flex;
    min-height: 3rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    border: 1px solid #66b7ff;
    border-radius: .15rem;
    background: #66b7ff;
    padding: .75rem 1.25rem;
    color: #06162b;
    font-size: .86rem;
    font-weight: 900;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.systems-tool-button:hover[b-xxa4t9bg27],
.systems-generator-button:hover[b-xxa4t9bg27],
.systems-secondary-button:hover[b-xxa4t9bg27] {
    border-color: white;
    background: white;
    transform: translateY(-2px);
}

.systems-result[b-xxa4t9bg27] {
    min-height: 18rem;
    border: 1px solid rgb(255 255 255 / 10%);
    background: rgb(0 0 0 / 15%);
    padding: 1.5rem;
}

.systems-secondary-button[b-xxa4t9bg27] {
    border-color: rgb(255 255 255 / 18%);
    background: rgb(255 255 255 / 6%);
    color: white;
}

.systems-tool-error[b-xxa4t9bg27],
.systems-inline-error[b-xxa4t9bg27] {
    display: flex;
    gap: .9rem;
    border-left: 3px solid #f6a6a6;
    background: rgb(161 42 42 / 18%);
    padding: 1rem;
    color: #ffd6d6;
    line-height: 1.6;
}

.systems-generator[b-xxa4t9bg27] {
    background:
        linear-gradient(180deg, #f8fafc, #eef5fb),
        #f8fafc;
}

.systems-integral-tool[b-xxa4t9bg27] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-color: #0d6aa9;
    border-radius: var(--lottify-radius-panel, 6px);
    background:
        radial-gradient(circle at 96% 5%, rgb(130 207 255 / 22%), transparent 27%),
        linear-gradient(135deg, #07599a, #0865aa 58%, #075491);
    padding: clamp(1.25rem, 3vw, 2.25rem);
    color: white;
    box-shadow: 0 1.5rem 3.5rem rgb(4 76 131 / 18%);
}

.systems-integral-tool[b-xxa4t9bg27]::before,
.systems-integral-tool[b-xxa4t9bg27]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgb(176 221 255 / 14%);
    border-radius: 50%;
    content: "";
}

.systems-integral-tool[b-xxa4t9bg27]::before {
    top: -14rem;
    right: -8rem;
    width: 31rem;
    height: 31rem;
}

.systems-integral-tool[b-xxa4t9bg27]::after {
    top: -8rem;
    right: -2rem;
    width: 20rem;
    height: 20rem;
    border-style: dashed;
}

.systems-integral-tool.systems-integral-tool--full-bleed[b-xxa4t9bg27] {
    left: 50%;
    width: 100vw;
    max-width: none;
    margin-top: 0;
    margin-left: -50vw;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    padding: 0;
}

#integral[b-xxa4t9bg27] {
    padding-bottom: 1.75rem;
}

#limits > .systems-guide-section[b-xxa4t9bg27] {
    padding-top: 1.25rem;
    padding-bottom: 1.5rem;
}

.systems-integral-tool-inner[b-xxa4t9bg27] {
    width: 100%;
    max-width: 90rem;
    margin-inline: auto;
    padding: clamp(2rem, 4vw, 4rem) clamp(1.25rem, 3vw, 3rem);
}

.systems-integral-tool .systems-inline-tool-icon[b-xxa4t9bg27] {
    border-color: rgb(255 255 255 / 25%);
    background: rgb(3 56 98 / 45%);
    color: #bde4ff;
}

.systems-integral-tool .systems-kicker[b-xxa4t9bg27] {
    color: #bde4ff;
}

.systems-integral-tool .systems-inline-tool-header h3[b-xxa4t9bg27] {
    color: white;
}

.systems-integral-tool .systems-inline-tool-header > div > p:last-child[b-xxa4t9bg27] {
    color: rgb(255 255 255 / 70%);
}

.systems-generator-layout[b-xxa4t9bg27] {
    display: grid;
    gap: 1rem;
    margin-top: 1.35rem;
}

.systems-generator-controls[b-xxa4t9bg27],
.systems-columns-panel[b-xxa4t9bg27] {
    min-width: 0;
    border: 1px solid rgb(194 228 251 / 20%);
    border-radius: var(--lottify-radius-panel, 6px);
    background: rgb(3 50 88 / 48%);
    padding: 1.2rem;
    backdrop-filter: blur(8px);
}

.systems-base-imported[b-xxa4t9bg27],
.systems-editable-note[b-xxa4t9bg27] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin-bottom: 1rem;
    border-left: 3px solid #6ee7c5;
    background: rgb(5 84 91 / 46%);
    padding: .8rem .9rem;
    color: #d7fff5;
    font-size: .78rem;
    line-height: 1.5;
}

.systems-base-imported i[b-xxa4t9bg27],
.systems-editable-note i[b-xxa4t9bg27] {
    margin-top: .18rem;
}

.systems-editable-note[b-xxa4t9bg27] {
    border-left-color: #9dd7ff;
    background: rgb(255 255 255 / 9%);
    color: rgb(255 255 255 / 82%);
}

.systems-generator-controls label[b-xxa4t9bg27] {
    color: white;
}

.systems-generator-controls input[b-xxa4t9bg27],
.systems-generator-controls textarea[b-xxa4t9bg27] {
    resize: vertical;
    border-color: rgb(255 255 255 / 38%);
    background: rgb(255 255 255 / 96%);
    color: #06162b;
}

.systems-generator-controls small[b-xxa4t9bg27] {
    color: rgb(255 255 255 / 66%);
    line-height: 1.45;
}

.systems-generator-button[b-xxa4t9bg27] {
    width: 100%;
    border-color: #8bd2ff;
    background: #8bd2ff;
    color: #07345b;
}

.systems-generator-button:hover[b-xxa4t9bg27] {
    border-color: white;
    background: white;
}

.systems-inline-error[b-xxa4t9bg27] {
    border-left-color: #a12a2a;
    background: #fcecec;
    color: #7f1d1d;
}

.systems-columns-panel[b-xxa4t9bg27] {
    overflow: hidden;
    border-color: rgb(194 228 251 / 22%);
    border-radius: var(--lottify-radius-panel, 6px);
    background:
        radial-gradient(circle at 74% 14%, rgb(130 207 255 / 16%), transparent 30%),
        rgb(3 50 88 / 56%);
    color: white;
    box-shadow: none;
}

.systems-cosmos-heading[b-xxa4t9bg27] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-bottom: 1px solid rgb(194 228 251 / 18%);
    padding-bottom: 1rem;
}

.systems-cosmos-kicker[b-xxa4t9bg27] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #a9ddff;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.systems-cosmos-heading h4[b-xxa4t9bg27] {
    margin-top: .38rem;
    color: white;
    font-size: clamp(1.35rem, 2.5vw, 1.8rem);
    font-weight: 900;
    letter-spacing: -.035em;
}

.systems-cosmos-heading > div:first-child > p:last-child[b-xxa4t9bg27] {
    margin-top: .35rem;
    color: rgb(255 255 255 / 66%);
    font-size: .76rem;
    line-height: 1.5;
}

.systems-cosmos-total p[b-xxa4t9bg27],
.systems-cosmos-total small[b-xxa4t9bg27] {
    color: rgb(255 255 255 / 58%);
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.systems-cosmos-total output[b-xxa4t9bg27] {
    display: block;
    overflow-wrap: anywhere;
    margin-block: .18rem;
    color: #a9ddff;
    font-size: clamp(1.75rem, 3.5vw, 2.55rem);
    font-weight: 950;
    line-height: 1;
    letter-spacing: -.055em;
}

.systems-combination-orbit[b-xxa4t9bg27] {
    position: relative;
    display: flex;
    min-height: 18.5rem;
    isolation: isolate;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 1rem;
    border: 1px solid rgb(176 221 255 / 28%);
    border-radius: var(--lottify-radius-panel, 6px);
    background:
        linear-gradient(rgb(138 199 255 / 5%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(138 199 255 / 5%) 1px, transparent 1px),
        radial-gradient(circle, #155784, #07365d 70%);
    background-size: 2.8rem 2.8rem, 2.8rem 2.8rem, auto;
}

.systems-orbit-ring[b-xxa4t9bg27] {
    position: absolute;
    z-index: -1;
    border: 1px solid rgb(102 183 255 / 26%);
    border-radius: 50%;
}

.systems-orbit-ring[b-xxa4t9bg27]::after {
    position: absolute;
    width: .55rem;
    height: .55rem;
    border: 2px solid #bfe3ff;
    border-radius: 50%;
    background: #2587d7;
    box-shadow: 0 0 1.1rem #66b7ff;
    content: "";
}

.systems-orbit-ring--outer[b-xxa4t9bg27] {
    width: 16rem;
    height: 16rem;
    transform: rotate(-18deg) scaleY(.7);
}

.systems-orbit-ring--outer[b-xxa4t9bg27]::after {
    top: 1.9rem;
    right: 1.25rem;
}

.systems-orbit-ring--inner[b-xxa4t9bg27] {
    width: 11.5rem;
    height: 11.5rem;
    border-style: dashed;
    transform: rotate(26deg) scaleY(.72);
}

.systems-orbit-ring--inner[b-xxa4t9bg27]::after {
    bottom: .65rem;
    left: 2rem;
}

.systems-orbit-star[b-xxa4t9bg27] {
    position: absolute;
    width: .28rem;
    height: .28rem;
    border-radius: 50%;
    background: #bfe3ff;
    box-shadow: 0 0 .8rem #66b7ff;
}

.systems-orbit-star--one[b-xxa4t9bg27] { top: 16%; left: 20%; }
.systems-orbit-star--two[b-xxa4t9bg27] { right: 18%; bottom: 20%; }

.systems-orbit-core[b-xxa4t9bg27] {
    position: absolute;
    top: 3.2rem;
    left: 50%;
    display: grid;
    width: 8.5rem;
    height: 8.5rem;
    place-content: center;
    border: 1px solid rgb(102 183 255 / 45%);
    border-radius: 50%;
    background: rgb(7 29 53 / 88%);
    text-align: center;
    transform: translateX(-50%);
    box-shadow: inset 0 0 2rem rgb(102 183 255 / 9%), 0 0 2.5rem rgb(0 0 0 / 22%);
}

.systems-orbit-core span[b-xxa4t9bg27],
.systems-orbit-core small[b-xxa4t9bg27] {
    color: #8ac7ff;
    font-size: .55rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.systems-orbit-core .systems-orbit-label[b-xxa4t9bg27] {
    display: block;
    line-height: 1.35;
}

.systems-orbit-core strong[b-xxa4t9bg27] {
    overflow: hidden;
    max-width: 7.5rem;
    margin-block: .2rem;
    color: white;
    font-size: 1.25rem;
    line-height: 1.1;
    text-overflow: ellipsis;
}

.systems-orbit-values[b-xxa4t9bg27] {
    position: relative;
    z-index: 2;
    display: flex;
    max-width: calc(100% - 2rem);
    flex-wrap: wrap;
    justify-content: center;
    gap: .35rem;
    align-self: flex-end;
    margin-bottom: 1.55rem;
    border: 1px solid rgb(138 199 255 / 18%);
    border-radius: 999px;
    background: rgb(4 18 35 / 82%);
    padding: .55rem .7rem;
    backdrop-filter: blur(8px);
}

.systems-orbit-values span[b-xxa4t9bg27] {
    display: inline-flex;
    min-width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(138 199 255 / 30%);
    border-radius: 50%;
    background: linear-gradient(145deg, #183e64, #0d2947);
    padding-inline: .42rem;
    color: #dff2ff;
    font-size: .7rem;
    font-weight: 900;
    box-shadow: 0 .35rem 1rem rgb(0 0 0 / 18%);
}

.systems-sample-heading[b-xxa4t9bg27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.15rem;
}

.systems-sample-heading span[b-xxa4t9bg27] {
    color: #a9ddff;
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.systems-sample-heading p[b-xxa4t9bg27] {
    margin-top: .25rem;
    color: rgb(255 255 255 / 60%);
    font-size: .68rem;
}

.systems-sample-heading i[b-xxa4t9bg27] { color: #9dd7ff; }

.systems-column-list[b-xxa4t9bg27] {
    display: grid;
    gap: .55rem;
    margin-top: .8rem;
}

.systems-column-list li[b-xxa4t9bg27] {
    min-width: 0;
    border: 1px solid rgb(194 228 251 / 17%);
    border-radius: .25rem;
    background: rgb(2 42 75 / 66%);
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.systems-column-list li:hover[b-xxa4t9bg27],
.systems-column-list li.is-selected[b-xxa4t9bg27] {
    border-color: #9dd7ff;
    background: rgb(31 118 181 / 50%);
    box-shadow: 0 .35rem 1rem rgb(0 28 52 / 16%);
    transform: translateY(-1px);
}

.systems-column-list button[b-xxa4t9bg27] {
    display: grid;
    width: 100%;
    min-width: 0;
    cursor: pointer;
    grid-template-columns: minmax(3rem, auto) minmax(0, 1fr) auto;
    align-items: center;
    gap: .6rem;
    border: 0;
    background: transparent;
    padding: .62rem .7rem;
    color: inherit;
    text-align: left;
}

.systems-column-index[b-xxa4t9bg27] {
    overflow: hidden;
    color: #a9ddff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .63rem;
    font-weight: 900;
    text-overflow: ellipsis;
}

.systems-column-values[b-xxa4t9bg27] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: .25rem;
}

.systems-number-chip[b-xxa4t9bg27] {
    display: inline-flex;
    min-width: 1.55rem;
    height: 1.55rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(176 221 255 / 25%);
    border-radius: 50%;
    background: rgb(255 255 255 / 8%);
    padding-inline: .35rem;
    color: white;
    font-size: .62rem;
    font-weight: 900;
}

.systems-column-list button > i[b-xxa4t9bg27] {
    color: #9dd7ff;
    font-size: .68rem;
}

.systems-more-columns[b-xxa4t9bg27] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-top: .75rem;
    border: 1px dashed rgb(176 221 255 / 28%);
    border-radius: .25rem;
    background: rgb(255 255 255 / 6%);
    padding: .75rem .85rem;
    color: rgb(255 255 255 / 68%);
}

.systems-more-columns > span[b-xxa4t9bg27] {
    color: #9dd7ff;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: .5;
}

.systems-more-columns p[b-xxa4t9bg27] {
    font-size: .72rem;
    line-height: 1.5;
}

.systems-more-columns strong[b-xxa4t9bg27] { color: white; }

.systems-histogram[b-xxa4t9bg27] {
    margin-top: 2rem;
    border: 1px solid #dbe4ee;
    background: white;
    padding: 1.35rem;
}

.systems-histogram > header[b-xxa4t9bg27] {
    display: grid;
    gap: .75rem;
}

.systems-histogram h3[b-xxa4t9bg27] {
    margin-top: .3rem;
    color: #06162b;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 900;
    letter-spacing: -.025em;
}

.systems-histogram > header > p[b-xxa4t9bg27] {
    max-width: 45rem;
    color: #64748b;
    font-size: .85rem;
    line-height: 1.6;
}

.systems-growth-proof[b-xxa4t9bg27] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
}

.systems-growth-proof span[b-xxa4t9bg27] {
    border: 1px solid #d3e4f2;
    background: #edf6ff;
    padding: .45rem .65rem;
    color: #315a7d;
    font-size: .72rem;
    line-height: 1.4;
}

.systems-growth-proof strong[b-xxa4t9bg27] {
    color: #004c8e;
    font-weight: 900;
}

.systems-histogram-scroll[b-xxa4t9bg27] {
    overflow-x: auto;
    margin-top: 1.5rem;
    padding-bottom: .35rem;
}

.systems-bars[b-xxa4t9bg27] {
    display: grid;
    min-width: 42rem;
    height: 16rem;
    grid-template-columns: repeat(8, minmax(4.25rem, 1fr));
    gap: .65rem;
    align-items: end;
    border-bottom: 1px solid #b9c9d8;
    padding: 1.75rem .5rem 0;
    background-image: linear-gradient(to top, rgb(148 163 184 / 12%) 1px, transparent 1px);
    background-size: 100% 25%;
}

.systems-bar-item[b-xxa4t9bg27] {
    display: grid;
    height: 100%;
    grid-template-rows: 1.25rem minmax(0, 1fr) 1.8rem;
    gap: .35rem;
    align-items: end;
    text-align: center;
}

.systems-bar-value[b-xxa4t9bg27] {
    overflow: hidden;
    color: #315a7d;
    font-size: .62rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.systems-bar-track[b-xxa4t9bg27] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: flex-end;
    background: #f1f5f9;
}

.systems-bar-fill[b-xxa4t9bg27] {
    width: 100%;
    height: var(--bar-height);
    min-height: .3rem;
    background: linear-gradient(180deg, #66b7ff, #176aa8);
    transform-origin: bottom;
}

.systems-bar-item strong[b-xxa4t9bg27] {
    align-self: center;
    color: #173a5e;
    font-size: .72rem;
    font-weight: 900;
}

.systems-empty-state[b-xxa4t9bg27] {
    display: flex;
    min-height: 18rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed #b9d5ee;
    padding: 2rem;
    text-align: center;
}

.systems-empty-state i[b-xxa4t9bg27] {
    color: #8ac7ff;
    font-size: 2rem;
}

.systems-empty-state h3[b-xxa4t9bg27],
.systems-empty-state h4[b-xxa4t9bg27] {
    margin-top: 1rem;
    color: #06162b;
    font-size: 1.2rem;
    font-weight: 850;
}

.systems-empty-state p[b-xxa4t9bg27] {
    margin-top: .45rem;
    color: #64748b;
}

.systems-check-grid[b-xxa4t9bg27] {
    display: grid;
    gap: .9rem;
    margin-top: 1.75rem;
}

.systems-check-grid article[b-xxa4t9bg27] {
    border: 1px solid #dbe4ee;
    background: white;
    padding: 1.25rem;
}

.systems-check-grid i[b-xxa4t9bg27] {
    display: inline-flex;
    width: 2.75rem;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    background: #edf6ff;
    color: #004c8e;
}

.systems-check-grid h3[b-xxa4t9bg27] {
    margin-top: .9rem;
    color: #06162b;
    font-size: 1rem;
    font-weight: 850;
}

.systems-check-grid p[b-xxa4t9bg27] {
    margin-top: .4rem;
    color: #64748b;
    font-size: .87rem;
    line-height: 1.55;
}

@media (min-width: 640px) {
    .systems-do-grid[b-xxa4t9bg27] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .systems-myth-grid[b-xxa4t9bg27] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .systems-certainty-grid[b-xxa4t9bg27] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .systems-term-grid[b-xxa4t9bg27] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .systems-term-grid article:last-child[b-xxa4t9bg27] {
        grid-column: 1 / -1;
    }

    .systems-growth[b-xxa4t9bg27] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: stretch;
    }

    .systems-integral-legend[b-xxa4t9bg27] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1.15fr);
        align-items: stretch;
    }

    .systems-integral-legend > i[b-xxa4t9bg27] {
        transform: none;
    }

    .systems-growth > i[b-xxa4t9bg27] {
        transform: none;
    }

    .systems-column-list[b-xxa4t9bg27] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .systems-cosmos-heading[b-xxa4t9bg27] {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
    }

    .systems-cosmos-total[b-xxa4t9bg27] {
        text-align: right;
    }

    .systems-check-grid[b-xxa4t9bg27] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    .systems-formula-row[b-xxa4t9bg27] {
        grid-template-columns: max-content minmax(0, 1fr);
    }

    .systems-inline-calculator-grid[b-xxa4t9bg27] {
        grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    }

    .systems-generator-layout[b-xxa4t9bg27] {
        grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.28fr);
    }

    .systems-histogram > header[b-xxa4t9bg27] {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, .8fr);
        align-items: end;
    }
}

@media (max-width: 899px) {
    .systems-bars[b-xxa4t9bg27] {
        min-width: 0;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .systems-bar-item:nth-child(3)[b-xxa4t9bg27],
    .systems-bar-item:nth-child(6)[b-xxa4t9bg27] {
        display: none;
    }
}

@media (max-width: 639px) {
    .systems-guide-section[b-xxa4t9bg27] {
        grid-template-columns: 3.5rem minmax(0, 1fr);
        gap: 1rem;
        padding-block: 2.25rem;
    }

    .systems-section-number[b-xxa4t9bg27] {
        font-size: 3.35rem;
    }

    .systems-result[b-xxa4t9bg27] {
        min-height: 14rem;
        padding: 1.1rem;
    }

    .systems-bars[b-xxa4t9bg27] {
        height: 14rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: .4rem;
        padding-inline: .25rem;
    }

    .systems-bars .systems-bar-item[b-xxa4t9bg27] {
        display: none;
    }

    .systems-bars .systems-bar-item:nth-child(1)[b-xxa4t9bg27],
    .systems-bars .systems-bar-item:nth-child(3)[b-xxa4t9bg27],
    .systems-bars .systems-bar-item:nth-child(6)[b-xxa4t9bg27],
    .systems-bars .systems-bar-item:nth-child(8)[b-xxa4t9bg27] {
        display: grid;
    }

    .systems-tool[b-xxa4t9bg27],
    .systems-inline-tool[b-xxa4t9bg27],
    .systems-integral-tool[b-xxa4t9bg27],
    .systems-histogram[b-xxa4t9bg27],
    .systems-generator-controls[b-xxa4t9bg27],
    .systems-columns-panel[b-xxa4t9bg27] {
        padding: 1rem;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .systems-reveal[b-xxa4t9bg27] {
        opacity: 0;
        animation: systems-reveal-b-xxa4t9bg27 .8s cubic-bezier(.16, 1, .3, 1) forwards;
    }

    .systems-reveal--2[b-xxa4t9bg27] {
        animation-delay: .14s;
    }

    .systems-bar-fill[b-xxa4t9bg27] {
        animation: systems-bar-rise-b-xxa4t9bg27 .7s cubic-bezier(.16, 1, .3, 1) both;
    }

    .systems-orbit-ring--outer[b-xxa4t9bg27] {
        animation: systems-orbit-spin-b-xxa4t9bg27 18s linear infinite;
    }

    .systems-orbit-ring--inner[b-xxa4t9bg27] {
        animation: systems-orbit-spin-reverse-b-xxa4t9bg27 13s linear infinite;
    }

    .systems-orbit-star[b-xxa4t9bg27] {
        animation: systems-star-pulse-b-xxa4t9bg27 2.8s ease-in-out infinite;
    }

    .systems-orbit-values span[b-xxa4t9bg27] {
        animation: systems-value-arrive-b-xxa4t9bg27 .45s cubic-bezier(.16, 1, .3, 1) both;
    }
}

@supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
        .systems-term-grid article[b-xxa4t9bg27],
        .systems-check-grid article[b-xxa4t9bg27] {
            animation: systems-card-reveal-b-xxa4t9bg27 linear both;
            animation-timeline: view();
            animation-range: entry 8% cover 30%;
        }
    }
}

@keyframes systems-reveal-b-xxa4t9bg27 {
    from { opacity: 0; transform: translateY(1rem); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes systems-orbit-spin-b-xxa4t9bg27 {
    from { transform: rotate(-18deg) scaleY(.7); }
    to { transform: rotate(342deg) scaleY(.7); }
}

@keyframes systems-orbit-spin-reverse-b-xxa4t9bg27 {
    from { transform: rotate(26deg) scaleY(.72); }
    to { transform: rotate(-334deg) scaleY(.72); }
}

@keyframes systems-star-pulse-b-xxa4t9bg27 {
    0%, 100% { opacity: .35; transform: scale(.8); }
    50% { opacity: 1; transform: scale(1.4); }
}

@keyframes systems-value-arrive-b-xxa4t9bg27 {
    from { opacity: 0; transform: translateY(.5rem) scale(.85); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes systems-card-reveal-b-xxa4t9bg27 {
    from { opacity: .25; transform: translateY(.75rem); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes systems-bar-rise-b-xxa4t9bg27 {
    from { transform: scaleY(0); }
    to { transform: scaleY(1); }
}
/* /Components/Pages/SystemsGuide.razor.rz.scp.css */
.guide-index-page[b-q2y8eucjku] {
    min-height: 100vh;
    overflow-x: clip;
    background: #f4f8fc;
    color: #06162b;
}

.guide-index-shell[b-q2y8eucjku] {
    width: min(100% - 2.5rem, 90rem);
    margin-inline: auto;
}

.guide-index-hero[b-q2y8eucjku] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(125deg, #06162b 0%, #073760 58%, #075f9d 100%);
    color: #fff;
}

.guide-index-grid[b-q2y8eucjku] {
    position: absolute;
    inset: 0;
    opacity: .13;
    background-image: linear-gradient(rgb(138 199 255 / 44%) 1px, transparent 1px), linear-gradient(90deg, rgb(138 199 255 / 44%) 1px, transparent 1px);
    background-size: 5rem 5rem;
}

.guide-index-orbit[b-q2y8eucjku] {
    position: absolute;
    right: -12rem;
    top: -18rem;
    width: 42rem;
    height: 42rem;
    border: 1px solid rgb(138 199 255 / 18%);
    border-radius: 50%;
}

.guide-index-orbit--two[b-q2y8eucjku] { right: -4rem; top: -12rem; width: 29rem; height: 29rem; }

.guide-index-hero__inner[b-q2y8eucjku] { position: relative; padding-block: clamp(4rem, 8vw, 7.5rem); }
.guide-index-eyebrow[b-q2y8eucjku] { margin: 0; color: #8ac7ff; font-size: .75rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.guide-index-eyebrow i[b-q2y8eucjku] { margin-right: .45rem; font-size: 1rem; }
.guide-index-hero h1[b-q2y8eucjku] { max-width: 70rem; margin: 1.4rem 0 0; font-size: clamp(3rem, 7vw, 6.8rem); font-weight: 900; letter-spacing: -.055em; line-height: .94; }
.guide-index-hero h1 em[b-q2y8eucjku] { color: #66b7ff; font-style: normal; }
.guide-index-lead[b-q2y8eucjku] { max-width: 55rem; margin: 2rem 0 0; color: rgb(255 255 255 / 72%); font-size: clamp(1.05rem, 1.8vw, 1.28rem); line-height: 1.75; }

.guide-index-route[b-q2y8eucjku] { display: flex; align-items: center; gap: 1.2rem; width: fit-content; margin-top: 2.2rem; padding: 1rem 1.2rem; border: 1px solid rgb(138 199 255 / 24%); background: rgb(2 25 47 / 52%); }
.guide-index-route span[b-q2y8eucjku] { color: rgb(255 255 255 / 72%); }
.guide-index-route strong[b-q2y8eucjku] { margin-right: .4rem; color: #8ac7ff; }
.guide-index-route i[b-q2y8eucjku] { color: #66b7ff; }

.guide-index-content[b-q2y8eucjku] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); align-items: stretch; padding-block: clamp(1.25rem, 2vw, 2rem) 0; }
.guide-index-group[b-q2y8eucjku] { position: relative; isolation: isolate; padding: clamp(1.5rem, 3vw, 2.4rem); border-top: 4px solid #2788c5; background: linear-gradient(180deg, #eef7fd 0%, #e8f3fb 100%); }
.guide-index-group + .guide-index-group[b-q2y8eucjku] { margin-top: 0; }
.guide-index-group--analysis[b-q2y8eucjku] { border-top-color: #0d639c; background: linear-gradient(180deg, #e5f0f9 0%, #dfeaf5 100%); }
.guide-index-group__heading[b-q2y8eucjku] { display: block; min-height: clamp(11.5rem, 15vw, 13rem); margin-bottom: 1rem; }
.guide-index-group__heading span[b-q2y8eucjku] { color: #1475b6; font-size: .7rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.guide-index-group__heading h2[b-q2y8eucjku] { margin: .55rem 0 0; font-size: clamp(2.35rem, 4vw, 3.6rem); font-weight: 950; letter-spacing: -.025em; line-height: .96; }
.guide-index-group__heading p[b-q2y8eucjku] { max-width: 35rem; margin: 1.25rem 0 0; color: #4f6c83; font-size: 1rem; line-height: 1.68; }
.guide-index-group--analysis .guide-index-group__heading span[b-q2y8eucjku] { color: #0d639c; }

.guide-index-cards[b-q2y8eucjku] { display: grid; }
.guide-index-card[b-q2y8eucjku] { position: relative; isolation: isolate; display: grid; grid-template-columns: clamp(3.6rem, 5vw, 4.6rem) minmax(0, 1fr) auto; gap: clamp(.85rem, 1.5vw, 1.25rem); align-items: center; min-height: clamp(8.4rem, 10vw, 9.5rem); overflow: hidden; padding: 1.2rem .65rem 1.2rem 0; border: 0; border-top: 1px solid #c0d5e4; background: transparent; color: inherit; text-decoration: none; transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
.guide-index-card:last-child[b-q2y8eucjku] { border-bottom: 1px solid #c8d9e7; }
.guide-index-card[b-q2y8eucjku]::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(239 139 44 / 12%), rgb(255 255 255 / 72%) 62%, transparent); content: ""; transform: scaleX(0); transform-origin: left center; transition: transform .42s cubic-bezier(.2, .8, .2, 1); }
.guide-index-card:hover[b-q2y8eucjku], .guide-index-card:focus-visible[b-q2y8eucjku] { outline: none; transform: translateX(.3rem); }
.guide-index-card:hover[b-q2y8eucjku]::before, .guide-index-card:focus-visible[b-q2y8eucjku]::before { transform: scaleX(1); }
.guide-index-card__number[b-q2y8eucjku] { color: #b6cfdf; font-size: clamp(2.45rem, 3.5vw, 3.35rem); font-weight: 950; letter-spacing: -.065em; line-height: .8; text-align: center; transition: color .25s ease, transform .28s cubic-bezier(.2, .8, .2, 1); }
.guide-index-card.is-featured .guide-index-card__number[b-q2y8eucjku] { color: #66b7e8; }
.guide-index-card__copy strong[b-q2y8eucjku] { display: block; font-size: clamp(1.2rem, 1.8vw, 1.45rem); font-weight: 950; letter-spacing: -.02em; line-height: 1.14; }
.guide-index-card__copy small[b-q2y8eucjku] { display: block; margin-top: .55rem; color: #547088; font-size: .92rem; line-height: 1.58; }
.guide-index-card > i[b-q2y8eucjku] { color: #1779ba; font-size: 1.05rem; transition: color .25s ease, transform .28s cubic-bezier(.2, .8, .2, 1); }
.guide-index-card:hover .guide-index-card__number[b-q2y8eucjku], .guide-index-card:focus-visible .guide-index-card__number[b-q2y8eucjku] { color: #ef8b2c; transform: scale(1.08); }
.guide-index-card:hover > i[b-q2y8eucjku], .guide-index-card:focus-visible > i[b-q2y8eucjku] { color: #ef8b2c; transform: translateX(.4rem); }
.guide-index-group--analysis .guide-index-card[b-q2y8eucjku] { border-color: #b8cedf; }
.guide-index-group--analysis .guide-index-card[b-q2y8eucjku]::before { background: linear-gradient(90deg, rgb(239 139 44 / 13%), rgb(255 255 255 / 48%) 64%, transparent); }
.guide-index-group--analysis .guide-index-card__number[b-q2y8eucjku] { color: #a9c4d7; }
.guide-index-group--analysis .guide-index-card > i[b-q2y8eucjku] { color: #0d639c; }

.guide-book[b-q2y8eucjku] { position: relative; isolation: isolate; overflow: hidden; width: 100%; margin-top: clamp(1.25rem, 2vw, 2rem); border-top: 4px solid #ef8b2c; border-bottom: 1px solid #164e78; background: radial-gradient(circle at 4% 4%, rgb(45 140 205 / 24%), transparent 32%), linear-gradient(135deg, #031a31 0%, #062b4b 100%); color: #fff; }
.guide-book[b-q2y8eucjku]::before { position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgb(138 199 255 / 5%) 1px, transparent 1px), linear-gradient(90deg, rgb(138 199 255 / 5%) 1px, transparent 1px); background-size: 4rem 4rem; content: ""; mask-image: linear-gradient(90deg, #000, transparent 72%); }
.guide-book[b-q2y8eucjku]::after { position: absolute; z-index: -1; right: -9rem; bottom: -13rem; width: 28rem; height: 28rem; border: 1px solid rgb(138 199 255 / 12%); border-radius: 50%; box-shadow: 0 0 0 5rem rgb(138 199 255 / 3.5%), 0 0 0 10rem rgb(138 199 255 / 2.5%); content: ""; }
.guide-book__inner[b-q2y8eucjku] { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(22rem, .88fr); gap: clamp(2rem, 5vw, 5rem); padding-block: clamp(2.5rem, 6vw, 5rem); }
.guide-book__intro[b-q2y8eucjku], .guide-book__details[b-q2y8eucjku] { position: relative; }
.guide-book__eyebrow[b-q2y8eucjku], .guide-book__overline[b-q2y8eucjku] { margin: 0; color: #8ac7ff; font-size: .68rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.guide-book h2[b-q2y8eucjku] { max-width: 42rem; margin: .8rem 0 0; font-size: clamp(2.35rem, 4.3vw, 4.25rem); font-weight: 950; letter-spacing: -.025em; line-height: .96; }
.guide-book h2 span[b-q2y8eucjku] { color: #7dc4fb; }
.guide-book__lead[b-q2y8eucjku] { max-width: 46rem; margin: 1.5rem 0 0; color: rgb(255 255 255 / 76%); font-size: 1.05rem; line-height: 1.75; }
.guide-book__lead strong[b-q2y8eucjku] { color: #fff; }
.guide-book__reasons[b-q2y8eucjku] { display: grid; gap: .85rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.guide-book__reasons li[b-q2y8eucjku] { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: .85rem; align-items: start; padding-top: .85rem; border-top: 1px solid rgb(138 199 255 / 16%); }
.guide-book__reasons li > span[b-q2y8eucjku] { color: #ef9b4c; font-size: .72rem; font-weight: 900; letter-spacing: .12em; }
.guide-book__reasons p[b-q2y8eucjku] { margin: 0; color: rgb(255 255 255 / 68%); line-height: 1.55; }
.guide-book__reasons strong[b-q2y8eucjku] { color: #fff; }
.guide-book__details[b-q2y8eucjku] { align-self: center; padding: clamp(1.5rem, 3vw, 2.3rem); border: 1px solid rgb(138 199 255 / 24%); background: rgb(2 20 38 / 70%); box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 22%); backdrop-filter: blur(4px); }
.guide-book__details h3[b-q2y8eucjku] { margin: .6rem 0 0; color: #fff; font-size: clamp(1.65rem, 3vw, 2.35rem); font-weight: 950; letter-spacing: -.025em; line-height: 1.04; }
.guide-book__details > p:not(.guide-book__overline)[b-q2y8eucjku] { margin: 1rem 0 0; color: rgb(255 255 255 / 68%); line-height: 1.65; }
.guide-book__numbers[b-q2y8eucjku] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: 1.5rem; }
.guide-book__numbers span[b-q2y8eucjku] { padding: 1rem; border: 1px solid rgb(138 199 255 / 18%); background: rgb(138 199 255 / 7%); }
.guide-book__numbers strong[b-q2y8eucjku], .guide-book__numbers small[b-q2y8eucjku] { display: block; }
.guide-book__numbers strong[b-q2y8eucjku] { color: #fff; font-size: 2rem; letter-spacing: -.05em; line-height: 1; }
.guide-book__numbers small[b-q2y8eucjku] { margin-top: .35rem; color: #8ac7ff; font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.guide-book__formats[b-q2y8eucjku] { display: grid; gap: .5rem; margin-top: 1.2rem; }
.guide-book__formats span[b-q2y8eucjku] { display: flex; align-items: center; gap: .65rem; color: rgb(255 255 255 / 82%); font-size: .9rem; }
.guide-book__formats i[b-q2y8eucjku] { width: 1rem; color: #ef9b4c; text-align: center; }
.guide-book__details > a[b-q2y8eucjku] { position: relative; display: inline-flex; min-height: 3.35rem; align-items: center; justify-content: center; gap: .65rem; overflow: hidden; margin-top: 1.6rem; padding: .9rem 1.25rem; background: #ef8b2c; color: #071e34; font-weight: 900; text-decoration: none; box-shadow: 0 .35rem .8rem rgb(0 0 0 / 16%); transition: background .25s ease, box-shadow .25s ease, transform .25s cubic-bezier(.2, .8, .2, 1); }
.guide-book__details > a[b-q2y8eucjku]::before { position: absolute; inset: 0; background: linear-gradient(110deg, transparent 20%, rgb(255 255 255 / 42%) 48%, transparent 76%); content: ""; pointer-events: none; transform: translateX(-145%) skewX(-16deg); transition: transform .6s cubic-bezier(.2, .8, .2, 1); }
.guide-book__details > a i[b-q2y8eucjku] { transition: transform .25s cubic-bezier(.2, .8, .2, 1); }
.guide-book__details > a:hover[b-q2y8eucjku], .guide-book__details > a:focus-visible[b-q2y8eucjku] { background: #ffad61; box-shadow: 0 1rem 2rem rgb(0 0 0 / 30%), 0 .2rem 1rem rgb(239 139 44 / 36%); outline: none; transform: translateY(-4px) scale(1.015); }
.guide-book__details > a:hover[b-q2y8eucjku]::before, .guide-book__details > a:focus-visible[b-q2y8eucjku]::before { transform: translateX(145%) skewX(-16deg); }
.guide-book__details > a:hover i[b-q2y8eucjku], .guide-book__details > a:focus-visible i[b-q2y8eucjku] { transform: translate(.2rem, -.2rem); }
.guide-book__details > a:active[b-q2y8eucjku] { box-shadow: 0 .35rem .8rem rgb(0 0 0 / 20%); transform: translateY(0) scale(.985); }
.guide-book__edition[b-q2y8eucjku] { display: block; margin-top: 1rem; color: rgb(255 255 255 / 48%); font-size: .72rem; }

@media (prefers-reduced-motion: no-preference) {
    .guide-index-grid[b-q2y8eucjku] { animation: guide-grid-drift-b-q2y8eucjku 30s linear infinite; }
    .guide-index-orbit--one[b-q2y8eucjku] { animation: guide-orbit-b-q2y8eucjku 22s linear infinite; }
    .guide-index-orbit--two[b-q2y8eucjku] { animation: guide-orbit-b-q2y8eucjku 17s linear infinite reverse; }
}

@media (prefers-reduced-motion: reduce) {
    .guide-index-card[b-q2y8eucjku],
    .guide-index-card[b-q2y8eucjku]::before,
    .guide-index-card__number[b-q2y8eucjku],
    .guide-index-card > i[b-q2y8eucjku],
    .guide-book__details > a[b-q2y8eucjku],
    .guide-book__details > a[b-q2y8eucjku]::before,
    .guide-book__details > a i[b-q2y8eucjku] { transition: none; }
    .guide-index-card:hover[b-q2y8eucjku],
    .guide-index-card:focus-visible[b-q2y8eucjku],
    .guide-index-card:hover .guide-index-card__number[b-q2y8eucjku],
    .guide-index-card:focus-visible .guide-index-card__number[b-q2y8eucjku],
    .guide-index-card:hover > i[b-q2y8eucjku],
    .guide-index-card:focus-visible > i[b-q2y8eucjku],
    .guide-book__details > a:hover[b-q2y8eucjku],
    .guide-book__details > a:focus-visible[b-q2y8eucjku],
    .guide-book__details > a:hover i[b-q2y8eucjku],
    .guide-book__details > a:focus-visible i[b-q2y8eucjku] { transform: none; }
    .guide-book__details > a:hover[b-q2y8eucjku]::before,
    .guide-book__details > a:focus-visible[b-q2y8eucjku]::before { transform: translateX(-145%) skewX(-16deg); }
}

@keyframes guide-grid-drift-b-q2y8eucjku { to { background-position: 5rem 5rem; } }
@keyframes guide-orbit-b-q2y8eucjku { to { transform: rotate(360deg); } }

@media (max-width: 1100px) {
    .guide-index-content[b-q2y8eucjku] { grid-template-columns: 1fr; gap: 2rem; }
    .guide-index-group__heading[b-q2y8eucjku] { min-height: 0; margin-bottom: 2rem; }
    .guide-index-card[b-q2y8eucjku] { grid-template-columns: clamp(4.2rem, 8vw, 6.5rem) minmax(0, 1fr) auto; }
    .guide-index-card__number[b-q2y8eucjku] { font-size: clamp(2.65rem, 5vw, 4rem); }
}

@media (max-width: 800px) {
    .guide-book__inner[b-q2y8eucjku] { grid-template-columns: 1fr; }
    .guide-book__inner[b-q2y8eucjku] { gap: 2.5rem; }
}

@media (max-width: 520px) {
    .guide-index-shell[b-q2y8eucjku] { width: min(100% - 1.5rem, 90rem); }
    .guide-index-route[b-q2y8eucjku] { align-items: flex-start; flex-direction: column; }
    .guide-index-route i[b-q2y8eucjku] { transform: rotate(90deg); }
    .guide-index-card[b-q2y8eucjku] { grid-template-columns: 3.25rem minmax(0, 1fr) auto; gap: .85rem; min-height: 8rem; padding: 1.15rem .35rem 1.15rem 0; }
    .guide-index-card__number[b-q2y8eucjku] { font-size: 2.15rem; }
    .guide-index-card__copy strong[b-q2y8eucjku] { font-size: 1.2rem; }
    .guide-index-card__copy small[b-q2y8eucjku] { font-size: .9rem; }
    .guide-book__inner[b-q2y8eucjku] { padding-block: 2rem; }
    .guide-book__numbers[b-q2y8eucjku] { grid-template-columns: 1fr; }
    .guide-book__details > a[b-q2y8eucjku] { width: 100%; }
}
/* /Components/Pages/Terms.razor.rz.scp.css */
.terms-page[b-g9o46rbrgl] {
    background-image:
        radial-gradient(circle at 8% 2%, rgb(0 76 142 / 0.045), transparent 26rem),
        radial-gradient(circle at 92% 18%, rgb(35 136 255 / 0.035), transparent 30rem);
}

.terms-reveal[b-g9o46rbrgl],
.terms-panel[b-g9o46rbrgl] {
    opacity: 0;
    transform: translateY(18px);
    animation: terms-enter-b-g9o46rbrgl 820ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.terms-reveal--1[b-g9o46rbrgl] {
    animation-delay: 40ms;
}

.terms-reveal--2[b-g9o46rbrgl] {
    animation-delay: 100ms;
}

.terms-reveal--3[b-g9o46rbrgl] {
    animation-delay: 160ms;
}

.terms-reveal--4[b-g9o46rbrgl] {
    animation-delay: 220ms;
}

.terms-panel[b-g9o46rbrgl] {
    position: relative;
    overflow: hidden;
    animation-delay: 280ms;
    box-shadow: 0 24px 70px -52px rgb(6 22 43 / 0.45);
}

.terms-panel[b-g9o46rbrgl]::before {
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(5rem, 18%, 11rem);
    height: 2px;
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, transparent, #2388ff, transparent);
    opacity: 0;
    transform: translateX(-160%);
    animation: terms-glint-b-g9o46rbrgl 6s ease-in-out 1.2s infinite;
}

.terms-summary[b-g9o46rbrgl] {
    transition:
        border-color 220ms ease,
        background-color 220ms ease,
        transform 220ms ease;
}

.terms-summary:hover[b-g9o46rbrgl] {
    border-left-color: #2388ff;
    background-color: rgb(248 250 252 / 0.72);
    transform: translateY(-1px);
}

.terms-index a[b-g9o46rbrgl] {
    display: inline-block;
    transition:
        color 180ms ease,
        transform 180ms ease;
}

.terms-index a:hover[b-g9o46rbrgl] {
    color: #2388ff;
    transform: translateX(2px);
}

@keyframes terms-enter-b-g9o46rbrgl {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes terms-glint-b-g9o46rbrgl {
    0%, 18% {
        opacity: 0;
        transform: translateX(-160%);
    }

    28%, 70% {
        opacity: 0.8;
    }

    82%, 100% {
        opacity: 0;
        transform: translateX(650%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .terms-reveal[b-g9o46rbrgl],
    .terms-panel[b-g9o46rbrgl],
    .terms-panel[b-g9o46rbrgl]::before {
        opacity: 1;
        transform: none;
        animation: none;
    }

    .terms-summary[b-g9o46rbrgl],
    .terms-index a[b-g9o46rbrgl] {
        transition: none;
    }
}
/* /Components/Shared/CookieConsentPanel.razor.rz.scp.css */
.cookie-consent-overlay[b-r0ithn0xdl] {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding: .5rem .65rem;
    background: rgb(2 6 23 / 58%);
    backdrop-filter: blur(4px);
    animation: cookie-overlay-in-b-r0ithn0xdl 180ms ease-out both;
}

.cookie-consent-sheet[b-r0ithn0xdl] {
    display: grid;
    width: min(100%, 36rem);
    max-height: calc(100dvh - 1rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgb(226 232 240);
    border-radius: var(--lottify-radius-panel, 6px);
    background: white;
    box-shadow: 0 -18px 55px rgb(2 6 23 / 24%);
    animation: cookie-sheet-in-b-r0ithn0xdl 260ms cubic-bezier(.22, 1, .36, 1) both;
    transition: width 260ms cubic-bezier(.22, 1, .36, 1);
}

.cookie-consent-sheet--details[b-r0ithn0xdl] { width: min(100%, 42rem); }

.cookie-consent-sheet--details .cookie-consent-main[b-r0ithn0xdl] {
    animation: cookie-details-in-b-r0ithn0xdl 260ms cubic-bezier(.22, 1, .36, 1) both;
}

.cookie-consent-intro[b-r0ithn0xdl] {
    position: relative;
    isolation: isolate;
    display: none;
    min-height: 100%;
    overflow: hidden;
    padding: 2rem;
    background:
        radial-gradient(circle at 8% 12%, rgb(0 76 142 / 22%), transparent 30%),
        linear-gradient(145deg, #06162b 0%, #020617 75%);
    color: white;
}

.cookie-consent-intro[b-r0ithn0xdl]::before,
.cookie-consent-intro[b-r0ithn0xdl]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgb(102 183 255 / 10%);
    background: rgb(0 76 142 / 7%);
    content: "";
}

.cookie-consent-intro[b-r0ithn0xdl]::before {
    top: 7rem;
    right: -1.5rem;
    width: 8rem;
    height: 3rem;
}

.cookie-consent-intro[b-r0ithn0xdl]::after {
    bottom: 2.5rem;
    left: 2rem;
    width: 6rem;
    height: 2.6rem;
}

.cookie-consent-intro__glow[b-r0ithn0xdl] {
    position: absolute;
    inset: -30% -55%;
    z-index: -1;
    background: linear-gradient(110deg, transparent 38%, rgb(102 183 255 / 7%) 48%, transparent 58%);
    transform: translateX(-30%);
    animation: cookie-hero-glow-b-r0ithn0xdl 8s ease-in-out infinite;
}

.cookie-consent-intro__badge[b-r0ithn0xdl] {
    display: inline-flex;
    width: fit-content;
    border: 1px solid rgb(255 255 255 / 14%);
    border-radius: 999px;
    padding: .45rem .8rem;
    background: rgb(255 255 255 / 7%);
    color: rgb(255 255 255 / 76%);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.cookie-consent-intro__title[b-r0ithn0xdl] {
    margin-top: 1.65rem;
    font-size: clamp(2.8rem, 4.4vw, 4.2rem);
    font-weight: 950;
    letter-spacing: -.06em;
    line-height: .9;
}

.cookie-consent-intro__highlight[b-r0ithn0xdl] {
    margin-top: 1rem;
    color: rgb(255 255 255 / 88%);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.35;
}

.cookie-consent-intro__copy[b-r0ithn0xdl] {
    margin-top: .9rem;
    color: rgb(255 255 255 / 72%);
    font-size: .82rem;
    line-height: 1.7;
}

.cookie-consent-main[b-r0ithn0xdl] { padding: 1.25rem; }
.cookie-consent-header[b-r0ithn0xdl] { position: relative; }

.cookie-consent-eyebrow[b-r0ithn0xdl] {
    color: #526987;
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.cookie-consent-title[b-r0ithn0xdl] {
    margin-top: .35rem;
    color: #020617;
    font-size: clamp(1.65rem, 4vw, 2.25rem);
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: 1;
}

.cookie-consent-description[b-r0ithn0xdl] {
    max-width: 40rem;
    margin-top: .65rem;
    color: #52627a;
    font-size: .86rem;
    line-height: 1.55;
}

.cookie-consent-close[b-r0ithn0xdl] {
    position: absolute;
    top: -.25rem;
    right: -.25rem;
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border: 1px solid rgb(203 213 225);
    border-radius: 999px;
    background: white;
    color: #52627a;
    font-size: 1rem;
    transition: border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.cookie-consent-close:hover[b-r0ithn0xdl] {
    border-color: rgb(0 76 142 / 45%);
    color: #004c8e;
    transform: rotate(4deg);
}

.cookie-consent-close:focus-visible[b-r0ithn0xdl],
.cookie-action-equal:focus-visible[b-r0ithn0xdl],
.cookie-customize-action:focus-visible[b-r0ithn0xdl],
.cookie-back-action:focus-visible[b-r0ithn0xdl],
.cookie-action-save:focus-visible[b-r0ithn0xdl],
.cookie-action-secondary:focus-visible[b-r0ithn0xdl],
.cookie-settings-button:focus-visible[b-r0ithn0xdl] {
    outline: 2px solid #0065a8;
    outline-offset: 2px;
}

.cookie-quick-summary[b-r0ithn0xdl] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    margin-top: 1.15rem;
    border: 1px solid rgb(226 232 240);
    border-radius: var(--lottify-radius-panel, 6px);
    padding: .75rem .85rem;
    background: rgb(248 250 252);
}

.cookie-quick-summary__icon[b-r0ithn0xdl] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: var(--lottify-radius-panel, 6px);
    background: rgb(0 76 142 / 9%);
    color: #0065a8;
    font-size: 1.05rem;
}

.cookie-quick-summary strong[b-r0ithn0xdl] {
    display: block;
    color: #0f172a;
    font-size: .84rem;
    font-weight: 900;
}

.cookie-quick-summary small[b-r0ithn0xdl] {
    display: block;
    margin-top: .12rem;
    color: #64748b;
    font-size: .72rem;
    line-height: 1.4;
}

.cookie-quick-actions[b-r0ithn0xdl] {
    display: grid;
    gap: .6rem;
    margin-top: 1rem;
}

.cookie-action-equal[b-r0ithn0xdl],
.cookie-action-save[b-r0ithn0xdl],
.cookie-action-secondary[b-r0ithn0xdl] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border-radius: var(--lottify-radius-control, 4px);
    padding: .65rem .9rem;
    font-size: .82rem;
    font-weight: 850;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.cookie-action-equal[b-r0ithn0xdl] {
    border: 1px solid rgb(148 163 184);
    background: white;
    color: #0f172a;
}

.cookie-action-equal:hover[b-r0ithn0xdl] {
    border-color: #0065a8;
    background: rgb(248 250 252);
    color: #004c8e;
    transform: translateY(-1px);
}

.cookie-customize-action[b-r0ithn0xdl] {
    display: inline-flex;
    width: 100%;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    margin: .65rem auto 0;
    border: 1px solid #004c8e;
    border-radius: var(--lottify-radius-control, 4px);
    background: #004c8e;
    color: white;
    font-size: .82rem;
    font-weight: 850;
    transition: background-color 160ms ease, transform 160ms ease;
}

.cookie-customize-action:hover[b-r0ithn0xdl] {
    background: #073b6d;
    transform: translateY(-1px);
}

.cookie-close-explainer[b-r0ithn0xdl] {
    margin-top: .65rem;
    color: #64748b;
    font-size: .7rem;
    line-height: 1.45;
    text-align: center;
}

.cookie-back-action[b-r0ithn0xdl] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .8rem;
    color: #526987;
    font-size: .72rem;
    font-weight: 800;
}

.cookie-back-action:hover[b-r0ithn0xdl] { color: #004c8e; text-decoration: underline; }

.cookie-consent-categories[b-r0ithn0xdl] {
    display: grid;
    gap: .6rem;
    margin-top: .8rem;
}

.cookie-preference-card[b-r0ithn0xdl] {
    position: relative;
    display: grid;
    grid-template-columns: 2.7rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    overflow: hidden;
    min-height: 4.4rem;
    border: 1px solid rgb(226 232 240);
    border-radius: var(--lottify-radius-panel, 6px);
    padding: .7rem .85rem;
    background: white;
    transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.cookie-preference-card[b-r0ithn0xdl]::before {
    position: absolute;
    inset: .65rem auto .65rem 0;
    width: .18rem;
    border-radius: 999px;
    background: #0065a8;
    content: "";
    opacity: 0;
    transform: scaleY(.3);
    transition: opacity 180ms ease, transform 220ms ease;
}

.cookie-preference-card--enabled[b-r0ithn0xdl] {
    border-color: rgb(0 101 168 / 30%);
    background: rgb(0 76 142 / 3%);
    box-shadow: 0 6px 18px rgb(0 76 142 / 5%);
}

.cookie-preference-card--enabled[b-r0ithn0xdl]::before,
.cookie-preference-card--required[b-r0ithn0xdl]::before {
    opacity: 1;
    transform: scaleY(1);
}

.cookie-preference-card--required[b-r0ithn0xdl] { background: rgb(248 250 252); }

.cookie-preference-card__icon[b-r0ithn0xdl] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    border-radius: var(--lottify-radius-panel, 6px);
    background: rgb(0 76 142 / 8%);
    color: #0065a8;
    font-size: 1.05rem;
    transition: background-color 180ms ease, color 180ms ease;
}

.cookie-preference-card--enabled .cookie-preference-card__icon[b-r0ithn0xdl] {
    background: #005b9d;
    color: white;
}

.cookie-preference-card__description[b-r0ithn0xdl] {
    margin-top: .1rem;
    color: #64748b;
    font-size: .72rem;
    line-height: 1.4;
}

.cookie-required-label[b-r0ithn0xdl] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #64748b;
    font-size: .68rem;
    line-height: 1.3;
}

.cookie-required-label strong[b-r0ithn0xdl] { color: #526987; }
.cookie-required-label small[b-r0ithn0xdl] { font-size: .62rem; }

.cookie-consent-disclosure[b-r0ithn0xdl] {
    margin-top: .75rem;
    border: 1px solid rgb(203 213 225);
    border-radius: var(--lottify-radius-panel, 6px);
    padding: .7rem .85rem;
    background: rgb(248 250 252);
    color: #52627a;
    font-size: .72rem;
}

.cookie-consent-disclosure summary[b-r0ithn0xdl] {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: .45rem;
    color: #073b6d;
    font-weight: 850;
    list-style: none;
}

.cookie-consent-disclosure summary[b-r0ithn0xdl]::-webkit-details-marker { display: none; }
.cookie-consent-disclosure p[b-r0ithn0xdl] { margin-top: .55rem; line-height: 1.55; }

.cookie-consent-actions[b-r0ithn0xdl] {
    display: grid;
    gap: .55rem;
    margin-top: .85rem;
}

.cookie-action-save[b-r0ithn0xdl] {
    border: 1px solid #004c8e;
    background: #004c8e;
    color: white;
}

.cookie-action-save:hover[b-r0ithn0xdl] { background: #073b6d; transform: translateY(-1px); }

.cookie-action-secondary[b-r0ithn0xdl] {
    border: 1px solid rgb(148 163 184);
    background: white;
    color: #0f172a;
}

.cookie-action-secondary:hover[b-r0ithn0xdl] {
    border-color: #0065a8;
    color: #004c8e;
}

.cookie-consent-error[b-r0ithn0xdl] {
    margin-top: .75rem;
    border-radius: var(--lottify-radius-panel, 6px);
    padding: .55rem .7rem;
    background: rgb(254 242 242);
    color: #b91c1c;
    font-size: .75rem;
    font-weight: 700;
}

.cookie-consent-footer[b-r0ithn0xdl] {
    margin-top: .85rem;
    border-top: 1px solid rgb(226 232 240);
    padding-top: .65rem;
    color: #64748b;
    font-size: .68rem;
    line-height: 1.55;
    text-align: center;
}

.cookie-consent-footer a[b-r0ithn0xdl] {
    color: #334155;
    font-weight: 800;
}

.cookie-consent-footer a:hover[b-r0ithn0xdl] { color: #004c8e; text-decoration: underline; }

.cookie-settings-button[b-r0ithn0xdl] {
    position: fixed;
    bottom: .75rem;
    left: .75rem;
    z-index: 40;
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: .45rem;
    border: 1px solid rgb(203 213 225);
    border-radius: var(--lottify-radius-control, 4px);
    padding: .55rem .8rem;
    background: rgb(255 255 255 / 94%);
    color: #0a1b2e;
    box-shadow: 0 8px 24px rgb(2 6 23 / 14%);
    font-size: .75rem;
    font-weight: 800;
    backdrop-filter: blur(8px);
    transition: transform 160ms ease, border-color 160ms ease, color 160ms ease;
}

.cookie-settings-button:hover[b-r0ithn0xdl] {
    transform: translateY(-2px);
    border-color: rgb(0 76 142 / 45%);
    color: #004c8e;
}

@media (min-width: 640px) {
    .cookie-consent-overlay[b-r0ithn0xdl] { align-items: center; padding: 1rem; }

    .cookie-consent-sheet[b-r0ithn0xdl] {
        max-height: calc(100dvh - 2rem);
        border-bottom: 1px solid rgb(226 232 240);
        border-radius: var(--lottify-radius-panel, 6px);
        box-shadow: 0 24px 80px rgb(2 6 23 / 30%);
    }

    .cookie-consent-main[b-r0ithn0xdl] { padding: 1.6rem 1.75rem 1.1rem; }
    .cookie-quick-actions[b-r0ithn0xdl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cookie-consent-actions[b-r0ithn0xdl] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cookie-settings-button[b-r0ithn0xdl] { bottom: 1rem; left: 1rem; }
}

@media (min-width: 1200px) {
    .cookie-consent-sheet--intro[b-r0ithn0xdl] {
        width: min(100%, 50rem);
        grid-template-columns: 17.5rem minmax(0, 1fr);
    }

    .cookie-consent-intro[b-r0ithn0xdl] { display: block; }

    .cookie-consent-sheet--intro .cookie-consent-main[b-r0ithn0xdl] {
        padding: 2.3rem 1.7rem 1.75rem;
    }

    .cookie-consent-sheet--intro .cookie-quick-summary[b-r0ithn0xdl] { margin-top: 1.6rem; }
    .cookie-consent-sheet--intro .cookie-quick-actions[b-r0ithn0xdl] { margin-top: 1.35rem; }
    .cookie-consent-sheet--intro .cookie-customize-action[b-r0ithn0xdl] { margin-top: 1rem; }
    .cookie-consent-sheet--intro .cookie-close-explainer[b-r0ithn0xdl] { margin-top: 1.05rem; }
    .cookie-consent-sheet--intro .cookie-consent-footer[b-r0ithn0xdl] { margin-top: 1.4rem; }
}

@media (max-width: 480px) {
    .cookie-consent-main[b-r0ithn0xdl] { padding: 1.1rem .9rem .85rem; }
    .cookie-preference-card[b-r0ithn0xdl] { grid-template-columns: 2.4rem minmax(0, 1fr) auto; gap: .6rem; padding: .65rem; }
    .cookie-preference-card__icon[b-r0ithn0xdl] { width: 2.4rem; height: 2.4rem; }
    .cookie-required-label small[b-r0ithn0xdl] { display: none; }
    .cookie-preference-card__description[b-r0ithn0xdl] { font-size: .67rem; }
}

@media (max-width: 380px) {
    .cookie-settings-button span[b-r0ithn0xdl] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .cookie-settings-button[b-r0ithn0xdl] { width: 2.75rem; justify-content: center; padding-inline: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .cookie-consent-overlay[b-r0ithn0xdl],
    .cookie-consent-sheet[b-r0ithn0xdl],
    .cookie-consent-sheet--details .cookie-consent-main[b-r0ithn0xdl],
    .cookie-consent-intro__glow[b-r0ithn0xdl],
    .cookie-settings-button[b-r0ithn0xdl],
    .cookie-preference-card[b-r0ithn0xdl],
    .cookie-preference-card[b-r0ithn0xdl]::before {
        animation: none;
        transition: none;
    }
}

@keyframes cookie-overlay-in-b-r0ithn0xdl {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes cookie-sheet-in-b-r0ithn0xdl {
    from { opacity: 0; transform: translateY(1rem); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes cookie-details-in-b-r0ithn0xdl {
    from { opacity: .35; transform: translateY(.35rem); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes cookie-hero-glow-b-r0ithn0xdl {
    0%, 100% { transform: translateX(-32%); opacity: .35; }
    50% { transform: translateX(32%); opacity: .72; }
}
/* /Components/Shared/SystemFilterPanel.razor.rz.scp.css */
.system-filters[b-wz2w9x9wqd]{--filter-blue:#075da2;--filter-border:#d5e2ed;color:#102b46;min-width:0}
.filters-heading[b-wz2w9x9wqd]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.filters-heading h2[b-wz2w9x9wqd]{margin:0 0 5px;font-size:1.3rem;font-weight:750;line-height:1.3}
.filters-heading p[b-wz2w9x9wqd]{margin:0;color:#526a80;font-size:.9375rem;line-height:1.5}
.filters-heading>a[b-wz2w9x9wqd]{color:var(--filter-blue);font-size:.875rem;font-weight:650;white-space:nowrap;text-underline-offset:3px;padding:3px 0}
.filters-context[b-wz2w9x9wqd]{padding:12px 14px;border:1px solid #cbdeed;border-left:3px solid var(--filter-blue);background:#f1f7fc;border-radius:4px;min-width:0}
.filters-context-heading[b-wz2w9x9wqd]{display:flex;align-items:center;justify-content:space-between;gap:12px}
.filters-context-heading strong[b-wz2w9x9wqd]{font-size:1rem}
.filters-context-heading>span[b-wz2w9x9wqd]{font-size:.875rem;color:#526b80}
.filters-context-values[b-wz2w9x9wqd]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 4px;padding:0}
.filters-context-values>div[b-wz2w9x9wqd]{border-left:1px solid #c6d8e7;padding-left:10px;min-width:0}
.filters-context-values dt[b-wz2w9x9wqd]{color:#567086;font-size:.825rem;margin-bottom:3px;line-height:1.35}
.filters-context-values dd[b-wz2w9x9wqd]{margin:0;font-size:1.1rem;font-weight:750;line-height:1.3;overflow-wrap:anywhere}
.filters-context-values small[b-wz2w9x9wqd]{display:inline;font-size:.825rem;font-weight:450;color:#567086}
.filters-context-details[b-wz2w9x9wqd]{margin-top:7px}
.filters-context-details summary[b-wz2w9x9wqd]{width:fit-content;max-width:100%;padding:7px 0;color:#1c527c;cursor:pointer;font-size:.875rem;font-weight:650;line-height:1.4}
.filters-context-details summary:hover[b-wz2w9x9wqd]{color:#064e89}
.filters-context-details summary:focus-visible[b-wz2w9x9wqd]{outline:2px solid #247eb9;outline-offset:3px;border-radius:2px}
.filters-context-details p[b-wz2w9x9wqd]{font-size:.875rem;line-height:1.5;color:#46617a;margin:7px 0 0}
.filters-tools[b-wz2w9x9wqd]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 8px;color:#446079;font-size:.9rem}
.filters-tools small[b-wz2w9x9wqd]{font-size:.875rem;color:#698094;margin-left:5px}
.system-filters .filters-reset[b-wz2w9x9wqd]{min-height:36px;padding:7px 11px;background:#e8f0f7;border:1px solid #c8d9e8;border-radius:3px;color:#1c527c;font-size:.875rem;line-height:1.35}
.system-filters .filters-reset:hover[b-wz2w9x9wqd]{background:#d8e7f3;border-color:#90b6d2}
.filters-category[b-wz2w9x9wqd]{margin-top:14px;min-width:0}
.filters-category-heading[b-wz2w9x9wqd]{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}
.filters-category-heading h3[b-wz2w9x9wqd]{margin:0;font-size:1rem;font-weight:750;line-height:1.4}
.filters-category-heading>span[b-wz2w9x9wqd]{font-size:.825rem;color:#567086;white-space:nowrap}
.filters-grid[b-wz2w9x9wqd]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.filter-card[b-wz2w9x9wqd]{min-width:0;border:1px solid var(--filter-border);border-radius:4px;background:#fbfcfe;padding:11px 12px;transition:border-color 140ms,background-color 140ms}
.filter-card.is-enabled[b-wz2w9x9wqd]{border-color:#8cb4d3;background:#fff;box-shadow:inset 3px 0 0 var(--filter-blue)}
.system-filters .filter-toggle[b-wz2w9x9wqd]{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:start;gap:9px;margin:0;cursor:pointer;min-height:40px}
.system-filters .filter-toggle>input[type=checkbox][b-wz2w9x9wqd]{width:18px;height:18px;min-width:18px;min-height:0;margin:2px 0 0;padding:0;border-radius:2px;accent-color:var(--filter-blue);cursor:pointer}
.filter-toggle strong[b-wz2w9x9wqd]{display:block;font-weight:750;font-size:.9375rem;line-height:1.4}
.filter-toggle small[b-wz2w9x9wqd]{display:block;font-size:.875rem;font-weight:400;color:#62798d;line-height:1.4;margin-top:2px}
.filter-state[b-wz2w9x9wqd]{font-size:.75rem;color:#60778b;font-weight:650;background:#eaf0f5;border-radius:2px;padding:3px 5px;margin-top:1px}
.is-enabled .filter-state[b-wz2w9x9wqd]{background:#e5f1fb;color:#075da2}
.filter-hint[b-wz2w9x9wqd]{margin:7px 0 0;color:#49677f;font-size:.875rem;line-height:1.45}
.filter-body[b-wz2w9x9wqd]{border-top:1px solid #e3ecf3;margin-top:10px;padding-top:10px}
.filter-body>label[b-wz2w9x9wqd]{margin-bottom:8px}
.system-filters .filter-body label[b-wz2w9x9wqd]{display:flex;flex-direction:column;gap:5px;font-size:.875rem;font-weight:650;line-height:1.4;min-width:0}
.system-filters .filter-body input[type=number][b-wz2w9x9wqd],.system-filters .filter-body select[b-wz2w9x9wqd]{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:var(--wizard-control-height,40px);min-height:var(--wizard-control-height,40px);padding:var(--wizard-control-padding-y,8px) 10px;border:1px solid #b9cfdf;background:#f9fbfd;border-radius:3px;color:#163b59;font:inherit;font-size:var(--wizard-control-font-size,.9375rem);line-height:var(--wizard-control-line-height,normal)}
.system-filters .filter-body input:focus[b-wz2w9x9wqd],.system-filters .filter-body select:focus[b-wz2w9x9wqd]{background:#fff;border-color:#247eb9;outline:2px solid #b5dafa;outline-offset:1px}
.filter-bounds[b-wz2w9x9wqd]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.filter-note[b-wz2w9x9wqd]{font-size:.875rem;line-height:1.5;color:#62798d;margin:8px 0 0}
.filter-numbers[b-wz2w9x9wqd]{display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow:auto;margin:10px 0;padding:2px}
.system-filters .filter-number[b-wz2w9x9wqd]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;min-height:44px;padding:5px 8px;border:1px solid #c9d9e7;border-radius:3px;background:#edf3f8;color:#315573;font-size:.9375rem;font-weight:700}
.system-filters .filter-number span[b-wz2w9x9wqd]{font-size:.75rem;font-weight:500;margin-top:2px}
.system-filters .filter-number:hover[b-wz2w9x9wqd]{background:#dcebf7;border-color:#7daed0}
.system-filters .filter-number.fixed[b-wz2w9x9wqd]{background:#e7f4ed;border-color:#78b495;color:#226349}
.system-filters .filter-number.excluded[b-wz2w9x9wqd]{background:#fcf0f0;border-color:#d29a9e;color:#953f48}
.system-filters .filter-number.in-group[b-wz2w9x9wqd]{background:#075da2;border-color:#075da2;color:#fff}
.filters-selection[b-wz2w9x9wqd]{padding:12px 14px;margin:14px 0 0;background:#f4f8fb;border:1px solid #d9e5ee;border-radius:4px}
.filters-selection h3[b-wz2w9x9wqd]{font-size:.9375rem;font-weight:750;margin:0 0 7px}
.filters-selection ul[b-wz2w9x9wqd]{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.filters-selection li[b-wz2w9x9wqd]{padding:5px 8px;background:#e7f0f8;color:#234c6c;border-radius:3px;font-size:.875rem;line-height:1.4}
.filters-result[b-wz2w9x9wqd]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid #bddece;background:#f0f9f4;border-radius:4px;margin-top:14px;padding:14px}
.filters-result span[b-wz2w9x9wqd]{display:block;font-size:.875rem;color:#4d7360;margin-bottom:4px}
.filters-result strong[b-wz2w9x9wqd]{font-size:1.4rem;font-weight:800;color:#195c42;overflow-wrap:anywhere}
.filters-result>p[b-wz2w9x9wqd]{grid-column:1/-1;font-size:.875rem;color:#527361;margin:0;line-height:1.5}
.filters-footer-note[b-wz2w9x9wqd]{font-size:.875rem;line-height:1.5;color:#62798d;margin:14px 0 0}
.filters-error[b-wz2w9x9wqd],.filter-field-error[b-wz2w9x9wqd]{padding:10px 12px;background:#fff1f1;color:#943b48;border-left:3px solid #b84d5d;font-size:.875rem;line-height:1.5}
@media(max-width:760px){
    .filters-heading[b-wz2w9x9wqd]{flex-direction:column;gap:5px;margin-bottom:10px}
    .filters-heading h2[b-wz2w9x9wqd]{font-size:1.2rem}
    .filters-heading>a[b-wz2w9x9wqd]{display:inline-flex;align-items:center;min-height:44px;white-space:normal;padding:5px 0}
    .filters-context[b-wz2w9x9wqd]{padding:11px 12px}
    .filters-context-heading[b-wz2w9x9wqd]{align-items:flex-start;flex-direction:column;gap:2px}
    .filters-context-values[b-wz2w9x9wqd]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
    .filters-context-details summary[b-wz2w9x9wqd]{padding:11px 0;min-height:44px}
    .filters-grid[b-wz2w9x9wqd]{grid-template-columns:1fr;gap:8px}
    .filters-category[b-wz2w9x9wqd]{margin-top:12px}
    .filter-card[b-wz2w9x9wqd]{padding:11px 12px}
    .filters-tools[b-wz2w9x9wqd]{align-items:center;gap:10px;margin-top:12px}
    .filters-tools small[b-wz2w9x9wqd]{display:block;margin:2px 0 0}
    .system-filters .filters-reset[b-wz2w9x9wqd]{min-height:44px;padding:7px 10px;max-width:48%}
    .system-filters .filter-toggle[b-wz2w9x9wqd]{min-height:44px}
    .system-filters .filter-body input[type=number][b-wz2w9x9wqd],.system-filters .filter-body select[b-wz2w9x9wqd]{height:var(--wizard-control-height,44px);min-height:var(--wizard-control-height,44px);font-size:var(--wizard-control-font-size,1rem)}
    .system-filters .filter-number[b-wz2w9x9wqd]{min-height:48px}
    .system-filters .filter-number span[b-wz2w9x9wqd]{font-size:.8125rem}
    .filters-result[b-wz2w9x9wqd]{padding:12px;gap:8px}
    .filters-result strong[b-wz2w9x9wqd]{font-size:1.25rem}
    .filters-result span[b-wz2w9x9wqd]{font-size:.825rem;line-height:1.4}
}
@media(max-width:440px){.filter-state[b-wz2w9x9wqd]{display:none}.system-filters .filter-toggle[b-wz2w9x9wqd]{grid-template-columns:18px minmax(0,1fr)}}
@media(max-width:350px){.filter-bounds[b-wz2w9x9wqd]{grid-template-columns:1fr}.filters-result[b-wz2w9x9wqd]{grid-template-columns:1fr}.filters-result>div[b-wz2w9x9wqd]{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.filters-result span[b-wz2w9x9wqd]{margin:0}.filters-result>p[b-wz2w9x9wqd]{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.filter-card[b-wz2w9x9wqd]{transition:none}}
/* /Components/Shared/SystemsChapterContents.razor.rz.scp.css */
.systems-chapter-contents[b-de0tf3st5o] {
    box-sizing: border-box;
    width: min(calc(100% - 2.5rem), 90rem);
    margin: 1.15rem auto 0;
    padding: .6rem 0 .6rem 1rem;
    border-left: 3px solid #348fce;
    display: flex;
    align-items: center;
    gap: 1.35rem;
    scroll-margin-top: 6rem;
}

.systems-chapter-contents--flush[b-de0tf3st5o] {
    width: 100%;
}

.systems-chapter-contents__label[b-de0tf3st5o] {
    flex: 0 0 auto;
    color: #075b9d;
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .15em;
    line-height: 1.25;
    text-transform: uppercase;
}

.systems-chapter-contents__links[b-de0tf3st5o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem 1rem;
}

.systems-chapter-contents__links[b-de0tf3st5o]  a {
    border-bottom: 1px solid transparent;
    color: #385d7c;
    font-size: .78rem;
    font-weight: 680;
    line-height: 1.45;
    padding: .15rem 0;
    text-decoration: none;
    transition: border-color 160ms ease, color 160ms ease;
}

.systems-chapter-contents__links[b-de0tf3st5o]  a:hover,
.systems-chapter-contents__links[b-de0tf3st5o]  a:focus-visible {
    border-bottom-color: currentColor;
    color: #0064ad;
}

@media (max-width: 640px) {
    .systems-chapter-contents[b-de0tf3st5o] {
        width: min(calc(100% - 1.5rem), 90rem);
        align-items: flex-start;
        flex-direction: column;
        gap: .35rem;
    }

    .systems-chapter-contents__links[b-de0tf3st5o] {
        gap: .2rem .8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .systems-chapter-contents__links[b-de0tf3st5o]  a {
        transition: none;
    }
}
/* /Components/Shared/SystemsGuideNavigation.razor.rz.scp.css */
.guide-map[b-0upqs425ef] {
    width: min(100% - 2.5rem, 90rem);
    margin-inline: auto;
    padding-top: .55rem;
    border-top: 1px solid #d8e4ed;
}

.guide-map__controls[b-0upqs425ef] {
    display: flex;
    min-height: 3.35rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.guide-map__control[b-0upqs425ef] {
    display: inline-flex;
    max-width: 44%;
    align-items: center;
    gap: .7rem;
    padding: .35rem 0;
    color: #315a79;
    text-decoration: none;
    transition: color .2s ease;
}

.guide-map__control:hover[b-0upqs425ef] {
    color: #00589d;
}

.guide-map__control span[b-0upqs425ef],
.guide-map__control small[b-0upqs425ef],
.guide-map__control strong[b-0upqs425ef] {
    display: block;
}

.guide-map__control small[b-0upqs425ef] {
    margin-bottom: .08rem;
    color: #7b94a8;
    font-size: .57rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.guide-map__control strong[b-0upqs425ef] {
    color: currentColor;
    font-size: .75rem;
    line-height: 1.25;
}

.guide-map__control > i[b-0upqs425ef] {
    flex: 0 0 auto;
    font-size: 1.05rem;
}

.guide-map__control--next[b-0upqs425ef] {
    margin-left: auto;
    text-align: right;
}

@media (max-width: 640px) {
    .guide-map[b-0upqs425ef] {
        width: min(100% - 1.5rem, 90rem);
    }

    .guide-map__controls[b-0upqs425ef] {
        min-height: 3rem;
        gap: .7rem;
    }

    .guide-map__control[b-0upqs425ef] {
        max-width: 48%;
        gap: .45rem;
    }

    .guide-map__control small[b-0upqs425ef] {
        font-size: .52rem;
        letter-spacing: .07em;
    }

    .guide-map__control strong[b-0upqs425ef] {
        font-size: .69rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .guide-map__control[b-0upqs425ef] {
        transition: none;
    }
}
/* /Components/Shared/SystemWizardSteps.razor.rz.scp.css */
.system-wizard-steps[b-gw1op2nc4k] {
    margin: 16px 0;
}

.system-wizard-steps.is-automatic[b-gw1op2nc4k] {
    --wizard-step-count: 4;
}

.system-wizard-steps .wizard-steps-mobile-summary[b-gw1op2nc4k] {
    display: none;
}

.system-wizard-steps ol[b-gw1op2nc4k] {
    display: grid;
    grid-template-columns: repeat(var(--wizard-step-count, 6), minmax(0, 1fr));
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.system-wizard-steps li[b-gw1op2nc4k] {
    min-width: 0;
}

.system-wizard-steps .wizard-step-card[b-gw1op2nc4k] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    width: 100%;
    height: 100%;
    min-height: 58px;
    padding: 8px 9px;
    border: 1px solid transparent;
    border-radius: 3px;
    font: inherit;
    text-align: left;
    text-decoration: none;
    white-space: normal;
}

.system-wizard-steps .wizard-step-number[b-gw1op2nc4k] {
    display: inline-flex;
    flex: 0 0 23px;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    border: 1px solid currentColor;
    border-radius: 3px;
    font-size: .76rem;
    font-weight: 750;
    line-height: 1;
}

.system-wizard-steps .wizard-step-copy[b-gw1op2nc4k] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.system-wizard-steps .wizard-step-label[b-gw1op2nc4k] {
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.system-wizard-steps .wizard-step-state[b-gw1op2nc4k] {
    font-size: .67rem;
    font-weight: 400;
    line-height: 1.25;
}

.system-wizard-steps .wizard-step-previous .wizard-step-card[b-gw1op2nc4k] {
    background: #edf5fb;
    border-color: #b7d1e5;
    color: #14577f;
    cursor: pointer;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.system-wizard-steps .wizard-step-link:hover:not(:disabled)[b-gw1op2nc4k] {
    background: #dcecf8;
    border-color: #6b9fc4;
    text-decoration: none;
}

.system-wizard-steps .wizard-step-link:focus-visible[b-gw1op2nc4k],
.system-wizard-steps .wizard-steps-toggle:focus-visible[b-gw1op2nc4k] {
    outline: 3px solid #269bff;
    outline-offset: 2px;
}

.system-wizard-steps .wizard-step-link:disabled[b-gw1op2nc4k],
.system-wizard-steps .wizard-steps-toggle:disabled[b-gw1op2nc4k] {
    opacity: .6;
    cursor: wait;
}

.system-wizard-steps .wizard-step-current .wizard-step-card[b-gw1op2nc4k] {
    background: #075da2;
    border-color: #075da2;
    color: #fff;
}

.system-wizard-steps .wizard-step-current .wizard-step-number[b-gw1op2nc4k] {
    background: #fff;
    border-color: #fff;
    color: #075da2;
}

.system-wizard-steps .wizard-step-future .wizard-step-card[b-gw1op2nc4k] {
    background: #f2f4f6;
    border-color: #d4dce3;
    border-style: dashed;
    color: #5a6a79;
}

.system-wizard-steps .wizard-step-future .wizard-step-number[b-gw1op2nc4k] {
    border-color: #a9b6c2;
}

@media (max-width: 760px) {
    .system-wizard-steps[b-gw1op2nc4k] {
        margin: 12px 0;
        padding: 9px 11px;
        border: 1px solid #d4e2ee;
        border-left: 3px solid #075da2;
        border-radius: 3px;
        background: #fff;
    }

    .system-wizard-steps .wizard-steps-mobile-summary[b-gw1op2nc4k] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
    }

    .system-wizard-steps .wizard-steps-progress[b-gw1op2nc4k] {
        min-width: 0;
        color: #123b59;
        font-size: .84rem;
        font-weight: 700;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }

    .system-wizard-steps .wizard-steps-toggle[b-gw1op2nc4k] {
        flex: 0 0 auto;
        min-height: 44px;
        padding: 7px 9px;
        border: 1px solid #bdd1e1;
        border-radius: 3px;
        background: #edf5fb;
        color: #14577f;
        font: inherit;
        font-size: .75rem;
        font-weight: 600;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

    .system-wizard-steps .wizard-steps-toggle:hover:not(:disabled)[b-gw1op2nc4k] {
        background: #dcecf8;
        border-color: #6b9fc4;
    }

    .system-wizard-steps ol[b-gw1op2nc4k] {
        display: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        margin-top: 9px;
    }

    .system-wizard-steps.is-expanded ol[b-gw1op2nc4k] {
        display: grid;
    }

    .system-wizard-steps .wizard-step-card[b-gw1op2nc4k] {
        min-height: 55px;
        padding: 8px;
    }
}

@media (max-width: 350px) {
    .system-wizard-steps .wizard-steps-mobile-summary[b-gw1op2nc4k] {
        align-items: flex-start;
    }

    .system-wizard-steps .wizard-steps-progress[b-gw1op2nc4k] {
        align-self: center;
        font-size: .8rem;
    }

    .system-wizard-steps .wizard-steps-toggle[b-gw1op2nc4k] {
        max-width: 101px;
        font-size: .72rem;
    }

    .system-wizard-steps ol[b-gw1op2nc4k] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .system-wizard-steps .wizard-step-link[b-gw1op2nc4k] {
        transition: none;
    }
}