@import '_content/Lottify.Studio.UI/Lottify.Studio.UI.r4lf0nusbm.bundle.scp.css';

/* /Components/Home/CombinationCanvas.razor.rz.scp.css */
.canvas-shell[b-1ks457riil] {
    isolation: isolate;
    scroll-margin-top: 5.75rem;
}

.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: .75rem;
    }

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

    .canvas-controls[b-1ks457riil] {
        padding: 1rem;
        border-radius: .75rem;
    }

    .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: .75rem;
    }

    .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: .55rem;
    }
}
/* /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: .75rem;
        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 */
summary:focus-visible[b-yc701rfady],
a:focus-visible[b-yc701rfady] {
    outline: 3px solid #66b7ff;
    outline-offset: 3px;
}

#blazor-error-ui[b-yc701rfady] {
    background: #66b7ff;
    bottom: 0;
    box-shadow: 0 -2px 20px rgb(0 0 0 / 18%);
    color: #06162b;
    display: none;
    left: 0;
    padding: 0.8rem 3rem 0.8rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-yc701rfady] {
    cursor: pointer;
    position: absolute;
    right: 1rem;
}
/* /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: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-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/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(10px);
    animation: cookie-enter-b-h9hnk3x8fu 620ms 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] {
    animation-delay: 280ms;
    box-shadow: 0 24px 70px -52px rgb(6 22 43 / 0.45);
}

.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);
}

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

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

    .cookie-summary[b-h9hnk3x8fu],
    .cookie-index a[b-h9hnk3x8fu] {
        transition: none;
    }
}
/* /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;
}

#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: .75rem;
    }

    .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: .45rem;
        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: .75rem;
    }

    .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: .75rem;
    }

    .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%;
    }
}
/* /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(10px);
    animation: privacy-enter-b-v30hxmx3le 620ms 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] {
    animation-delay: 280ms;
    box-shadow: 0 24px 70px -52px rgb(6 22 43 / 0.45);
}

.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);
}

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

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

    .privacy-summary[b-v30hxmx3le],
    .privacy-index a[b-v30hxmx3le] {
        transition: none;
    }
}
/* /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(10px);
    animation: terms-enter-b-g9o46rbrgl 620ms 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] {
    animation-delay: 280ms;
    box-shadow: 0 24px 70px -52px rgb(6 22 43 / 0.45);
}

.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);
    }
}

@media (prefers-reduced-motion: reduce) {
    .terms-reveal[b-g9o46rbrgl],
    .terms-panel[b-g9o46rbrgl] {
        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-top: .5rem;
    background: rgb(2 6 23 / 58%);
    backdrop-filter: blur(5px);
    animation: cookie-overlay-in-b-r0ithn0xdl 180ms ease-out both;
}

.cookie-consent-sheet[b-r0ithn0xdl] {
    width: min(100%, 44rem);
    max-height: calc(100dvh - .5rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgb(226 232 240);
    border-bottom: 0;
    border-radius: 1rem 1rem 0 0;
    background: white;
    box-shadow: 0 -18px 55px rgb(2 6 23 / 22%);
    animation: cookie-sheet-in-b-r0ithn0xdl 260ms cubic-bezier(.22, 1, .36, 1) both;
}

.cookie-consent-hero[b-r0ithn0xdl] {
    position: relative;
    isolation: isolate;
    min-height: 7rem;
    overflow: hidden;
    padding: 1.15rem 1rem;
    background:
        radial-gradient(circle at 78% 20%, rgb(102 183 255 / 24%), transparent 28%),
        linear-gradient(125deg, #06162b 0%, #073b6d 62%, #004c8e 100%);
}

.cookie-consent-hero[b-r0ithn0xdl]::before {
    position: absolute;
    inset: -60% -20%;
    z-index: -1;
    background: linear-gradient(110deg, transparent 38%, rgb(255 255 255 / 8%) 48%, transparent 58%);
    content: "";
    transform: translateX(-40%);
    animation: cookie-hero-glow-b-r0ithn0xdl 7s ease-in-out infinite;
}

.cookie-consent-close[b-r0ithn0xdl] {
    position: absolute;
    top: .7rem;
    right: .7rem;
    z-index: 20;
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: 999px;
    background: rgb(255 255 255 / 8%);
    color: rgb(255 255 255 / 72%);
    transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.cookie-consent-close:hover[b-r0ithn0xdl] {
    background: rgb(255 255 255 / 16%);
    color: white;
    transform: rotate(4deg);
}

.cookie-consent-orbit[b-r0ithn0xdl] {
    position: absolute;
    top: 50%;
    right: 3.25rem;
    width: 4.25rem;
    height: 4.25rem;
    transform: translateY(-50%);
}

.cookie-consent-orbit__ring[b-r0ithn0xdl] {
    position: absolute;
    inset: 0;
    border: 1px solid rgb(141 204 255 / 28%);
    border-radius: 999px;
    animation: cookie-orbit-spin-b-r0ithn0xdl 9s linear infinite;
}

.cookie-consent-orbit__ring[b-r0ithn0xdl]::after {
    position: absolute;
    top: -.18rem;
    left: 50%;
    width: .4rem;
    height: .4rem;
    border-radius: 999px;
    background: #8dccff;
    box-shadow: 0 0 14px rgb(141 204 255 / 90%);
    content: "";
}

.cookie-consent-orbit__core[b-r0ithn0xdl] {
    position: absolute;
    inset: .85rem;
    display: grid;
    place-items: center;
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: 1rem;
    background: rgb(255 255 255 / 10%);
    color: #8dccff;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 10px 28px rgb(2 6 23 / 20%);
    backdrop-filter: blur(8px);
    animation: cookie-core-pulse-b-r0ithn0xdl 3.6s ease-in-out infinite;
}

.cookie-consent-orbit__dot[b-r0ithn0xdl] {
    position: absolute;
    width: .28rem;
    height: .28rem;
    border-radius: 999px;
    background: rgb(255 255 255 / 60%);
}

.cookie-consent-orbit__dot--one[b-r0ithn0xdl] { right: .25rem; bottom: .65rem; }
.cookie-consent-orbit__dot--two[b-r0ithn0xdl] { left: .2rem; top: 1.1rem; animation: cookie-dot-blink-b-r0ithn0xdl 2.8s ease-in-out infinite; }

.cookie-consent-status[b-r0ithn0xdl] {
    display: flex;
    align-items: center;
    gap: .8rem;
    border: 1px solid rgb(0 76 142 / 14%);
    border-radius: .8rem;
    padding: .7rem .8rem;
    background: linear-gradient(90deg, rgb(0 76 142 / 7%), rgb(102 183 255 / 5%));
}

.cookie-status-dot[b-r0ithn0xdl] {
    width: .48rem;
    height: .48rem;
    border-radius: 999px;
    background: rgb(203 213 225);
    transition: background-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

.cookie-status-dot--active[b-r0ithn0xdl] {
    background: #168b63;
    box-shadow: 0 0 0 3px rgb(22 139 99 / 11%);
    transform: scale(1.05);
}

.cookie-preference-card[b-r0ithn0xdl] {
    position: relative;
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    overflow: hidden;
    border: 1px solid rgb(226 232 240);
    border-radius: .85rem;
    padding: .75rem;
    background: white;
    box-shadow: 0 1px 0 rgb(15 23 42 / 2%);
    transition: border-color 200ms ease, background-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.cookie-preference-card[b-r0ithn0xdl]::before {
    position: absolute;
    inset: .65rem auto .65rem 0;
    width: .18rem;
    border-radius: 999px;
    background: #004c8e;
    content: "";
    opacity: 0;
    transform: scaleY(.25);
    transition: opacity 200ms ease, transform 260ms cubic-bezier(.22, 1, .36, 1);
}

.cookie-preference-card--enabled[b-r0ithn0xdl] {
    border-color: rgb(0 76 142 / 24%);
    background: rgb(0 76 142 / 3%);
    box-shadow: 0 8px 22px rgb(0 76 142 / 7%);
    transform: translateX(.12rem);
}

.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.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: .7rem;
    background: rgb(0 76 142 / 8%);
    color: #004c8e;
    transition: background-color 200ms ease, color 200ms ease, transform 200ms ease;
}

.cookie-preference-card--enabled .cookie-preference-card__icon[b-r0ithn0xdl] {
    background: #004c8e;
    color: white;
    transform: rotate(-3deg) scale(1.03);
}

.cookie-action-primary[b-r0ithn0xdl] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 22px rgb(0 76 142 / 18%);
}

.cookie-action-primary[b-r0ithn0xdl]::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 30%, rgb(255 255 255 / 20%) 50%, transparent 70%);
    content: "";
    transform: translateX(-120%);
    transition: transform 500ms ease;
}

.cookie-action-primary:hover[b-r0ithn0xdl]::after { transform: translateX(120%); }

.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: .4rem;
    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: 1rem;
        box-shadow: 0 24px 80px rgb(2 6 23 / 28%);
    }

    .cookie-consent-hero[b-r0ithn0xdl] {
        min-height: 7.5rem;
        padding: 1.45rem 1.5rem;
    }

    .cookie-consent-orbit[b-r0ithn0xdl] {
        right: 4.5rem;
        width: 5rem;
        height: 5rem;
    }

    .cookie-preference-card[b-r0ithn0xdl] {
        padding: .85rem 1rem;
    }

    .cookie-settings-button[b-r0ithn0xdl] {
        bottom: 1rem;
        left: 1rem;
    }
}

@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-settings-button[b-r0ithn0xdl],
    .cookie-consent-hero[b-r0ithn0xdl]::before,
    .cookie-consent-orbit__ring[b-r0ithn0xdl],
    .cookie-consent-orbit__core[b-r0ithn0xdl],
    .cookie-consent-orbit__dot[b-r0ithn0xdl],
    .cookie-preference-card[b-r0ithn0xdl],
    .cookie-preference-card[b-r0ithn0xdl]::before,
    .cookie-preference-card__icon[b-r0ithn0xdl],
    .cookie-action-primary[b-r0ithn0xdl]::after {
        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(1.25rem); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes cookie-hero-glow-b-r0ithn0xdl {
    0%, 100% { transform: translateX(-42%); opacity: .35; }
    50% { transform: translateX(42%); opacity: .75; }
}

@keyframes cookie-orbit-spin-b-r0ithn0xdl {
    to { transform: rotate(360deg); }
}

@keyframes cookie-core-pulse-b-r0ithn0xdl {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@keyframes cookie-dot-blink-b-r0ithn0xdl {
    0%, 100% { opacity: .35; transform: scale(.8); }
    50% { opacity: 1; transform: scale(1.2); }
}